/*!
 * 
 * antd v4.24.14
 * 
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *       
 */
/* 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 */
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: #1890ff;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-flex;
  align-items: center;
  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;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon > .anticon {
  line-height: 0;
  vertical-align: 0;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !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-affix {
  position: fixed;
  z-index: 10;
}

/* 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-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 2px;
}
.ant-alert-content {
  flex: 1;
  min-width: 0;
}
.ant-alert-icon {
  margin-right: 8px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff2f0;
  border: 1px solid #ffccc7;
}
.ant-alert-error .ant-alert-icon {
  color: #ff4d4f;
}
.ant-alert-error .ant-alert-description > pre {
  margin: 0;
  padding: 0;
}
.ant-alert-action {
  margin-left: 8px;
}
.ant-alert-close-icon {
  margin-left: 8px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 12px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  align-items: flex-start;
  padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px 15px;
}
.ant-alert-with-description .ant-alert-icon {
  margin-right: 15px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-motion-leave {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.ant-alert.ant-alert-rtl {
  direction: rtl;
}
.ant-alert-rtl .ant-alert-icon {
  margin-right: auto;
  margin-left: 8px;
}
.ant-alert-rtl .ant-alert-action {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl .ant-alert-close-icon {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl.ant-alert-with-description {
  padding-right: 24px;
  padding-left: 15px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  margin-right: auto;
  margin-left: 15px;
}

/* 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-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: transparent;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #f0f0f0;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #1890ff;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.ant-anchor-ink-ball-visible {
  display: inline-block;
}
.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 4px 0 4px 16px;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1890ff;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 2px;
  padding-bottom: 2px;
}
.ant-anchor-rtl {
  direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
  margin-right: -4px;
  margin-left: 0;
  padding-right: 4px;
  padding-left: 0;
}
.ant-anchor-rtl .ant-anchor-ink {
  right: 0;
  left: auto;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
  right: 50%;
  left: 0;
  transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
  padding: 4px 16px 4px 0;
}

/* 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-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete .ant-select-clear {
  right: 13px;
}

/* 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-select-single .ant-select-selector {
  display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  left: 11px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
  width: 100%;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  padding: 0;
  line-height: 30px;
  transition: all 0.3s, visibility 0s;
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  transition: none;
  pointer-events: none;
}
.ant-select-single .ant-select-selector::after,
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 25px;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 18px;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  color: #bfbfbf;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  width: 100%;
  height: 32px;
  padding: 0 11px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 30px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
  line-height: 30px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
  display: none;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
  position: static;
  width: 100%;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 11px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
  display: none;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 40px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 38px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 38px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  height: 24px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
  right: 7px;
  left: 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 28px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 21px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 11px;
}
/**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
.ant-select-selection-overflow {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  max-width: 100%;
}
.ant-select-selection-overflow-item {
  flex: none;
  align-self: center;
  max-width: 100%;
}
.ant-select-multiple .ant-select-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1px 4px;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector::after {
  display: inline-block;
  width: 0;
  margin: 2px 0;
  line-height: 24px;
  visibility: hidden;
  content: '\A0';
}
.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
  position: relative;
  display: flex;
  flex: none;
  box-sizing: border-box;
  max-width: 100%;
  height: 24px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 22px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  cursor: default;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-inline-end: 4px;
  padding-inline-start: 8px;
  padding-inline-end: 4px;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  color: #bfbfbf;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.ant-select-multiple .ant-select-selection-item-remove {
  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;
  display: inline-flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  font-size: 10px;
  line-height: inherit;
  cursor: pointer;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
  line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
  display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove::before {
  display: none;
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
  display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
  vertical-align: middle;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
  margin-inline-start: 0;
}
.ant-select-multiple .ant-select-selection-search {
  position: relative;
  max-width: 100%;
  margin-inline-start: 7px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  height: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 24px;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  width: 100%;
  min-width: 4.1px;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.ant-select-multiple .ant-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
  height: 32px;
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  height: 16px;
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  left: 7px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  margin-inline-start: 3px;
}
.ant-select-disabled .ant-select-selection-item-remove {
  display: none;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: #fff;
  border-color: #ff4d4f !important;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: #fff;
  border-color: #faad14 !important;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-clear,
.ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
.ant-select-status-success.ant-select-has-feedback .ant-select-clear,
.ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
  right: 32px;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
  padding-right: 42px;
}
/* Reset search input style */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  position: relative;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #f5f5f5;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-select-selection-item {
  flex: 1;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-item *::-ms-backdrop,
  .ant-select-selection-item {
    flex: auto;
  }
}
.ant-select-selection-placeholder {
  flex: 1;
  overflow: hidden;
  color: #bfbfbf;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-placeholder *::-ms-backdrop,
  .ant-select-selection-placeholder {
    flex: auto;
  }
}
.ant-select-arrow {
  display: inline-flex;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  display: flex;
  align-items: center;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .anticon {
  vertical-align: top;
  transition: transform 0.3s;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
  cursor: not-allowed;
}
.ant-select-arrow > *:not(:last-child) {
  margin-inline-end: 8px;
}
.ant-select-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-clear::before {
  display: block;
}
.ant-select-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  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);
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-empty {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: default;
}
.ant-select-item-option {
  display: flex;
}
.ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-item-option-state {
  flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: #e6f7ff;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #1890ff;
}
.ant-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-item-option-disabled.ant-select-item-option-selected {
  background-color: #f5f5f5;
}
.ant-select-item-option-grouped {
  padding-left: 24px;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-select.ant-select-in-form-item {
  width: 100%;
}
.ant-select-compact-item:not(.ant-select-compact-last-item) {
  margin-right: -1px;
}
.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl {
  margin-right: 0;
  margin-left: -1px;
}
.ant-select-compact-item:hover > *,
.ant-select-compact-item:focus > *,
.ant-select-compact-item:active > * {
  z-index: 2;
}
.ant-select-compact-item.ant-select-focused > * {
  z-index: 2;
}
.ant-select-compact-item[disabled] > * {
  z-index: 0;
}
.ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select > .ant-select-selector {
  border-radius: 0;
}
.ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-last-item):not(.ant-select-compact-item-rtl) > .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-first-item):not(.ant-select-compact-item-rtl) > .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(.ant-select-compact-last-item) > .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item) > .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow {
  right: initial;
  left: 11px;
}
.ant-select-rtl .ant-select-clear {
  right: initial;
  left: 11px;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 4px;
  padding-left: 24px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  right: 0;
  left: auto;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  right: 11px;
  left: auto;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  right: 7px;
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 11px;
  left: 25px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 6px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}

/* 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-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}
.ant-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
  fill: url('#linearGradient-1');
}
.ant-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
  fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: #fff;
}
.ant-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.ant-empty-img-simple-g {
  stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
  fill: #fafafa;
}
.ant-empty-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 */
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar .ant-image-img {
  display: block;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-square {
  border-radius: 2px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ant-avatar-group {
  display: inline-flex;
}
.ant-avatar-group .ant-avatar {
  border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
  margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  margin-right: -8px;
  margin-left: 0;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  margin-right: 3px;
  margin-left: 0;
}

/* 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-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  max-width: 100vw;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ant-popover-content {
  position: relative;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 15.3137085px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 15.3137085px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  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);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    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);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
}
.ant-popover-message {
  display: flex;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-popover-message-icon {
  display: inline-block;
  margin-right: 8px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button:not(:first-child) {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-popover-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  transform: translateY(11px) rotate(-135deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(-45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
  background-color: #722ed1;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}

/* 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-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  right: auto;
  left: 100px;
  direction: rtl;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s;
}
.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 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 */
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
}
.ant-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #ff4d4f;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: auto;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-dot.ant-scroll-number {
  transition: background 1.5s;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
  animation: antBadgeLoadingCircle 1s infinite linear;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #ff4d4f;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
  transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
  direction: ltr;
}
.ant-scroll-number-only {
  position: relative;
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
    transform-origin: 50%;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: #1890ff;
  border-radius: 2px;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentcolor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}
.ant-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.ant-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.ant-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.ant-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.ant-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.ant-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.ant-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.ant-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.ant-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.ant-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.ant-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.ant-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  right: 0;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon.ant-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
  border-color: currentcolor transparent transparent currentcolor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}

/* 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-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb li:last-child {
  color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb li:last-child a {
  color: rgba(0, 0, 0, 0.85);
}
li:last-child > .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}

/* 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-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #ff4d4f;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  color: #fff;
  background-color: #ff4d4f;
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 10px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden,
.ant-dropdown-menu-submenu-hidden {
  display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-top,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-dropdown-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-dropdown-placement-top > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  bottom: 10px;
  box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}
.ant-dropdown-placement-top > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  top: 9.41421356px;
  box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
  transform: rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  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);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
}
.ant-dropdown-menu-item {
  position: relative;
  display: flex;
  align-items: center;
}
.ant-dropdown-menu-item-icon {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-title-content {
  flex: auto;
}
.ant-dropdown-menu-title-content > a {
  color: inherit;
  transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
  color: inherit;
}
.ant-dropdown-menu-title-content > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
  color: #1890ff;
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #f0f0f0;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-right: 0 !important;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  font-style: normal;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading,
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
  cursor: default;
  pointer-events: none;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before {
  display: block;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #1890ff;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
  right: -7px;
  left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,
.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
  transform-origin: 100% 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  margin-right: 0;
  margin-left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  right: auto;
  left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}

/* 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-btn {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 2px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn > a:only-child {
  color: currentcolor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: #fff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentcolor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #fff;
}
.ant-btn:active > a:only-child {
  color: currentcolor;
}
.ant-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  border-color: #1890ff;
  background: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  border-color: #40a9ff;
  background: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active {
  color: #fff;
  border-color: #096dd9;
  background: #096dd9;
}
.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: transparent;
}
.ant-btn-ghost > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-ghost:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: #fff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #fff;
}
.ant-btn-dashed:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #1890ff;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text {
  color: rgba(0, 0, 0, 0.85);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-text:active {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  background: #fff;
}
.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
  background: #fff;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
  background: #fff;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #ff7875;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #d9363e;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 2px;
  vertical-align: -3px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
.ant-btn-icon-only .anticon-loading {
  padding: 0 !important;
}
a.ant-btn-icon-only {
  vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
  display: inline;
}
.ant-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
  cursor: default;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
  animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s infinite linear;
}
.ant-btn-group {
  position: relative;
  display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
  z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
  background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn.ant-btn-background-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-btn.ant-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  border-color: #1890ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
a.ant-btn {
  padding-top: 0.01px !important;
  line-height: 30px;
}
a.ant-btn-disabled {
  cursor: not-allowed;
}
a.ant-btn-disabled > * {
  pointer-events: none;
}
a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
a.ant-btn-disabled > a:only-child,
a.ant-btn-disabled:hover > a:only-child,
a.ant-btn-disabled:focus > a:only-child,
a.ant-btn-disabled:active > a:only-child {
  color: currentcolor;
}
a.ant-btn-disabled > a:only-child::after,
a.ant-btn-disabled:hover > a:only-child::after,
a.ant-btn-disabled:focus > a:only-child::after,
a.ant-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  margin-right: -1px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl {
  margin-left: -1px;
}
.ant-btn-compact-item:hover,
.ant-btn-compact-item:focus,
.ant-btn-compact-item:active {
  z-index: 2;
}
.ant-btn-compact-item[disabled] {
  z-index: 0;
}
.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn {
  border-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-icon-only.ant-btn-compact-item {
  flex: none;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) {
  position: relative;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: 1px;
  height: calc(100% + 1px * 2);
  background-color: #40a9ff;
  content: ' ';
}
.ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after {
  right: -1px;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) {
  margin-bottom: -1px;
}
.ant-btn-compact-vertical-item:hover,
.ant-btn-compact-vertical-item:focus,
.ant-btn-compact-vertical-item:active {
  z-index: 2;
}
.ant-btn-compact-vertical-item[disabled] {
  z-index: 0;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) {
  border-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) {
  position: relative;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: calc(100% + 1px * 2);
  height: 1px;
  background-color: #40a9ff;
  content: ' ';
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #40a9ff;
  border-left-color: #d9d9d9;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-right-color: #d9d9d9;
  border-left-color: #40a9ff;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}

/* 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-menu-item-danger.ant-menu-item {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #ff4d4f;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
  border-right-color: #ff4d4f;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
  color: #ff4d4f;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  color: #fff;
  background-color: #ff4d4f;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #fff;
  outline: none;
  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);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #bae7ff;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-overflow {
  display: flex;
}
.ant-menu-overflow-item {
  flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  height: 1.5715;
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-title-content {
  transition: color 0.3s;
}
.ant-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item > .ant-badge a:hover {
  color: #1890ff;
}
.ant-menu-item-divider {
  overflow: hidden;
  line-height: 0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 0 0;
}
.ant-menu-item-divider-dashed {
  border-style: dashed;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #1890ff;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #1890ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
  border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 0;
  overflow: hidden;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
  transition: border-color 0.3s, background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
  vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
  margin-right: 0;
}
.ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
  box-shadow: 0 0 0 2px #bae7ff;
}
.ant-menu > .ant-menu-item-divider {
  margin: 1px 0;
  padding: 0;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 2px;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 2px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
  background-color: #fff;
}
.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: rgba(0, 0, 0, 0.85);
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #1890ff;
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2.5px);
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2.5px);
}
.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2.5px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2.5px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  border-bottom: 2px solid #1890ff;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #1890ff;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: ' ';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
  display: flex;
  align-items: center;
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 16px / 2);
  text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  background: #fafafa;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  cursor: not-allowed;
}
.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
  border-color: transparent !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
  color: #fff;
}
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
  color: #1890ff;
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #096dd9;
}
.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #096dd9;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  padding: 0 20px;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #1890ff;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu.ant-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
  border-left: none;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 10px;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-left: 0;
}
.ant-menu-submenu-rtl.ant-menu-submenu-popup {
  transform-origin: 100% 0;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
  right: auto;
  left: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 0;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 16px;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
  padding: 0 calc(50% - 16px / 2);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
  border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-right: 32px;
  padding-left: 0;
}

/* 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-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1070;
  display: block;
  width: -moz-max-content;
  width: max-content;
  width: intrinsic;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-content {
  position: relative;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 14.3137085px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 14.3137085px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 14.3137085px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 14.3137085px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  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);
}
.ant-tooltip-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-tooltip-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(315deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(11px) rotate(225deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow-content::before {
  background: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
  background: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content::before {
  background: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
  background: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content::before {
  background: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
  background: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content::before {
  background: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content::before {
  background: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content::before {
  background: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
  background: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content::before {
  background: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  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 */
.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-item:empty {
  display: none;
}
.ant-space-compact {
  display: inline-flex;
}
.ant-space-compact-block {
  display: flex;
  width: 100%;
}
.ant-space-compact-vertical {
  flex-direction: column;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-space-compact-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 */
.ant-picker-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
}
.ant-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
  min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
  min-width: 70px;
  margin-left: 8px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
  background: #fff;
  border: 0;
  border-top: 1px solid #f0f0f0;
  border-radius: 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
  width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
  padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
  width: 100%;
}
.ant-picker-calendar-mini {
  border-radius: 2px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
  border-radius: 0 0 2px 2px;
}
.ant-picker-calendar-mini .ant-picker-content {
  height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
  height: auto;
  padding: 0;
  line-height: 18px;
}
.ant-picker-calendar-mini .ant-picker-cell::before {
  pointer-events: none;
}
.ant-picker-calendar-full .ant-picker-panel {
  display: block;
  width: 100%;
  text-align: right;
  background: #fff;
  border: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  height: auto;
  padding: 0 12px 5px 0;
  line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
  background: #f5f5f5;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  background: #e6f7ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  display: block;
  width: auto;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  border: 0;
  border-top: 2px solid #f0f0f0;
  border-radius: 0;
  transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  position: static;
  width: auto;
  height: 86px;
  overflow-y: auto;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #1890ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    width: 50%;
    text-align: center;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  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 */
.ant-picker-status-error.ant-picker,
.ant-picker-status-error.ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-picker-status-error.ant-picker-focused,
.ant-picker-status-error.ant-picker:focus {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-error.ant-picker .ant-picker-active-bar {
  background: #ff7875;
}
.ant-picker-status-warning.ant-picker,
.ant-picker-status-warning.ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-picker-status-warning.ant-picker-focused,
.ant-picker-status-warning.ant-picker:focus {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-warning.ant-picker .ant-picker-active-bar {
  background: #ffc53d;
}
.ant-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  padding: 4px 11px 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-picker-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: rgba(0, 0, 0, 0.25);
}
.ant-picker.ant-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.ant-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}
.ant-picker-input > input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-picker-input > input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-picker-input > input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-picker-input > input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-input > input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-picker-input > input-sm {
  padding: 0px 7px;
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #bfbfbf;
}
.ant-picker-large {
  padding: 6.5px 11px 6.5px;
}
.ant-picker-large .ant-picker-input > input {
  font-size: 16px;
}
.ant-picker-small {
  padding: 0px 7px 0px;
}
.ant-picker-suffix {
  display: flex;
  flex: none;
  align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  vertical-align: top;
  cursor: default;
}
.ant-picker-focused .ant-picker-separator {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  position: relative;
  display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
  right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: #1890ff;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1;
}
.ant-picker-range-separator {
  align-items: center;
  padding: 0 8px;
  line-height: 1;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 7px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-left: 7px;
}
.ant-picker-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
}
.ant-picker-dropdown-hidden {
  display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  top: 2.58561808px;
  display: block;
  transform: rotate(-135deg) translateY(1px);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 2.58561808px;
  display: block;
  transform: rotate(45deg);
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
  padding: 7.54247233px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  position: absolute;
  z-index: 1;
  width: 11.3137085px;
  height: 11.3137085px;
  margin-left: 16.5px;
  box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
  transition: left 0.3s ease-out;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-picker-range-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  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);
  transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-content,
.ant-picker-panel-container .ant-picker-panel table {
  text-align: center;
}
.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: #f0f0f0;
}
.ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
  margin-right: -1px;
}
.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl {
  margin-left: -1px;
}
.ant-picker-compact-item:hover,
.ant-picker-compact-item:focus,
.ant-picker-compact-item:active {
  z-index: 2;
}
.ant-picker-compact-item.ant-picker-focused {
  z-index: 2;
}
.ant-picker-compact-item[disabled] {
  z-index: 0;
}
.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker {
  border-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
}
.ant-picker-panel-focused {
  border-color: #1890ff;
}
.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.ant-picker-header {
  display: flex;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}
.ant-picker-header > button:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px;
}
.ant-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.ant-picker-header-view button:hover {
  color: #1890ff;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}
.ant-picker-content th {
  height: 30px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 30px;
}
.ant-picker-cell {
  padding: 3px 0;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.ant-picker-cell-in-view {
  color: rgba(0, 0, 0, 0.85);
}
.ant-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: '';
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #fff;
  background: #1890ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed #7ec1ff;
  border-bottom: 1px dashed #7ec1ff;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: #cbe6ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #cbe6ff;
  transition: all 0.3s;
  content: '';
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  left: 50%;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  left: 6px;
  border-left: 1px dashed #7ec1ff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed #7ec1ff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-picker-cell-disabled {
  color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: transparent;
}
.ant-picker-cell-disabled::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  width: -moz-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #1890ff;
}
.ant-picker-today-btn:hover {
  color: #40a9ff;
}
.ant-picker-today-btn:active {
  color: #096dd9;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-year-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-month-panel .ant-picker-body {
  padding: 0 8px;
}
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  width: 60px;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  right: 14px;
  border-right: 1px dashed #7ec1ff;
  border-radius: 0 2px 2px 0;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  right: 14px;
  border-right: 1px dashed #7ec1ff;
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
  background: transparent !important;
}
.ant-picker-week-panel-row td {
  transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
  background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
  background: #1890ff;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1;
}
.ant-picker-time-panel {
  width: auto;
  min-width: auto;
}
.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}
.ant-picker-time-panel-column {
  flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}
.ant-picker-time-panel-column::after {
  display: block;
  height: 196px;
  content: '';
}
.ant-picker-datetime-panel .ant-picker-time-panel-column::after {
  height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
  background: rgba(230, 247, 255, 0.2);
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #e6f7ff;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker-rtl {
  direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-picker-rtl .ant-picker-clear {
  right: auto;
  left: 0;
}
.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  right: auto;
  left: 11px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-right: 11px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-right: 7px;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
  text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-panel-rtl {
  direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
  right: 50%;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  right: 6px;
  left: 0;
  border-right: 1px dashed #7ec1ff;
  border-left: none;
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
  right: 6px;
  left: 6px;
  border-right: 1px dashed #7ec1ff;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}

/* 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-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  opacity: 1;
  transition: all 0.3s;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1890ff;
}
.ant-tag-checkable:active {
  background-color: #096dd9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-tag-success {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-processing {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-error {
  color: #ff4d4f;
  background: #fff2f0;
  border-color: #ffccc7;
}
.ant-tag-warning {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}

/* 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-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  font-size: 0;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-flex;
  align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio-wrapper-disabled {
  cursor: not-allowed;
}
.ant-radio-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] {
  width: 14px;
  height: 14px;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #1890ff;
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(0.5);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-radio-button-wrapper > .ant-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: #d9d9d9;
  transition: background-color 0.3s;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1890ff;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #40a9ff;
  border-color: #40a9ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #40a9ff;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}

/* 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: 14px;
  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: 16px;
  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-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-card-head .ant-tabs-top {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-top-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.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 .ant-card-body {
  display: flex;
  flex-wrap: wrap;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  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-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-bordered .ant-card-cover {
  margin-top: -1px;
  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 {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  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 {
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 1.5715;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #1890ff;
  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: #1890ff;
}
.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-rtl .ant-card-actions > li:not(:last-child) {
  border-right: none;
  border-left: 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: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  display: flex;
  margin: -4px 0;
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta-avatar {
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  padding-right: 0;
  padding-left: 16px;
}
.ant-card-meta-detail {
  flex: 1;
  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: 16px;
  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 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.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: 14px;
}
.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 */
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
  border-radius: 100px;
}
.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton-active .ant-skeleton-image {
  position: relative;
  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
  z-index: 0;
  overflow: hidden;
  background: transparent;
}
.ant-skeleton-active .ant-skeleton-title::after,
.ant-skeleton-active .ant-skeleton-paragraph > li::after,
.ant-skeleton-active .ant-skeleton-avatar::after,
.ant-skeleton-active .ant-skeleton-button::after,
.ant-skeleton-active .ant-skeleton-input::after,
.ant-skeleton-active .ant-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: ant-skeleton-loading 1.4s ease infinite;
  content: '';
}
.ant-skeleton.ant-skeleton-block {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
  width: 100%;
}
.ant-skeleton-element {
  display: inline-block;
  width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
  width: 64px;
  min-width: 64px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
  width: 32px;
  min-width: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  width: 80px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
  width: 40px;
  min-width: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  width: 48px;
  min-width: 48px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
  width: 24px;
  min-width: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 160px;
  min-width: 160px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  width: 200px;
  min-width: 200px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  width: 120px;
  min-width: 120px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
  fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  max-width: 192px;
  max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
  border-radius: 50%;
}
@keyframes ant-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }
  100% {
    transform: translateX(37.5%);
  }
}
.ant-skeleton-rtl {
  direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
  padding-right: 0;
  padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

/* 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-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
  flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
  content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
  bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 16px 0 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  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);
}
.ant-tabs-dropdown-menu-item {
  display: flex;
  align-items: center;
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item > span {
  flex: 1;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
  flex: none;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
  color: #40a9ff;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  color: #1890ff;
  background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 2px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 2px 2px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 0 0 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 2px 2px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  min-width: 40px;
  margin-left: 2px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #40a9ff;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #096dd9;
}
.ant-tabs-extra-content {
  flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
  justify-content: center;
}
.ant-tabs-ink-bar {
  position: absolute;
  background: #1890ff;
  pointer-events: none;
}
.ant-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: #096dd9;
}
.ant-tabs-tab-btn {
  outline: none;
  transition: all 0.3s;
}
.ant-tabs-tab-remove {
  flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs-tab:hover {
  color: #40a9ff;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #1890ff;
  text-shadow: 0 0 0.25px currentcolor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-content {
  position: relative;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-tabpane {
  outline: none;
}
.ant-tabs-tabpane-hidden {
  display: none;
}
.ant-tabs-switch-appear,
.ant-tabs-switch-enter {
  transition: none;
}
.ant-tabs-switch-appear-start,
.ant-tabs-switch-enter-start {
  opacity: 0;
}
.ant-tabs-switch-appear-active,
.ant-tabs-switch-enter-active {
  opacity: 1;
  transition: opacity 0.3s;
}
.ant-tabs-switch-leave {
  position: absolute;
  transition: none;
  inset: 0;
}
.ant-tabs-switch-leave-start {
  opacity: 1;
}
.ant-tabs-switch-leave-active {
  opacity: 0;
  transition: opacity 0.3s;
}

/* 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-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  touch-action: pan-y;
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex !important;
  justify-content: center;
  margin-right: 15%;
  margin-bottom: 0;
  margin-left: 15%;
  padding-left: 0;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
  bottom: auto;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  flex: 0 1 auto;
  box-sizing: content-box;
  width: 16px;
  height: 3px;
  margin: 0 4px;
  padding: 0;
  text-align: center;
  text-indent: -999px;
  vertical-align: top;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li button::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: '';
}
.ant-carousel .slick-dots li.slick-active {
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}
.ant-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 0;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-carousel-rtl {
  direction: rtl;
}
.ant-carousel-rtl .ant-carousel .slick-track {
  right: 0;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
  right: -25px;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev::before {
  content: '\2192';
}
.ant-carousel-rtl .ant-carousel .slick-next {
  right: auto;
  left: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-next::before {
  content: '\2190';
}
.ant-carousel-rtl.ant-carousel .slick-dots {
  flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
  flex-direction: column;
}

/* 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-cascader-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
  border-color: #1890ff;
}
.ant-cascader-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-cascader-checkbox:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after {
  visibility: visible;
}
.ant-cascader-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-cascader-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  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-cascader-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-cascader-checkbox-checked .ant-cascader-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-cascader-checkbox-checked .ant-cascader-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-cascader-checkbox-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-cascader-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after {
  visibility: hidden;
}
.ant-cascader-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
  margin-left: 8px;
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-cascader-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-cascader-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-cascader-checkbox-group-item {
  margin-right: 8px;
}
.ant-cascader-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
  margin-left: 0;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-cascader {
  width: 184px;
}
.ant-cascader-checkbox {
  top: 0;
  margin-right: 8px;
}
.ant-cascader-menus {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
  width: 100%;
  height: auto;
}
.ant-cascader-menu {
  flex-grow: 1;
  min-width: 111px;
  height: 180px;
  margin: 0;
  margin: -4px 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #f0f0f0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px 12px;
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
  pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #e6f7ff;
}
.ant-cascader-menu-item-content {
  flex: auto;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item-keyword {
  color: #ff4d4f;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
  margin-right: -1px;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-item-rtl {
  margin-left: -1px;
}
.ant-cascader-compact-item:hover,
.ant-cascader-compact-item:focus,
.ant-cascader-compact-item:active {
  z-index: 2;
}
.ant-cascader-compact-item[disabled] {
  z-index: 0;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item).ant-cascader {
  border-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
.ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-cascader-rtl .ant-cascader-checkbox {
  top: 0;
  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 */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #1890ff;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-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-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  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-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-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-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  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 */
.ant-row {
  display: flex;
  flex-flow: row wrap;
  min-width: 0;
}
.ant-row::before,
.ant-row::after {
  display: flex;
}
.ant-row-no-wrap {
  flex-wrap: nowrap;
}
.ant-row-start {
  justify-content: flex-start;
}
.ant-row-center {
  justify-content: center;
}
.ant-row-end {
  justify-content: flex-end;
}
.ant-row-space-between {
  justify-content: space-between;
}
.ant-row-space-around {
  justify-content: space-around;
}
.ant-row-space-evenly {
  justify-content: space-evenly;
}
.ant-row-top {
  align-items: flex-start;
}
.ant-row-middle {
  align-items: center;
}
.ant-row-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.ant-col-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
.ant-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-sm-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-sm-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-sm-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-sm-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-sm-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-sm-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-sm-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-sm-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-sm-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-sm-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-sm-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-sm-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-sm-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-sm-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-sm-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-sm-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-sm-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-sm-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-sm-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-sm-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-sm-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-sm-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-sm-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-sm-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-sm-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-sm-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-sm-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-sm-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-sm-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-sm-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-sm-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-sm-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-sm-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-sm-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-sm-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-sm-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-sm-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-md-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-md-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-md-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-md-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-md-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-md-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-md-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-md-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-md-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-md-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-md-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-md-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-md-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-md-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-md-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-md-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-md-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-md-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-md-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-md-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-md-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-md-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-md-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-md-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-md-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-md-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-md-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-md-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-md-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-md-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-md-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-md-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-md-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-md-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-md-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-md-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-md-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-md-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-md-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-md-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-md-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-md-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-md-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-md-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-md-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-md-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-md-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-md-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-md-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-md-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-md-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-md-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-md-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-md-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-md-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-md-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-md-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-lg-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-lg-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-lg-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-lg-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-lg-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-lg-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-lg-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-lg-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-lg-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-lg-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-lg-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-lg-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-lg-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-lg-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-lg-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-lg-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-lg-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-lg-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-lg-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-lg-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-lg-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-lg-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-lg-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-lg-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-lg-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-lg-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-lg-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-lg-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-lg-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-lg-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-lg-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-lg-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-lg-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-lg-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-lg-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-lg-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-lg-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xxl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xxl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xxl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xxl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xxl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xxl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xxl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xxl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xxl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xxl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xxl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xxl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xxl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.ant-row-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 */
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 2px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  vertical-align: -1px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
  flex: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-left: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
  flex: none;
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon {
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  left: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-content {
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-hidden {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 2px 2px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item:last-child {
  border-bottom: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: auto;
  left: 16px;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  margin-right: 0;
  margin-left: 12px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}

/* 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-comment {
  position: relative;
  background-color: inherit;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  margin-bottom: inherit;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-comment-rtl {
  direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
  padding-right: 0;
  padding-left: 8px;
}
.ant-comment-rtl .ant-comment-actions {
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
  margin-right: 0;
  margin-left: 10px;
}
.ant-comment-rtl .ant-comment-nested {
  margin-right: 44px;
  margin-left: 0;
}

/* 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 */

/* 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-descriptions-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  flex: auto;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-descriptions-extra {
  margin-left: auto;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-descriptions-view {
  width: 100%;
  border-radius: 2px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
  text-align: start;
}
.ant-descriptions-item-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
  content: ' ';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  flex: 1;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  word-break: break-word;
  overflow-wrap: break-word;
}
.ant-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}
.ant-descriptions-item-container {
  display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-label,
.ant-descriptions-item-container .ant-descriptions-item-content {
  display: inline-flex;
  align-items: baseline;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
  border-collapse: collapse;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-descriptions-rtl {
  direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label::after {
  margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-left: none;
}

/* 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-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
  display: flex;
  align-items: center;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
  position: relative;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
  padding-left: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
  padding-right: 0;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 95%;
}

/* 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-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
.ant-drawer-inline {
  position: absolute;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}
.ant-drawer-content-wrapper {
  position: absolute;
  z-index: 1000;
  transition: all 0.3s;
}
.ant-drawer-content-wrapper-hidden {
  display: none;
}
.ant-drawer-left > .ant-drawer-content-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-top > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom > .ant-drawer-content-wrapper {
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  pointer-events: auto;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ant-drawer-header {
  display: flex;
  flex: 0;
  align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #f0f0f0;
}
.ant-drawer-header-title {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  min-height: 0;
}
.ant-drawer-extra {
  flex: none;
}
.ant-drawer-close {
  display: inline-block;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-title {
  flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 24px;
  overflow: auto;
}
.ant-drawer-footer {
  flex-shrink: 0;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
}
.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
  transition: none;
}
.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active,
.ant-drawer-mask-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter,
.ant-drawer-mask-motion-appear {
  opacity: 0;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active {
  opacity: 1;
}
.ant-drawer-mask-motion-leave {
  opacity: 1;
}
.ant-drawer-mask-motion-leave-active {
  opacity: 0;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start,
.ant-drawer-panel-motion-left-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active,
.ant-drawer-panel-motion-left-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start {
  transform: translateX(-100%) !important;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave-active {
  transform: translateX(-100%);
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start,
.ant-drawer-panel-motion-right-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active,
.ant-drawer-panel-motion-right-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start {
  transform: translateX(100%) !important;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave-active {
  transform: translateX(100%);
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start,
.ant-drawer-panel-motion-top-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active,
.ant-drawer-panel-motion-top-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start {
  transform: translateY(-100%) !important;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave-active {
  transform: translateY(-100%);
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start,
.ant-drawer-panel-motion-bottom-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active,
.ant-drawer-panel-motion-bottom-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start {
  transform: translateY(100%) !important;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave-active {
  transform: translateY(100%);
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  margin-right: 0;
  margin-left: 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 */
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1 0;
  min-width: 0;
}
.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
  min-width: unset;
}
.ant-form-vertical .ant-form-item-row {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item .ant-form-item-control {
  width: 100%;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
  display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain-error {
  color: #ff4d4f;
}
.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #ff4d4f;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 24px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
  height: 40px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 40px;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item-with-help {
  transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  color: rgba(0, 0, 0, 0.45);
  cursor: help;
  -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
  margin-inline-start: 4px;
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}
.ant-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item-explain-connected {
  width: 100%;
}
.ant-form-item-extra {
  min-height: 24px;
}
.ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  opacity: 1;
}
.ant-form-item-feedback-icon {
  font-size: 14px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.ant-form-item-feedback-icon-success {
  color: #52c41a;
}
.ant-form-item-feedback-icon-error {
  color: #ff4d4f;
}
.ant-form-item-feedback-icon-warning {
  color: #faad14;
}
.ant-form-item-feedback-icon-validating {
  color: #1890ff;
}
.ant-show-help {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}
.ant-show-help-appear-active,
.ant-show-help-enter-active {
  opacity: 1;
}
.ant-show-help-leave {
  opacity: 1;
}
.ant-show-help-leave-active {
  opacity: 0;
}
.ant-show-help-item {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
  transform: translateY(-5px);
  opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
  transform: translateY(0);
  opacity: 1;
}
.ant-show-help-item-leave {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-leave-active {
  transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 11px;
  padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 16px;
}

/* 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 */

/* 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-image {
  position: relative;
  display: inline-block;
}
.ant-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.ant-image-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
  margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.ant-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.ant-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: auto;
}
.ant-image-preview-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
  cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
  transition-duration: 0s;
}
.ant-image-preview-wrap {
  z-index: 1080;
}
.ant-image-preview-operations-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1081;
  width: 100%;
}
.ant-image-preview-operations {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  color: rgba(255, 255, 255, 0.85);
  list-style: none;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
.ant-image-preview-operations-operation {
  margin-left: 12px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-image-preview-operations-operation:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ant-image-preview-operations-operation-disabled {
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  position: fixed;
  top: 50%;
  right: 8px;
  z-index: 1081;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s;
  pointer-events: auto;
}
.ant-image-preview-switch-left:hover,
.ant-image-preview-switch-right:hover {
  background: rgba(0, 0, 0, 0.2);
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled,
.ant-image-preview-switch-left-disabled:hover,
.ant-image-preview-switch-right-disabled:hover {
  color: rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon,
.ant-image-preview-switch-left-disabled:hover > .anticon,
.ant-image-preview-switch-right-disabled:hover > .anticon {
  cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
  font-size: 18px;
}
.ant-image-preview-switch-left {
  left: 8px;
}
.ant-image-preview-switch-right {
  right: 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-input-number-affix-wrapper {
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  position: relative;
  display: inline-flex;
  width: 90px;
  padding: 0;
  padding-inline-start: 11px;
}
.ant-input-number-affix-wrapper::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input-number-affix-wrapper:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input-number-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number-affix-wrapper:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper-borderless,
.ant-input-number-affix-wrapper-borderless:hover,
.ant-input-number-affix-wrapper-borderless:focus,
.ant-input-number-affix-wrapper-borderless-focused,
.ant-input-number-affix-wrapper-borderless-disabled,
.ant-input-number-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-affix-wrapper-sm {
  padding: 0px 7px;
}
.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-number-affix-wrapper-focused,
.ant-input-number-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
  background: transparent;
}
.ant-input-number-affix-wrapper > div.ant-input-number {
  width: 100%;
  border: none;
  outline: none;
}
.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
  box-shadow: none !important;
}
.ant-input-number-affix-wrapper input.ant-input-number-input {
  padding: 0;
}
.ant-input-number-affix-wrapper::before {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-input-number-prefix,
.ant-input-number-suffix {
  display: flex;
  flex: none;
  align-items: center;
  pointer-events: none;
}
.ant-input-number-prefix {
  margin-inline-end: 4px;
}
.ant-input-number-suffix {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  margin-right: 11px;
  margin-left: 4px;
}
.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
  width: 100%;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-error .ant-input-number-prefix {
  color: #ff4d4f;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-warning .ant-input-number-prefix {
  color: #faad14;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
  color: #ff4d4f;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
  color: #faad14;
}
.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.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: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  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 {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input-number::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-number:focus,
.ant-input-number-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
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: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  padding: 0px 7px;
}
.ant-input-number-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-number-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-number-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-number-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap,
.ant-input-number-group > .ant-input-number {
  display: table-cell;
}
.ant-input-number-group-addon:not(:first-child):not(:last-child),
.ant-input-number-group-wrap:not(:first-child):not(:last-child),
.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-number-group-wrap > * {
  display: block !important;
}
.ant-input-number-group .ant-input-number {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-number-group .ant-input-number:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-number-group .ant-input-number:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
  z-index: 0;
}
.ant-input-number-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input-number-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-number-group-addon .ant-select-open .ant-select-selector,
.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
  color: #1890ff;
}
.ant-input-number-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-number-group > .ant-input-number:first-child,
.ant-input-number-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group-addon:first-child {
  border-right: 0;
}
.ant-input-number-group-addon:last-child {
  border-left: 0;
}
.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group-lg .ant-input-number,
.ant-input-number-group-lg > .ant-input-number-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-group-sm .ant-input-number,
.ant-input-number-group-sm > .ant-input-number-group-addon {
  padding: 0px 7px;
}
.ant-input-number-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-number-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact {
  display: block;
}
.ant-input-number-group.ant-input-number-group-compact::before {
  display: table;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
  float: none;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 2px 0 0 2px;
}
.ant-input-number-group > .ant-input-number-rtl:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-number-group > .ant-input-number-rtl:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-input-number-group-wrapper {
  display: inline-block;
  text-align: start;
  vertical-align: top;
}
.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;
  border-left: 1px solid #d9d9d9;
  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: #40a9ff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-flex;
  align-items: center;
  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;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          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: #40a9ff;
  border-right-width: 1px;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.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-readonly .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;
  -webkit-appearance: textfield !important;
     -moz-appearance: textfield !important;
          appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input-number-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.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;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
  appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.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-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: flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  margin-right: 0;
  font-size: 7px;
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-left-width: 0;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap,
.ant-input-number-focused .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-borderless .ant-input-number-handler-down {
  border-top-width: 0;
}
.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
  border-top: 1px solid #d9d9d9;
}
.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.25);
}
.ant-input-number-borderless {
  box-shadow: none;
}
.ant-input-number-out-of-range input {
  color: #ff4d4f;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  margin-right: -1px;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
  margin-left: -1px;
}
.ant-input-number-compact-item:hover,
.ant-input-number-compact-item:focus,
.ant-input-number-compact-item:active {
  z-index: 2;
}
.ant-input-number-compact-item.ant-input-number-focused {
  z-index: 2;
}
.ant-input-number-compact-item[disabled] {
  z-index: 0;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number {
  border-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  right: auto;
  left: 0;
}
.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-right-width: 0;
}
.ant-input-number-rtl .ant-input-number-handler-up {
  border-top-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-handler-down {
  border-bottom-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-input {
  direction: ltr;
  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 */
.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  display: inline-flex;
}
.ant-input-affix-wrapper::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-affix-wrapper:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-affix-wrapper-sm {
  padding: 0px 7px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: rgba(255, 255, 255, 0);
}
.ant-input-affix-wrapper > .ant-input {
  font-size: inherit;
  border: none;
  outline: none;
}
.ant-input-affix-wrapper > .ant-input:focus {
  box-shadow: none !important;
}
.ant-input-affix-wrapper > .ant-input:not(textarea) {
  padding: 0;
}
.ant-input-affix-wrapper::before {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-input-prefix,
.ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}
.ant-input-prefix > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-show-count-has-suffix {
  margin-right: 2px;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.85);
}
.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-input-group-wrapper-status-error .ant-input-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-input-group-wrapper-status-warning .ant-input-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 0px 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #1890ff;
}
.ant-input-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 2px 0 0 2px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-password-icon.anticon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon.anticon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
  height: 32px;
}
.ant-input[type='color'].ant-input-lg {
  height: 40px;
}
.ant-input[type='color'].ant-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ant-input-textarea-show-count > .ant-input {
  height: 100%;
}
.ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}
.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  margin-bottom: -22px;
}
.ant-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  margin-right: -1px;
}
.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  margin-left: -1px;
}
.ant-input-compact-item:hover,
.ant-input-compact-item:focus,
.ant-input-compact-item:active {
  z-index: 2;
}
.ant-input-compact-item[disabled] {
  z-index: 0;
}
.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
  border-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #40a9ff;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #40a9ff;
}
.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search .ant-input-lg {
  line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 2px 2px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-input-search-button {
  height: 32px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
  height: 40px;
}
.ant-input-search-small .ant-input-search-button {
  height: 24px;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
  margin-right: -1px;
  border-radius: 0;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
.ant-input-search.ant-input-compact-item > .ant-input:hover,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
.ant-input-search.ant-input-compact-item > .ant-input:focus,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
.ant-input-search.ant-input-compact-item > .ant-input:active,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
  z-index: 2;
}
.ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
  z-index: 2;
}
.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
  margin-left: -1px;
  border-radius: 0;
}
.ant-input-group-wrapper-rtl {
  direction: rtl;
}
.ant-input-group-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
  direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #d9d9d9;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
  border-left-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  border-right-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  right: -1px;
  left: auto;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  border-radius: 2px 0 0 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 32px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 24px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}

/* 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-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: 0;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
  width: auto;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 2px 0 0 2px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}
.ant-layout-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 */
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
  width: 0;
  color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-meta-title > a {
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #1890ff;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #f0f0f0;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-right: 0;
  margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
  margin-right: 48px;
  margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
  right: auto;
  left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-right: 40px;
  margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 24px;
    margin-left: 0;
  }
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 22px;
    margin-left: 0;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}

/* 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-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.85);
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item:focus-visible {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible a {
  color: #1890ff;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus-visible {
  border-color: #40a9ff;
}
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-item-active:focus-visible a {
  color: #40a9ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #1890ff;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
  border-color: #40a9ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .ant-pagination-options *::-ms-backdrop,
  .ant-pagination-options {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  width: 50px;
  height: 32px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination-simple .ant-pagination-simple-pager input:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
  top: 0px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
  padding: 0px 7px;
  width: 44px;
  height: 24px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: rgba(0, 0, 0, 0.25);
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination-rtl .ant-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}

/* 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-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #1890ff;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  font-size: 14px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #1890ff;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(0deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(360deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}

/* 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 */

/* 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-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.5715;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-mentions:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-mentions::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-mentions:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-mentions:focus,
.ant-mentions-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-mentions-borderless,
.ant-mentions-borderless:hover,
.ant-mentions-borderless:focus,
.ant-mentions-borderless-focused,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  padding: 0px 7px;
}
.ant-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-mentions-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 30px;
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  -moz-tab-size: inherit;
    -o-tab-size: inherit;
       tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-mentions > textarea:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-mentions > textarea::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-mentions > textarea:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  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);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #f5f5f5;
}
.ant-mentions-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-mentions-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 */
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.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: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.ant-move-up-leave.ant-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 */
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.ant-modal.ant-zoom-enter,
.ant-modal.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.ant-modal-wrap {
  z-index: 1000;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  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: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 54px;
  height: 54px;
  font-size: 16px;
  font-style: normal;
  line-height: 54px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 2px 2px;
}
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 24px;
  text-align: right;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #ff4d4f;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
.ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns {
  pointer-events: none;
}
.ant-modal-wrap-rtl {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
  right: initial;
  left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  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 */
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  margin-right: 24px;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-hook-holder {
  position: relative;
}
.ant-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 24px * 2);
  margin-bottom: 16px;
  margin-left: auto;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5715;
  word-wrap: break-word;
  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);
}
.ant-notification-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
  margin-right: auto;
  margin-left: auto;
}
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}
.ant-notification-notice-message {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #ff4d4f;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 0;
  padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
  right: auto;
  left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-notification-top,
.ant-notification-bottom {
  margin-right: 0;
  margin-left: 0;
}
.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationTopFadeIn;
}
.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationBottomFadeIn;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
@keyframes NotificationTopFadeIn {
  0% {
    margin-top: -100%;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes NotificationBottomFadeIn {
  0% {
    margin-bottom: -100%;
    opacity: 0;
  }
  100% {
    margin-bottom: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}

/* 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-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}
.ant-page-header-back-button {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  color: #000;
}
.ant-page-header-back-button:focus-visible,
.ant-page-header-back-button:hover {
  color: #40a9ff;
}
.ant-page-header-back-button:active {
  color: #096dd9;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  display: flex;
  justify-content: space-between;
}
.ant-page-header-heading-left {
  display: flex;
  align-items: center;
  margin: 4px 0;
  overflow: hidden;
}
.ant-page-header-heading-title {
  margin-right: 12px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading .ant-avatar {
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}
.ant-page-header-heading-extra > * {
  white-space: unset;
}
.ant-page-header-content {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
  margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
  border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}
.ant-page-header-compact .ant-page-header-heading {
  flex-wrap: wrap;
}
.ant-page-header-rtl {
  direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-page-header-rtl .ant-page-header-heading-title {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
  float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
  float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
  margin-right: 12px;
  margin-left: 0;
}
.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
  float: 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 */
.ant-popconfirm {
  z-index: 1060;
}

/* 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-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-steps {
  display: inline-block;
}
.ant-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: #f3f3f3;
  transition: all 0.3s;
}
.ant-progress-steps-item-active {
  background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #ff4d4f;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1em;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.1;
  }
  20% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0) scaleX(1);
    opacity: 0;
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-right: 0;
  margin-left: calc(-2em - 8px);
  padding-right: 0;
  padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
  right: 0;
  left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-right: 8px;
  margin-left: 0;
  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 */
.ant-rate {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star > div:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: pointer;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div {
  transition: all 0.3s, outline 0s;
}
.ant-rate-star > div:hover {
  transform: scale(1.1);
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:focus-visible {
  outline: 1px dashed #fadb14;
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #f0f0f0;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
}
.ant-rate-rtl {
  direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-rate-rtl .ant-rate-star-first {
  right: 0;
  left: auto;
}

/* 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-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #ff4d4f;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin: 24px 0 0 0;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-result-rtl {
  direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
  margin-right: 0;
  margin-left: 8px;
}
.ant-result-rtl .ant-result-extra > *:last-child {
  margin-left: 0;
}

/* 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 */
.segmented-disabled-item,
.segmented-disabled-item:hover,
.segmented-disabled-item:focus {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.segmented-item-selected {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}
.segmented-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-segmented {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  padding: 2px;
  color: rgba(0, 0, 0, 0.65);
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}
.ant-segmented.ant-segmented-block {
  display: flex;
}
.ant-segmented.ant-segmented-block .ant-segmented-item {
  flex: 1;
  min-width: 0;
}
.ant-segmented:not(.ant-segmented-disabled):hover,
.ant-segmented:not(.ant-segmented-disabled):focus {
  background-color: rgba(0, 0, 0, 0.06);
}
.ant-segmented-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-item-selected {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  color: #262626;
}
.ant-segmented-item:hover,
.ant-segmented-item:focus {
  color: #262626;
}
.ant-segmented-item-label {
  min-height: 28px;
  padding: 0 11px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-segmented-item-icon + * {
  margin-left: 6px;
}
.ant-segmented-item-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-segmented.ant-segmented-lg .ant-segmented-item-label {
  min-height: 36px;
  padding: 0 11px;
  font-size: 16px;
  line-height: 36px;
}
.ant-segmented.ant-segmented-sm .ant-segmented-item-label {
  min-height: 20px;
  padding: 0 7px;
  line-height: 20px;
}
.ant-segmented-item-disabled,
.ant-segmented-item-disabled:hover,
.ant-segmented-item-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-segmented-thumb {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  padding: 4px 0;
}
.ant-segmented-thumb-motion-appear-active {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform, width;
}
.ant-segmented.ant-segmented-rtl {
  direction: rtl;
}
.ant-segmented.ant-segmented-rtl .ant-segmented-item-icon {
  margin-right: 0;
  margin-left: 6px;
}

/* 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-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-top: -6px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  margin-left: -2px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  right: 12px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  right: 4px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  right: 2px;
  left: auto;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #91d5ff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #91d5ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging {
  z-index: 1;
}
.ant-slider-handle:focus {
  border-color: #46a6ff;
  outline: none;
  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}
.ant-slider-handle::after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: '';
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.85);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot-active {
  border-color: #8cc8ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-rail {
  background-color: #f5f5f5 !important;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  right: 0;
  left: auto;
}

/* 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-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-skeleton {
  padding-top: 16px;
}
.ant-statistic-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ant-statistic-content-value {
  display: inline-block;
  direction: ltr;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
}
.ant-statistic-rtl {
  direction: rtl;
}
.ant-statistic-rtl .ant-statistic-content-prefix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
  margin-right: 4px;
  margin-left: 0;
}

/* 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-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
  position: relative;
  top: -0.5px;
  color: #1890ff;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #f0f0f0;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #ff4d4f;
}
.ant-steps-item-disabled {
  cursor: not-allowed;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
  top: 0px;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
  background: none;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: flex;
  flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
  display: block;
  flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 15px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 11px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5715;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: none;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 13px;
  margin-left: 0;
  background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 6.5px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-top: 10px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 3.5px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
  width: inherit;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
  left: -1px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: #1890ff;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
  margin-right: 0 !important;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
  display: none;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before {
  top: 0;
  right: 0;
  left: unset;
  display: block;
  width: 3px;
  height: calc(100% - 24px);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
  position: relative;
  top: -2px;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 8px;
  text-align: center;
  transform: rotate(135deg);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-rtl {
  direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
  right: 0;
  left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
  padding-right: 0;
  padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-steps-rtl .ant-steps-item-title::after {
  right: 100%;
  left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 16px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  right: 0.5px;
  left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-right: -12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  margin-right: -16px;
  margin-left: 0;
  text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
  right: 100%;
  left: auto;
  margin-right: -2px;
  margin-left: 0;
  transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 12px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  padding-right: 0;
  padding-left: 12px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 16px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  right: 12px;
  left: auto;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  margin-right: 12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-right: 67px;
  margin-left: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  /* expand hover area */
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  right: -26px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: -9px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 0;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  right: -2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item {
  padding-right: 4px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 19px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 15px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child {
  padding-right: 4px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
  padding-right: 4px;
}
.ant-steps-with-progress .ant-steps-item {
  padding-top: 4px;
}
.ant-steps-with-progress .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 4px;
  left: 19px;
}
.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child,
.ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child {
  padding-bottom: 4px;
  padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  left: 15px;
}
.ant-steps-with-progress.ant-steps-vertical .ant-steps-item {
  padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail {
  top: 14px !important;
}
.ant-steps-with-progress .ant-steps-item-icon {
  position: relative;
}
.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}

/* 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: 14px;
  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.25);
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          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 #e6f7ff;
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #1890ff;
}
.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.2s;
}
.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.2s ease-in-out;
}
.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.2s ease-in-out;
  content: '';
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 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.anticon {
  position: relative;
  top: 2px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #1890ff;
}
.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 {
  top: 1.5px;
  font-size: 9px;
}
.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% - 12px - 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% - 18px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 12px - 2px);
}

/* 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-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -12px -8px -12px 40px;
}
.ant-table.ant-table-middle .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -8px -8px -8px 40px;
}
.ant-table.ant-table-small .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #f0f0f0;
  content: '';
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 2px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-title {
  padding: 16px 16px;
}
.ant-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.ant-table-thead > tr > th {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  transform: translateY(-50%);
  transition: background-color 0.3s;
  content: '';
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 32px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #e6f7ff;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #dcf4ff;
}
.ant-table-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
  color: #1890ff;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
  background-color: transparent !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  position: relative;
  z-index: 1;
  flex: 1;
}
.ant-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: space-between;
}
.ant-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.ant-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #1890ff;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
  color: #a6a6a6;
}
.ant-table-filter-column {
  display: flex;
  justify-content: space-between;
}
.ant-table-filter-trigger {
  position: relative;
  display: flex;
  align-items: center;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-filter-trigger.active {
  color: #1890ff;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  min-width: 120px;
  background-color: #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);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
  background-color: #bae7ff;
}
.ant-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
  min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
  z-index: 3;
}
table tr th.ant-table-selection-column::after {
  background-color: transparent !important;
}
.ant-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
  display: inline-flex;
  float: none;
  vertical-align: sub;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  transform: scale(0.94117647);
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-row-expand-icon:focus-visible,
.ant-table-row-expand-icon:hover {
  color: #40a9ff;
}
.ant-table-row-expand-icon:active {
  color: #096dd9;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentcolor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-left-all::after {
  display: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: calc(calc(2 + 1) + 1);
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-last::before {
  background-color: transparent !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-holder {
  position: sticky;
  z-index: calc(2 + 1);
  background: #fff;
}
.ant-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.ant-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.ant-table-title {
  border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.ant-table-footer {
  border-radius: 0 0 2px 2px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 4px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger {
  margin: -4px 4px -4px -8px;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}

/* 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;
  }
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.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: #f5f5f5;
}
.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;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          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: #1890ff;
}
.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: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  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: #1890ff;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  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: 21.5%;
  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: #1890ff;
  border-color: #1890ff;
}
.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.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.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.25);
  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: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.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-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.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: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  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: #1890ff;
  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.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  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: #e6f7ff;
}
.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-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
  position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #1890ff;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.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.25);
  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: #f5f5f5;
}
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  opacity: 0.45;
}
.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff;
}
.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-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-tree-node-content-wrapper {
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #1890ff;
  border-radius: 1px;
  pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #1890ff;
  border-radius: 50%;
  content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #1890ff;
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl .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: -13px;
  border-right: none;
  border-left: 1px solid #d9d9d9;
}
.ant-tree-rtl .ant-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .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 */

/* 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-timeline {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #f0f0f0;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-timeline-item-head-red {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -7.001px;
  margin: 0 0 0 26px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  position: absolute;
  top: -7.001px;
  width: calc(50% - 12px);
  text-align: right;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline-rtl {
  direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
  right: 4px;
  left: auto;
  border-right: 2px solid #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
  right: 5px;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
  margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  right: 50%;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-right: -4px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-right: 1px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  right: calc(50% - 4px);
  left: auto;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  right: 0;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: 100%;
  margin-right: 18px;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  right: calc(50% + 14px);
  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-transfer-customize-list .ant-transfer-list {
  flex: 1 1 50%;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
  width: 40px;
  min-width: 40px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
  background-color: transparent;
}
.ant-transfer-status-error .ant-transfer-list {
  border-color: #ff4d4f;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-transfer-status-warning .ant-transfer-list {
  border-color: #faad14;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: stretch;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  display: flex;
  flex-direction: column;
  width: 180px;
  height: 200px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-transfer-list-with-pagination {
  width: 250px;
  height: auto;
}
.ant-transfer-list-search .anticon-search {
  color: rgba(0, 0, 0, 0.25);
}
.ant-transfer-list-header {
  display: flex;
  flex: none;
  align-items: center;
  height: 40px;
  padding: 8px 12px 9px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-transfer-list-header > *:not(:last-child) {
  margin-right: 4px;
}
.ant-transfer-list-header > * {
  flex: none;
}
.ant-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}
.ant-transfer-list-header-dropdown {
  font-size: 10px;
  transform: translateY(10%);
  cursor: pointer;
}
.ant-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}
.ant-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: relative;
  flex: none;
  padding: 12px;
}
.ant-transfer-list-content {
  flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content-item {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  line-height: 20px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 8px;
}
.ant-transfer-list-content-item > * {
  flex: none;
}
.ant-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-transfer-list-content-item-remove {
  position: relative;
  color: #d9d9d9;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-transfer-list-content-item-remove:hover {
  color: #40a9ff;
}
.ant-transfer-list-content-item-remove::after {
  position: absolute;
  top: -6px;
  right: -50%;
  bottom: -6px;
  left: -50%;
  content: '';
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
  background-color: #dcf4ff;
}
.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background: transparent;
  cursor: default;
}
.ant-transfer-list-content-item-checked {
  background-color: #e6f7ff;
}
.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-transfer-list-pagination {
  padding: 8px 0;
  text-align: right;
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-list-body-not-found {
  flex: none;
  width: 100%;
  margin: auto 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
}
.ant-transfer-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
  display: flex;
  flex: none;
  flex-direction: column;
  align-self: center;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
.ant-transfer .ant-empty-image {
  max-height: -2px;
}
.ant-transfer-rtl {
  direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
  padding-right: 8px;
  padding-left: 24px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
  right: auto;
  left: 12px;
}
.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
  margin-right: 0;
  margin-left: 4px;
}
.ant-transfer-rtl .ant-transfer-list-header {
  right: 0;
  left: auto;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
  right: 0;
  left: auto;
}

/* 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 ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@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: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  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: #1890ff;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  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: 21.5%;
  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: #1890ff;
  border-color: #1890ff;
}
.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.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.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.25);
  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: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.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-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.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: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  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: #1890ff;
  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.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-select-dropdown {
  padding: 8px 4px;
}
.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 .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: 14px;
  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: #e6f7ff;
}
.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-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
  position: relative;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #1890ff;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.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.25);
  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: #f5f5f5;
}
.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
  opacity: 0.45;
}
.ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon {
  visibility: hidden;
}
.ant-select-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-select-tree-draggable-icon {
  visibility: hidden;
}
.ant-select-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree-switcher-noop {
  cursor: default;
}
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree-switcher-loading-icon {
  color: #1890ff;
}
.ant-select-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-select-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff;
}
.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-unselectable .ant-select-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-select-tree-node-content-wrapper {
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #1890ff;
  border-radius: 1px;
  pointer-events: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #1890ff;
  border-radius: 50%;
  content: '';
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #1890ff;
}
.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: 0;
  right: 12px;
  bottom: -4px;
  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-switcher {
  background: #fff;
}
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}

/* 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-typography {
  color: rgba(0, 0, 0, 0.85);
  word-break: break-word;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-success {
  color: #52c41a;
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #ff4d4f;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus {
  color: #d9363e;
}
a.ant-typography.ant-typography-danger:hover {
  color: #ff7875;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
div.ant-typography-h1,
div.ant-typography-h1 > textarea,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
div.ant-typography-h2,
div.ant-typography-h2 > textarea,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
div.ant-typography-h3,
div.ant-typography-h3 > textarea,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
div.ant-typography-h4,
div.ant-typography-h4 > textarea,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
h5.ant-typography,
div.ant-typography-h5,
div.ant-typography-h5 > textarea,
.ant-typography h5 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}
a.ant-typography,
.ant-typography a {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  text-decoration: none;
}
a.ant-typography:focus-visible,
.ant-typography a:focus-visible,
a.ant-typography:hover,
.ant-typography a:hover {
  color: #40a9ff;
}
a.ant-typography:active,
.ant-typography a:active {
  color: #096dd9;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
  text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #1890ff;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 4px;
}
.ant-typography-expand:focus-visible,
.ant-typography-edit:focus-visible,
.ant-typography-copy:focus-visible,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #40a9ff;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #096dd9;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 1px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  height: 1em;
  margin: 0 !important;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
  margin: 1em 0;
}
.ant-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.ant-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}
.ant-typography-single-line {
  white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  right: -12px;
  left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}

/* 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-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  line-height: 1.5715;
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list-item {
  position: relative;
  height: 22.001px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}
.ant-upload-list-item-card-actions-btn {
  opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
  height: 22.001px;
  line-height: 1;
  vertical-align: top;
}
.ant-upload-list-item-card-actions.picture {
  top: 22px;
  line-height: 0;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-upload-list-item-card-actions:hover .anticon {
  color: rgba(0, 0, 0, 0.85);
}
.ant-upload-list-item-info {
  height: 100%;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f5f5f5;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  width: 48px;
  height: 48px;
  line-height: 60px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
  fill: #fff2f0;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
  fill: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  margin-bottom: 12px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture-card-container {
  display: inline-block;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  height: 100%;
  margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5715;
  text-align: center;
}
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  width: calc(100% - 14px);
  padding-left: 0;
}
.ant-upload-list-text-container,
.ant-upload-list-picture-container {
  transition: opacity 0.3s, height 0.3s;
}
.ant-upload-list-text-container::before,
.ant-upload-list-picture-container::before {
  display: table;
  width: 0;
  height: 0;
  content: '';
}
.ant-upload-list-text-container .ant-upload-span,
.ant-upload-list-picture-container .ant-upload-span {
  display: block;
  flex: auto;
}
.ant-upload-list-text .ant-upload-span,
.ant-upload-list-picture .ant-upload-span {
  display: flex;
  align-items: center;
}
.ant-upload-list-text .ant-upload-span > *,
.ant-upload-list-picture .ant-upload-span > * {
  flex: none;
}
.ant-upload-list-text .ant-upload-list-item-name,
.ant-upload-list-picture .ant-upload-list-item-name {
  flex: auto;
  margin: 0;
  padding: 0 8px;
}
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-picture .ant-upload-list-item-card-actions {
  position: static;
}
.ant-upload-list-text .ant-upload-text-icon .anticon {
  position: static;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: forwards;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-upload-rtl {
  direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  margin-right: auto;
  margin-left: 8px;
}
.ant-upload-list-rtl {
  direction: rtl;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 22px;
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 22px;
  padding-left: 28px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
  padding-right: 22px;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
  right: auto;
  left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
  padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
  padding-right: 26px;
  padding-left: 0;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  right: 8px;
  left: auto;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-right: 48px;
  padding-left: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 48px;
  padding-left: 18px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 48px;
  padding-left: 36px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-right: 0;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}@charset "UTF-8";

@font-face {
  font-family: "SourceSansProLight";
  src: local("SourceSansProLight"), url(/fonts/SourceSansProLight.ttf?44a8e639bae28e48637f3b52bf827e11) format("truetype");
}

@font-face {
  font-family: "SourceSansProRegular";
  src: local("SourceSansProRegular"), url(/fonts/SourceSansProRegular.ttf?ba6cad25afe01d394e830f548a7f94df) format("truetype");
}

:root {
  --yellow: #fff;
  --red: #960402;
  --green: #0a6c31;
  --violet: #154988;
  --sub: #fff;
}

.text-primary {
  color: #0866c6;
}

.bg-primary {
  background-color: #0866c6;
}

.text-primary-active {
  color: #0753a1;
}

.bg-primary-active {
  background-color: #0753a1;
}

.text-secondary {
  color: #868e96;
}

.bg-secondary {
  background-color: #868e96;
}

.text-secondary-active {
  color: #727b84;
}

.bg-secondary-active {
  background-color: #727b84;
}

.text-success {
  color: #23bf08;
}

.bg-success {
  background-color: #23bf08;
}

.text-success-active {
  color: #1c9a06;
}

.bg-success-active {
  background-color: #1c9a06;
}

.text-warning {
  color: #f49917;
}

.bg-warning {
  background-color: #f49917;
}

.text-warning-active {
  color: #da850a;
}

.bg-warning-active {
  background-color: #da850a;
}

.text-danger {
  color: #c80202 !important;
}

.bg-danger {
  background-color: #c80202;
}

.text-danger-active {
  color: #c80202;
}

.bg-danger-active {
  background-color: #c80202;
}

.text-info {
  color: #5b93d3;
}

.bg-info {
  background-color: #5b93d3;
}

.text-info-active {
  color: #3d7fcb;
}

.bg-info-active {
  background-color: #3d7fcb;
}

.text-indigo {
  color: #6610f2;
}

.bg-indigo {
  background-color: #6610f2;
}

.text-indigo-active {
  color: #560bd0;
}

.bg-indigo-active {
  background-color: #560bd0;
}

.text-purple {
  color: #6f42c1;
}

.bg-purple {
  background-color: #6f42c1;
}

.text-purple-active {
  color: #5e37a6;
}

.bg-purple-active {
  background-color: #5e37a6;
}

.text-pink {
  color: #e83e8c;
}

.bg-pink {
  background-color: #e83e8c;
}

.text-pink-active {
  color: #e41c78;
}

.bg-pink-active {
  background-color: #e41c78;
}

.text-teal {
  color: #1caf9a;
}

.bg-teal {
  background-color: #1caf9a;
}

.text-teal-active {
  color: #178e7d;
}

.bg-teal-active {
  background-color: #178e7d;
}

.text-dark {
  color: #343a40;
}

.bg-dark {
  background-color: #343a40;
}

.text-dark-active {
  color: #23272b;
}

.bg-dark-active {
  background-color: #23272b;
}

.text-orange {
  color: #f27510;
}

.bg-orange {
  background-color: #f27510;
}

.text-orange-active {
  color: #d16a17;
}

.bg-orange-active {
  background-color: #d16a17;
}

.main-text-primary {
  color: var(--yellow) !important;
}

.main-bg-primary {
  background-color: var(--yellow);
}

.main-text-secondary {
  color: #e1492a;
}

.main-bg-secondary {
  background-color: #e1492a;
}

.main-text-tertiary {
  color: #c80202;
}

.main-bg-tertiary {
  background-color: #c80202;
}

.main-text-quaternary {
  color: #2b8300;
}

.main-bg-quaternary {
  background-color: #2b8300;
}

.main-text-quinary {
  color: var(--yellow);
}

.main-bg-quinary {
  background-color: var(--yellow);
}

.main-text-senary {
  color: #34a2ee;
}

.main-bg-senary {
  background-color: #34a2ee;
}

.p-0 {
  padding: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-50 {
  padding: 50px !important;
}

.pw-5 {
  padding: 0 5px !important;
}

.pw-10 {
  padding: 0 10px !important;
}

.pw-15 {
  padding: 0 15px !important;
}

.pw-20 {
  padding: 0 20px !important;
}

.pw-25 {
  padding: 0 25px !important;
}

.pw-30 {
  padding: 0 30px !important;
}

.pw-35 {
  padding: 0 35px !important;
}

.pw-40 {
  padding: 0 40px !important;
}

.pw-45 {
  padding: 0 45px !important;
}

.pw-50 {
  padding: 0 50px !important;
}

.ph-5 {
  padding: 5px 0 !important;
}

.ph-10 {
  padding: 10px 0 !important;
}

.ph-15 {
  padding: 15px 0 !important;
}

.ph-20 {
  padding: 20px 0 !important;
}

.ph-25 {
  padding: 25px 0 !important;
}

.ph-30 {
  padding: 30px 0 !important;
}

.ph-35 {
  padding: 35px 0 !important;
}

.ph-40 {
  padding: 40px 0 !important;
}

.ph-45 {
  padding: 45px 0 !important;
}

.ph-50 {
  padding: 50px 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-n-5 {
  padding-left: -5px !important;
}

.pl-n-10 {
  padding-left: -10px !important;
}

.pl-n-15 {
  padding-left: -15px !important;
}

.pl-n-20 {
  padding-left: -20px !important;
}

.pl-n-25 {
  padding-left: -25px !important;
}

.pl-n-30 {
  padding-left: -30px !important;
}

.pl-n-35 {
  padding-left: -35px !important;
}

.pl-n-40 {
  padding-left: -40px !important;
}

.pl-n-45 {
  padding-left: -45px !important;
}

.pl-n-50 {
  padding-left: -50px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-n-5 {
  padding-top: -5px !important;
}

.pt-n-10 {
  padding-top: -10px !important;
}

.pt-n-15 {
  padding-top: -15px !important;
}

.pt-n-20 {
  padding-top: -20px !important;
}

.pt-n-25 {
  padding-top: -25px !important;
}

.pt-n-30 {
  padding-top: -30px !important;
}

.pt-n-35 {
  padding-top: -35px !important;
}

.pt-n-40 {
  padding-top: -40px !important;
}

.pt-n-45 {
  padding-top: -45px !important;
}

.pt-n-50 {
  padding-top: -50px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-n-5 {
  padding-right: -5px !important;
}

.pr-n-10 {
  padding-right: -10px !important;
}

.pr-n-15 {
  padding-right: -15px !important;
}

.pr-n-20 {
  padding-right: -20px !important;
}

.pr-n-25 {
  padding-right: -25px !important;
}

.pr-n-30 {
  padding-right: -30px !important;
}

.pr-n-35 {
  padding-right: -35px !important;
}

.pr-n-40 {
  padding-right: -40px !important;
}

.pr-n-45 {
  padding-right: -45px !important;
}

.pr-n-50 {
  padding-right: -50px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-n-5 {
  padding-bottom: -5px !important;
}

.pb-n-10 {
  padding-bottom: -10px !important;
}

.pb-n-15 {
  padding-bottom: -15px !important;
}

.pb-n-20 {
  padding-bottom: -20px !important;
}

.pb-n-25 {
  padding-bottom: -25px !important;
}

.pb-n-30 {
  padding-bottom: -30px !important;
}

.pb-n-35 {
  padding-bottom: -35px !important;
}

.pb-n-40 {
  padding-bottom: -40px !important;
}

.pb-n-45 {
  padding-bottom: -45px !important;
}

.pb-n-50 {
  padding-bottom: -50px !important;
}

@media (max-width: 575px) {
  .pl-xs-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 425px) {
  .pt-xs-425-15 {
    padding-top: 15px !important;
  }
}

@media (min-width: 426px) {
  .pb-xs-426-15 {
    padding-bottom: 15px !important;
  }
}

.m-0 {
  margin: 0px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-50 {
  margin: 50px !important;
}

.mw-5 {
  margin: 0 5px !important;
}

.mw-10 {
  margin: 0 10px !important;
}

.mw-15 {
  margin: 0 15px !important;
}

.mw-20 {
  margin: 0 20px !important;
}

.mw-25 {
  margin: 0 25px !important;
}

.mw-30 {
  margin: 0 30px !important;
}

.mw-35 {
  margin: 0 35px !important;
}

.mw-40 {
  margin: 0 40px !important;
}

.mw-45 {
  margin: 0 45px !important;
}

.mw-50 {
  margin: 0 50px !important;
}

.mh-5 {
  margin: 5px 0 !important;
}

.mh-10 {
  margin: 10px 0 !important;
}

.mh-15 {
  margin: 15px 0 !important;
}

.mh-20 {
  margin: 20px 0 !important;
}

.mh-25 {
  margin: 25px 0 !important;
}

.mh-30 {
  margin: 30px 0 !important;
}

.mh-35 {
  margin: 35px 0 !important;
}

.mh-40 {
  margin: 40px 0 !important;
}

.mh-45 {
  margin: 45px 0 !important;
}

.mh-50 {
  margin: 50px 0 !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-n-5 {
  margin-top: -5px !important;
}

.mt-n-10 {
  margin-top: -10px !important;
}

.mt-n-15 {
  margin-top: -15px !important;
}

.mt-n-20 {
  margin-top: -20px !important;
}

.mt-n-25 {
  margin-top: -25px !important;
}

.mt-n-30 {
  margin-top: -30px !important;
}

.mt-n-35 {
  margin-top: -35px !important;
}

.mt-n-40 {
  margin-top: -40px !important;
}

.mt-n-45 {
  margin-top: -45px !important;
}

.mt-n-50 {
  margin-top: -50px !important;
}

@media (max-width: 425px) {
  .mt-xs-0 {
    margin-top: 0px !important;
  }
}

@media (max-width: 425px) {
  .mt-xs-15 {
    margin-top: 15px !important;
  }
}

@media (max-width: 425px) {
  .mt-xs-20 {
    margin-top: 20px !important;
  }
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-n-5 {
  margin-right: -5px !important;
}

.mr-n-10 {
  margin-right: -10px !important;
}

.mr-n-15 {
  margin-right: -15px !important;
}

.mr-n-20 {
  margin-right: -20px !important;
}

.mr-n-25 {
  margin-right: -25px !important;
}

.mr-n-30 {
  margin-right: -30px !important;
}

.mr-n-35 {
  margin-right: -35px !important;
}

.mr-n-40 {
  margin-right: -40px !important;
}

.mr-n-45 {
  margin-right: -45px !important;
}

.mr-n-50 {
  margin-right: -50px !important;
}

@media (min-width: 576px) {
  .mr-sm-5 {
    margin-right: 5px !important;
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-n-5 {
  margin-bottom: -5px !important;
}

.mb-n-10 {
  margin-bottom: -10px !important;
}

.mb-n-15 {
  margin-bottom: -15px !important;
}

.mb-n-20 {
  margin-bottom: -20px !important;
}

.mb-n-25 {
  margin-bottom: -25px !important;
}

.mb-n-30 {
  margin-bottom: -30px !important;
}

.mb-n-35 {
  margin-bottom: -35px !important;
}

.mb-n-40 {
  margin-bottom: -40px !important;
}

.mb-n-45 {
  margin-bottom: -45px !important;
}

.mb-n-50 {
  margin-bottom: -50px !important;
}

@media (max-width: 991px) {
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 991px) {
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .mb-sm-24 {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .mb-sm-24\! {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 425px) {
  .mb-xxs-0 {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 425px) {
  .mb-xxs-5 {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 425px) {
  .mb-xxs-10 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 425px) {
  .mb-xxs-n-15 {
    margin-bottom: -15px !important;
  }
}

@media (max-width: 425px) {
  .mb-xxs-n-10 {
    margin-bottom: -10px !important;
  }
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-12 {
  margin-left: 15px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-24 {
  margin-left: 24px !important;
  display: block;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-n-5 {
  margin-left: -5px !important;
}

.ml-n-10 {
  margin-left: -10px !important;
}

.ml-n-15 {
  margin-left: -15px !important;
}

.ml-n-20 {
  margin-left: -20px !important;
}

.ml-n-25 {
  margin-left: -25px !important;
}

.ml-n-30 {
  margin-left: -30px !important;
}

.ml-n-35 {
  margin-left: -35px !important;
}

.ml-n-40 {
  margin-left: -40px !important;
}

.ml-n-45 {
  margin-left: -45px !important;
}

.ml-n-50 {
  margin-left: -50px !important;
}

@media (max-width: 575px) {
  .ml-xs-0 {
    margin-left: 0 !important;
  }
}

.br-0 {
  border-radius: 0px !important;
}

.br-1 {
  border-radius: 1px !important;
}

.br-2 {
  border-radius: 2px !important;
}

.br-3 {
  border-radius: 3px !important;
}

.br-4 {
  border-radius: 4px !important;
}

.br-5 {
  border-radius: 5px !important;
}

.br-10 {
  border-radius: 10px !important;
}

.br-50per {
  border-radius: 50% !important;
}

.font-bold {
  font-weight: bold !important;
}

.font-bolder {
  font-weight: bolder !important;
}

.font-normal {
  font-weight: normal !important;
}

.font-lighter {
  font-weight: lighter !important;
}

.font-initial {
  font-weight: initial !important;
}

.font-inherit {
  font-weight: inherit !important;
}

.font-100 {
  font-weight: 100 !important;
}

.font-200 {
  font-weight: 200 !important;
}

.font-300 {
  font-weight: 300 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-700 {
  font-weight: 700 !important;
}

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.text-transform-none {
  text-transform: none !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-transform-initial {
  text-transform: initial !important;
}

.text-transform-inherit {
  text-transform: inherit !important;
}

.font-10px {
  font-size: 10px !important;
}

.font-12px {
  font-size: 12px !important;
}

.font-14px {
  font-size: 14px !important;
}

.font-16px {
  font-size: 16px !important;
}

.font-18px {
  font-size: 18px !important;
}

.font-20px {
  font-size: 20px !important;
}

.font-25px {
  font-size: 25px !important;
}

.font-32px {
  font-size: 32px !important;
}

.font-50px {
  font-size: 50px !important;
}

.w-auto {
  width: auto !important;
}

.w-100 {
  width: 100% !important;
}

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-33-33 {
  width: 33.33% !important;
}

@media (max-width: 575px) {
  .w-xs-block {
    width: 100% !important;
    height: 40px !important;
    font-size: 16px !important;
  }

  .w-xs-block span {
    font-size: 16px !important;
  }
}

@media (max-width: 575px) {
  .w-xs-block2 {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .w-xs-block2\! {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .w-xs-auto {
    width: auto;
  }
}

@media (max-width: 575px) {
  .w-xs-auto\! {
    width: auto !important;
  }
}

@media (max-width: 425px) {
  .w-xxs-auto {
    width: auto;
  }
}

@media (max-width: 425px) {
  .w-xxs-auto\! {
    width: auto !important;
  }
}

@media (max-width: 425px) {
  .w-xxs-50 {
    width: 50%;
  }
}

@media (max-width: 425px) {
  .w-xxs-50\! {
    width: 50% !important;
  }
}

@media (max-width: 425px) {
  .w-xxs-50--5 {
    width: calc(50% - 5px);
  }
}

@media (max-width: 425px) {
  .w-xxs-50--5\! {
    width: calc(50% - 5px) !important;
  }
}

.h-auto {
  height: auto !important;
}

.h-100 {
  height: 100% !important;
}

.h-70vh {
  height: 70vh !important;
}

.h-50vh {
  height: 50vh !important;
}

.h-40vh {
  height: 40vh !important;
}

.h-30vh {
  height: 30vh !important;
}

.h-47px {
  height: 47px !important;
}

.h-500px {
  height: 500px !important;
}

.h-400px {
  height: 400px !important;
}

.h-300px {
  height: 300px !important;
}

.h-200px {
  height: 200px !important;
}

.h-150px {
  height: 150px !important;
}

.mh-500px {
  max-height: 500px !important;
}

.mh-400px {
  max-height: 400px !important;
}

.mh-300px {
  max-height: 300px !important;
}

.mh-200px {
  max-height: 200px !important;
}

.mh-150px {
  max-height: 150px !important;
}

@media (max-width: 425px) {
  .h-mob-auto {
    height: auto !important;
  }
}

/**===========rotate========== */

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-135 {
  transform: rotate(135deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-225 {
  transform: rotate(225deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-315 {
  transform: rotate(315deg);
}

.rotate-360 {
  transform: rotate(360deg);
}

/**===========end rotate========== */

/**===========cursor========== */

.cursor-alias {
  cursor: alias;
}

.cursor-all-scroll {
  cursor: all-scroll;
}

.cursor-auto {
  cursor: auto;
}

.cursor-cell {
  cursor: cell;
}

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-context-menu {
  cursor: context-menu;
}

.cursor-copy {
  cursor: copy;
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-default {
  cursor: default;
}

.cursor-e-resize {
  cursor: e-resize;
}

.cursor-ew-resize {
  cursor: ew-resize;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-help {
  cursor: help;
}

.cursor-move {
  cursor: move;
}

.cursor-n-resize {
  cursor: n-resize;
}

.cursor-ne-resize {
  cursor: ne-resize;
}

.cursor-nesw-resize {
  cursor: nesw-resize;
}

.cursor-ns-resize {
  cursor: ns-resize;
}

.cursor-nw-resize {
  cursor: nw-resize;
}

.cursor-nwse-resize {
  cursor: nwse-resize;
}

.cursor-no-drop {
  cursor: no-drop;
}

.cursor-none {
  cursor: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-progress {
  cursor: progress;
}

.cursor-row-resize {
  cursor: row-resize;
}

.cursor-s-resize {
  cursor: s-resize;
}

.cursor-se-resize {
  cursor: se-resize;
}

.cursor-sw-resize {
  cursor: sw-resize;
}

.cursor-text {
  cursor: text;
}

.cursor-w-resize {
  cursor: w-resize;
}

.cursor-wait {
  cursor: wait;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

/**===========end cursor========== */

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.overflow-y-inherit {
  overflow-y: inherit !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

/**===========vertical align========== */

.vertical-align-middle {
  vertical-align: middle;
}

.vertical-align-top {
  vertical-align: top;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

/**===========end vertical align========== */

/**===========color========== */

.action-color {
  color: var(--yellow) !important;
}

.text-main-color {
  color: var(--yellow) !important;
}

.text-white-color {
  color: white;
}

.text-purple-color {
  color: #d2c3fb !important;
}

.text-black {
  color: black !important;
}

.bg-white {
  background-color: #ffffff;
}

.bg-white\! {
  background-color: #ffffff !important;
}

.bg-white-hover:hover {
  background-color: #ffffff;
}

.bg-white-hover\!:hover {
  background-color: #ffffff !important;
}

/**===========end color========== */

/**===========border========== */

.b-0 {
  border: 0px;
}

.bt-0 {
  border-top: 0px;
}

.br-0 {
  border-right: 0px;
}

.bb-0 {
  border-bottom: 0px;
}

.br-0 {
  border-right: 0px;
}

.b-1 {
  border: 1px solid #292929;
}

.border-r-1 {
  border-right: 1px solid;
}

.border-b-1-c1c1c1 {
  border-bottom: 1px solid #c1c1c1;
}

.border-c1c1c1 {
  border-color: #c1c1c1;
}

/**===========end border========== */

/** ==================== display utilities ==================== **/

/**===========flex========== */

.inline-flex {
  display: inline-flex;
}

.flex {
  display: flex;
}

.flex\! {
  display: flex !important;
}

.flex-align-center {
  align-items: center;
}

.flex-align-center\! {
  align-items: center !important;
}

.flex-column {
  flex-direction: column;
}

.flex-column\! {
  flex-direction: column !important;
}

.flex-justify-space-between {
  justify-content: space-between;
}

.flex-justify-space-between\! {
  justify-content: space-between !important;
}

.flex-justify-center {
  justify-content: center;
}

.flex-justify-center\! {
  justify-content: center !important;
}

@media (max-width: 575px) {
  .flex-justify-center-xs {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .flex-justify-center-xs\! {
    justify-content: center !important;
  }
}

.flex-justify-end {
  justify-content: flex-end;
}

.flex-justify-end\! {
  justify-content: flex-end !important;
}

/**===========end flex========== */

/**===========display none========== */

.d-none {
  display: none;
}

.d-none\! {
  display: none !important;
}

@media (max-width: 1199px) {
  .lg-d-none {
    display: none;
  }

  .lg-d-none\! {
    display: none !important;
  }
}

/**===========end display none========== */

/**===========display block========== */

.d-block {
  display: block;
}

.d-block\! {
  display: block !important;
}

@media (max-width: 1199px) {
  .lg-d-block {
    display: block;
  }

  .lg-d-block\! {
    display: block !important;
  }
}

/**===========end display block========== */

/** ==================== end display utilities ==================== **/

/**===========box-shadow========== */

.box-shadow1 {
  box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.5);
}

/**===========end box-shadow========== */

/**===========others========== */

.zoom-in-out-box-1 {
  transition: transform 0.2s;
  /* Animation */
  margin: 0 auto;
  cursor: pointer;
}

.zoom-in-out-box-1:hover {
  transform: scale(1.2);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.font-italic {
  font-style: italic !important;
}

.hr-line-dashed {
  border-top: 1px dashed #e7eaec;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0;
}

.hr-line-solid {
  border-bottom: 1px solid #e7eaec;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid !important;
  margin-top: 15px;
  margin-bottom: 15px;
}

.ant-page-break-before {
  page-break-before: always !important;
}

.ant-page-break-after {
  page-break-after: always !important;
}

.ant-page-break-inside {
  page-break-inside: avoid !important;
}

.float-none {
  float: none !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.hide {
  display: none !important;
}

.ws-normal {
  white-space: normal;
}

.float-input-box {
  height: 45px;
}

.one-line-parag {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-ellipses {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.three-line-parag {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.four-line-parag {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dynamic-title p {
  margin-bottom: 0;
}

/**===========end others========== */

.ant-flex {
  display: flex;
}

.ant-flex.ant-flex-vertical {
  flex-direction: column;
}

.ant-flex.ant-flex-align-stretch {
  align-items: stretch;
}

.ant-flex.ant-flex-align-flex-start {
  align-items: flex-start;
}

.ant-flex.ant-flex-align-center {
  align-items: center;
}

.ant-flex.ant-flex-align-flex-end {
  align-items: flex-end;
}

.ant-flex.ant-flex-align-baseline {
  align-items: baseline;
}

.ant-flex.ant-flex-align-end {
  align-items: end;
}

.ant-flex.ant-flex-align-start {
  align-items: start;
}

.ant-flex.ant-flex-justify-flex-start {
  justify-content: flex-start;
}

.ant-flex.ant-flex-justify-center {
  justify-content: center;
}

.ant-flex.ant-flex-justify-flex-end {
  justify-content: flex-end;
}

.ant-flex.ant-flex-justify-space-between {
  justify-content: space-between;
}

.ant-flex.ant-flex-justify-space-around {
  justify-content: space-around;
}

.ant-flex.ant-flex-justify-end {
  justify-content: end;
}

.ant-flex.ant-flex-justify-left {
  justify-content: left;
}

.ant-flex.ant-flex-justify-normal {
  justify-content: normal;
}

.ant-flex.ant-flex-justify-right {
  justify-content: right;
}

.ant-flex.ant-flex-justify-start {
  justify-content: start;
}

.ant-flex.ant-flex-justify-space-evenly {
  justify-content: space-evenly;
}

.ant-flex.ant-flex-justify-stretch {
  justify-content: stretch;
}

.ant-flex.ant-flex-wrap {
  flex-wrap: wrap;
}

.ant-flex.ant-flex-reverse {
  flex-wrap: wrap-reverse;
}

.ant-flex.ant-flex-nowrap {
  flex-wrap: nowrap;
}

.ant-flex.flex-float-bottom-right {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}

@supports (zoom: 2) {
  input[type=radio],
  input[type=checkbox] {
    zoom: 2;
  }
}

@supports not (zoom: 2) {
  input[type=radio],
  input[type=checkbox] {
    transform: scale(2);
    margin: 15px;
  }
}

.ant-input.no-float-wrapper {
  border-radius: 5px;
  color: #2e3032;
  border: 1px solid #cccccc;
}

.ant-input.no-float-wrapper.ant-input-lg {
  height: 47px;
}

.ant-input.no-float-wrapper.ant-input-disabled {
  background-color: #f5f5f5;
  color: #929495;
}

.float-wrapper {
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.float-wrapper.float-textarea textarea {
  border-radius: 5px;
}

.float-wrapper .ant-input-number-affix-wrapper-disabled .label {
  background: linear-gradient(180deg, #fff 0 50%, #f5f5f5 50% 100%);
}

.float-wrapper .label {
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 11px;
  top: 12px;
  transition: 0.2s ease all;
  color: #2e3032;
  z-index: 1;
  width: calc(100% - 22px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.float-wrapper .label.float-label {
  top: -10px;
  font-size: 12px;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 45%, rgba(255, 255, 255, 0) 100%);
  padding: 0 4px;
  margin-left: -4px;
  width: auto !important;
  max-width: calc(100% - 22px) !important;
}

@media (max-width: 360px) {
  .float-wrapper .label {
    white-space: nowrap;
    overflow: hidden;
    /* hide overflow */
    text-overflow: ellipsis;
    max-width: 90%;
  }
}

.float-wrapper .label-prefix {
  width: calc(100% - 32px) !important;
}

@media (max-width: 425px) {
  .float-wrapper .label-prefix {
    line-height: 26px !important;
  }
}

.float-wrapper .ant-input {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  padding: 9.5px 11px;
  font-size: 15px;
}

.float-wrapper .ant-input::-webkit-outer-spin-button,
.float-wrapper .ant-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.float-wrapper .ant-input[type=number] {
  -moz-appearance: textfield;
}

.float-wrapper .ant-input:focus {
  box-shadow: none;
}

.float-wrapper .ant-input-affix-wrapper {
  padding: 0px 10px 0px 12px;
  border-radius: 5px;
  border: 0px;
  box-shadow: none;
}

.float-wrapper .ant-input-affix-wrapper:hover {
  border: 0px;
}

.float-wrapper .ant-input-affix-wrapper .ant-input {
  padding: 9.5px 0px;
}

.float-wrapper .ant-input-affix-wrapper .ant-input-suffix .ant-form-item-feedback-icon {
  padding-top: 2px;
}

.float-wrapper .ant-picker.ant-picker-large,
.float-wrapper .ant-input-number-lg .ant-input-number-input-wrap .ant-input-number-input,
.float-wrapper .ant-input-lg:not(textarea),
.float-wrapper .ant-select-lg,
.float-wrapper .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector,
.float-wrapper .ant-input-mask {
  height: 45px;
  border-radius: 5px;
}

.float-wrapper .ant-input-number .ant-input-number-input-wrap .ant-input-number-input,
.float-wrapper .ant-input {
  padding: 9.5px 11px;
  border-radius: 0px;
}

.float-wrapper .ant-input-number,
.float-wrapper .ant-input-number .ant-input-number-focused,
.float-wrapper .ant-input-number .ant-input-number-input-wrap .ant-input-number-input,
.float-wrapper .ant-input {
  border: 0px;
  box-shadow: none;
}

.float-wrapper .ant-input-mask {
  height: 45px;
  border-radius: 5px;
  border: 0px;
  width: 100%;
  padding: 7px 12px 7px 12px;
  font-size: 15px;
  line-height: 1.5;
  box-sizing: border-box;
  margin: 0px;
  color: #2e3032;
  list-style: none;
  display: inline-block;
  min-width: 0;
  background-color: #ffffff;
  background-image: none;
  transition: all 0.2s;
}

.float-wrapper .ant-input-mask:focus-visible {
  outline: 0px;
  outline-offset: 0px;
}

.float-wrapper .ant-input-mask[disabled] {
  background-color: #f5f5f5;
}

.float-wrapper .ant-input-mask .disabled .label.float-label {
  background: linear-gradient(180deg, #fff 0 50%, #f5f5f5 50% 100%);
}

.float-wrapper.float-select .ant-select {
  border-radius: 0px;
  border: 0px;
}

.float-wrapper.float-select .ant-select .ant-select-selector {
  height: 45px;
  padding: 4px 11px !important;
  border-radius: 5px;
  border: 0px;
  box-shadow: none;
  border-color: transparent;
}

.float-wrapper.float-select .ant-select .ant-select-selector .ant-select-selection-item {
  font-size: 15px;
}

.float-wrapper.float-select .ant-select .ant-select-selection-search .ant-select-selection-search-input {
  height: 45px;
}

.float-wrapper.float-select .ant-select .ant-select-selection-item {
  padding: 0px 12px 0px 0px;
}

.float-wrapper .ant-select-focused.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  border: 0px;
  box-shadow: none;
  border-color: transparent;
}

.float-wrapper .ant-picker {
  padding: 0px 12px 0px 12px;
  border: 0px;
  width: 100%;
  border-radius: 0px;
}

.float-wrapper .ant-picker.no-border {
  border: none !important;
}

.float-wrapper .ant-picker.ant-picker-focused {
  border: 0px;
  box-shadow: none;
}

.float-wrapper .ant-picker .ant-picker-input {
  height: 100%;
}

.float-wrapper .ant-picker .ant-picker-input .ant-picker-suffix svg,
.float-wrapper .ant-picker .ant-picker-input .ant-picker-suffix .anticon {
  color: var(--yellow) !important;
}

.float-wrapper .ant-picker-range .ant-picker-suffix .anticon {
  color: var(--yellow) !important;
}

.float-wrapper.input-phone.disabled {
  background: #f5f5f5 !important;
  color: #929495 !important;
  cursor: not-allowed;
}

.float-wrapper.input-phone .label.float-label {
  top: 0px;
}

.float-wrapper.quill .ql-toolbar.ql-snow {
  border: 0px;
  border-bottom: 1px solid #cccccc;
}

.float-wrapper.quill .ql-container.ql-snow {
  border: 0px;
  height: 200px;
}

.float-wrapper.quill .ql-container.ql-snow strong * {
  font-weight: bold;
}

.float-wrapper.quill strong {
  font-weight: bold;
}

.float-wrapper.float-textarea {
  line-height: 1.1;
}

.float-wrapper.float-textarea .label.float-label {
  top: -8px;
}

.float-wrapper.float-textarea .ant-input {
  padding-top: 0px;
  resize: none;
  overflow-y: auto;
  font-size: 15px;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.float-wrapper.float-textarea .ant-input::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.float-wrapper.float-textarea .ant-input::-webkit-scrollbar-track {
  background-color: transparent;
}

.float-wrapper.float-textarea .ant-input::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.float-wrapper.float-textarea .ant-input::-webkit-scrollbar-track,
.float-wrapper.float-textarea .ant-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.float-wrapper.float-input-number .ant-input-number {
  width: 100%;
}

.float-wrapper.input-password-strength > div {
  position: relative;
}

.float-wrapper.input-password-strength > div > div {
  position: absolute;
  bottom: -5px;
  z-index: 1;
  width: 100%;
}

.float-wrapper.float-input-rate .ant-input-number-affix-wrapper {
  border: 0px;
  border-radius: 5px;
  box-shadow: none !important;
}

.float-wrapper.float-input-rate .ant-input-number-affix-wrapper .ant-input-number {
  border-radius: 5px;
  line-height: normal;
}

.float-wrapper.float-input-rate .ant-input-number-affix-wrapper .ant-input-number .ant-input-number-handler-wrap {
  display: none;
}

.float-wrapper.float-input-rate .ant-input-number-affix-wrapper .ant-input-number .ant-input-number-input-wrap .ant-input-number-input {
  padding: 0px;
}

.float-wrapper.float-input-rate .as-placeholder {
  margin-top: 0px !important;
}

.float-wrapper.float-date-picker.has-addon-before .label {
  left: 20px !important;
}

.float-wrapper .ant-input-group-wrapper .ant-input-wrapper .ant-input-disabled {
  background-color: transparent;
}

.float-wrapper .ant-input-group-wrapper .ant-input-wrapper.ant-input-group .ant-input-group-addon {
  border: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.float-wrapper .ant-input-number-group-wrapper .ant-input-number-wrapper.ant-input-number-group .ant-input-number {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.float-wrapper .ant-input-number-group-wrapper .ant-input-number-wrapper.ant-input-number-group .ant-input-number-group-addon {
  border: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.float-wrapper.no-border {
  border: none !important;
}

.float-wrapper.no-border .ant-picker {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.float-wrapper.no-border .ant-picker.ant-picker-disabled {
  background-color: transparent !important;
}

.float-wrapper.no-border .ant-picker.ant-picker-disabled ~ .label {
  color: #d1d3d5 !important;
}

.float-wrapper.no-border.float-select .ant-select-selector,
.float-wrapper.no-border.float-select-multi .ant-select-selector {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.float-wrapper.no-border.float-select .ant-select-selector .ant-select-selection-search,
.float-wrapper.no-border.float-select-multi .ant-select-selector .ant-select-selection-search {
  left: 0px !important;
}

.float-wrapper.no-border.float-select .ant-select-arrow,
.float-wrapper.no-border.float-select-multi .ant-select-arrow {
  right: 1px !important;
}

.float-wrapper.no-border.float-select .ant-select-arrow svg,
.float-wrapper.no-border.float-select-multi .ant-select-arrow svg {
  color: var(--yellow) !important;
}

.float-wrapper.no-border label.label {
  left: 0px !important;
}

.float-wrapper.no-border .ant-input {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.float-wrapper.disabled .ant-input,
.float-wrapper.disabled .ant-input-mask {
  background: #f5f5f5 !important;
  color: #929495 !important;
}

.float-wrapper.disabled .label {
  background: #f5f5f5 !important;
  color: #929495;
}

.float-wrapper.disabled .label.float-label {
  background: linear-gradient(180deg, #fff 0 50%, #f5f5f5 50% 100%) !important;
}

.float-wrapper.readonly .label {
  background: transparent !important;
}

.float-date-picker .label {
  width: calc(100% - 42px) !important;
}

.float-date-picker.no-border {
  border: none !important;
}

.float-date-picker .ant-picker.input-date-picker .ant-picker-input input {
  font-size: 15px;
}

.float-date-range-picker .label {
  width: calc(100% - 42px) !important;
  background: white !important;
  padding-left: 4px !important;
}

.float-date-range-picker.no-border {
  border: none !important;
}

.float-date-range-picker .ant-picker.input-date-picker .ant-picker-input input {
  font-size: 15px;
}

.label-prefix {
  margin-left: 12px;
}

.ant-select-dropdown {
  border-radius: 0px;
}

.ant-select-dropdown .rc-virtual-list .rc-virtual-list-holder > div .rc-virtual-list-holder-inner .ant-select-item {
  border-radius: 0px;
}

.ant-picker-dropdown .ant-picker-panel-container {
  border-radius: 0px;
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel-layout .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell:hover .ant-picker-cell-inner {
  border-radius: 0px;
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel-layout .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-today .ant-picker-cell-inner {
  border-radius: 0px;
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel-layout .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-radius: 0px;
  border-color: var(--yellow);
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel-layout .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-selected .ant-picker-cell-inner {
  border-radius: 0px;
  background-color: var(--yellow);
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel-layout .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell:hover .ant-picker-cell-inner {
  border-radius: 0px;
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel-layout .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-selected .ant-picker-cell-inner {
  border-radius: 0px;
  background-color: var(--yellow);
}

.ant-select-disabled + .label.float-label,
.disabled .label.float-label {
  background: linear-gradient(180deg, #fff 0 50%, #f5f5f5 50% 100%);
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: none;
  border-radius: 5px;
}

.float-select-multi .ant-select-selection-overflow {
  padding-bottom: 1px;
  padding-top: 10px;
  gap: 4px 0px;
}

.float-select-multi .ant-select-selection-overflow .ant-select-selection-overflow-item {
  margin-top: -4px;
}

.float-select-multi .ant-select-selection-overflow .ant-select-selection-overflow-item-suffix {
  margin-top: 0px;
}

.float-select-multi .ant-select.ant-select-multiple.ant-select-show-search {
  height: auto;
}

.float-select-multi .ant-select-selector {
  padding-right: 23px !important;
}

.ant-form-item-explain-error {
  margin-bottom: 6px;
}

.ant-form-item-has-error .float-wrapper,
.ant-form-item-has-error .input-phone {
  border-color: #c80202 !important;
}

.ant-form-item-has-error .ant-form-item-control-input-content input {
  border-color: #c80202 !important;
}

.bg-transparent.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: transparent !important;
}

.input-number-custom-class .ant-input-number-handler-wrap {
  display: none !important;
}

.input-number-custom-class .ant-input-number-input-wrap input {
  text-align: center;
}

.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  box-shadow: unset;
}

.ant-picker-panel-container .ant-picker-panels {
  flex-direction: column;
}

@media (min-width: 768px) {
  .ant-picker-panel-container .ant-picker-panels {
    flex-direction: row;
  }
}

.modal-change-password .float-input-password .label.as-placeholder {
  margin-top: 12px;
}

.modal-change-password .ant-input-password {
  padding: 9.5px 11px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: black;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #ffffff;
}

.vluxeo-system input:-webkit-autofill,
.vluxeo-system input:-webkit-autofill:hover,
.vluxeo-system input:-webkit-autofill:focus,
.vluxeo-system input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px rgba(35, 35, 35, 0.1607843137);
}

.input-phone {
  height: 47px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.input-phone .label {
  position: absolute;
  margin-top: -10px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 8px;
  background: white;
  font-size: 12px;
  color: #2e3032;
}

.input-phone .input-phone-number {
  margin-top: 9px;
  padding-left: 13px;
  padding-right: 13px;
}

.input-phone .input-phone-number input {
  font-size: 15px;
  border: 0px;
}

.input-phone .PhoneInputCountrySelectArrow {
  display: none;
}

.input-phone .PhoneInput--focus input {
  border: 0px !important;
  outline: 0px !important;
}

.input-phone.disabled {
  background: transparent;
}

.input-phone.disabled .label {
  background: #ffffff;
}

.input-phone.disabled input {
  color: #bebebe;
  background-color: transparent;
}

.input-phone.disabled .input-phone-number {
  background-color: transparent;
}

.form-disabled .float-input-rate {
  background-color: #f5f5f5;
}

.form-disabled .float-input-rate .float-label {
  background: linear-gradient(180deg, #fff 0 50%, #f5f5f5 50% 100%);
}

.form-disabled .float-input-rate.disabled {
  background: #f5f5f5;
}

.form-disabled .float-input-rate.disabled .label {
  background: linear-gradient(180deg, #fff 0 50%, #f5f5f5 50% 100%);
}

.form-disabled .float-input-rate.disabled input {
  color: #bebebe;
}

.PhoneInputCountry .PhoneInputCountrySelect option {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 300 !important;
}

.textarea-resize .ant-input {
  resize: auto !important;
}

.client-note-text {
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

.client-note-text::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

.client-note-text::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

.client-note-text::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.client-note-text::-webkit-scrollbar-track,
.client-note-text::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.custom-float-date-picker .ant-picker-header {
  display: none !important;
}

.input-invoice-prefix {
  border: 1px solid #c5c5c5;
  border-radius: 3px;
  height: 40px !important;
}

.input-invoice-prefix.disabled .ant-input-disabled {
  color: #000 !important;
}

.float-input-rate .ant-input-number {
  border-radius: 5px !important;
}

.float-input-rate .ant-input-number .ant-input-number-handler-wrap {
  display: none !important;
}

.input-success .ant-input {
  border: 1px solid #23bf08;
  box-shadow: 0 0 6px rgba(37, 190, 3, 0.4);
  background: white !important;
  color: #23bf08;
}

.float-prefix-icon .label-prefix {
  left: 22px !important;
  top: 10px;
}

.float-prefix-icon .float-label {
  left: 11px !important;
}

.ant-btn {
  /** outline */
  /* primary-outline */
  /* secondary-outline */
  /* success-outline */
  /* warning-outline */
  /* danger-outline */
  /* info-outline */
  /* indigo-outline */
  /* purple-outline */
  /* pink-outline */
  /* teal-outline */
  /* dark-outline */
}

@media (max-width: 425px) {
  .ant-btn.m-w-full {
    width: 100% !important;
  }
}

.ant-btn.btn-size-15 {
  font-size: 15px;
}

.ant-btn.btn-size-15 svg {
  font-size: 11px !important;
}

.ant-btn.btn-size-15a {
  font-size: 15px;
}

.ant-btn.btn-size-15a svg {
  font-size: 13px !important;
}

.ant-btn.btn-size-15b {
  font-size: 15px;
}

.ant-btn.btn-size-15b svg {
  font-size: 15px !important;
}

.ant-btn.btn-size-14 {
  font-size: 14px !important;
}

.ant-btn.ant-btn-lg {
  height: 40px !important;
}

.ant-btn.ant-btn-lg-46 {
  height: 46px !important;
}

.ant-btn.btn-main-primary {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary:hover {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary:focus {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.black-text span {
  color: black !important;
}

.ant-btn.btn-main-primary.black-text svg {
  color: var(--yellow) !important;
}

.ant-btn.btn-main-primary.outlined {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.outlined:hover {
  color: var(--yellow);
  background-color: rgba(var(--yellow), 0.2);
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.outlined:focus {
  color: var(--yellow);
  background-color: rgba(var(--yellow), 0.2);
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.invert {
  color: var(--yellow);
  background-color: transparent;
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.invert:hover {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.invert:focus {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.active {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.active:hover {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.active:focus {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.custom-outlined {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.custom-outlined:hover {
  color: var(--yellow);
  background-color: rgba(var(--yellow), 0.2);
  border-color: var(--yellow);
}

.ant-btn.btn-main-primary.custom-outlined:focus {
  color: var(--yellow);
  background-color: white;
  border-color: var(--yellow);
}

.ant-btn.btn-main-secondary {
  color: #ffffff;
  background-color: #e1492a;
  border-color: #e1492a;
}

.ant-btn.btn-main-secondary:hover {
  color: #e1492a;
  background-color: #b0b4b4;
  border-color: #e1492a;
}

.ant-btn.btn-main-secondary:focus {
  color: #e1492a;
  background-color: #b0b4b4;
  border-color: #e1492a;
}

.ant-btn.btn-main-secondary.outlined {
  color: #e1492a;
  background-color: #b0b4b4;
  border-color: #e1492a;
}

.ant-btn.btn-main-secondary.outlined:hover {
  color: #e1492a;
  background-color: rgba(225, 73, 42, 0.2);
  border-color: #e1492a;
}

.ant-btn.btn-main-secondary.outlined:focus {
  color: #e1492a;
  background-color: rgba(225, 73, 42, 0.2);
  border-color: #e1492a;
}

.ant-btn.btn-main-secondary.active {
  color: #ffffff;
  background-color: #e1492a;
  border-color: #e1492a;
}

.ant-btn.btn-main-secondary.active:hover {
  color: #ffffff;
  background-color: #e1492a;
  border-color: #e1492a;
}

.ant-btn.btn-main-secondary.active:focus {
  color: #ffffff;
  background-color: #e1492a;
  border-color: #e1492a;
}

.ant-btn.btn-main-tertiary {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-main-tertiary:hover {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-main-tertiary:focus {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-main-tertiary2 {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-main-tertiary2:hover {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-main-tertiary2:focus {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-main-quaternary {
  color: #ffffff;
  background-color: #2b8300;
  border-color: #2b8300;
}

.ant-btn.btn-main-quaternary:hover {
  color: #2b8300;
  background-color: #ffffff;
  border-color: #2b8300;
}

.ant-btn.btn-main-quaternary:focus {
  color: #2b8300;
  background-color: #ffffff;
  border-color: #2b8300;
}

.ant-btn.btn-main-quaternary2 {
  color: #ffffff;
  background-color: #208e2f;
  border-color: #208e2f;
}

.ant-btn.btn-main-quaternary2:hover {
  color: #208e2f;
  background-color: #ffffff;
  border-color: #208e2f;
}

.ant-btn.btn-main-quaternary2:focus {
  color: #208e2f;
  background-color: #ffffff;
  border-color: #208e2f;
}

.ant-btn.btn-primary {
  color: #ffffff;
  background-color: #0866c6;
  border-color: #0866c6;
}

.ant-btn.btn-primary:hover {
  color: #ffffff;
  background-color: #0753a1;
  border-color: #0753a1;
}

.ant-btn.btn-primary:focus {
  color: #ffffff;
  background-color: #0753a1;
  border-color: #0753a1;
}

.ant-btn.btn-primary-active {
  color: #ffffff;
  background-color: #0753a1;
  border-color: #0753a1;
}

.ant-btn.btn-primary-active:hover {
  color: #ffffff;
  background-color: #0753a1;
  border-color: #0753a1;
}

.ant-btn.btn-primary-active:focus {
  color: #ffffff;
  background-color: #0753a1;
  border-color: #0753a1;
}

.ant-btn.btn-draft-active {
  color: #ffffff;
  background-color: #1c76ef;
  border-color: #1c76ef;
}

.ant-btn.btn-draft-active:hover {
  color: #ffffff;
  background-color: #1c76ef;
  border-color: #1c76ef;
}

.ant-btn.btn-draft-active:focus {
  color: #ffffff;
  background-color: #1c76ef;
  border-color: #1c76ef;
}

.ant-btn.btn-primary-disabled {
  color: #ffffff;
  background-color: #0753a1;
  border-color: #0753a1;
  opacity: 0.6;
}

.ant-btn.btn-primary-disabled:hover {
  color: #fff;
  background-color: #0753a1;
  border-color: #0753a1;
  opacity: 0.6;
}

.ant-btn.btn-primary-disabled:focus {
  color: #fff;
  background-color: #0753a1;
  border-color: #0753a1;
  opacity: 0.6;
}

.ant-btn.btn-secondary {
  color: #ffffff;
  background-color: #868e96;
  border-color: #868e96;
}

.ant-btn.btn-secondary:hover {
  color: #ffffff;
  background-color: #727b84;
  border-color: #727b84;
}

.ant-btn.btn-secondary:focus {
  color: #ffffff;
  background-color: #727b84;
  border-color: #727b84;
}

.ant-btn.btn-secondary-active {
  color: #ffffff;
  background-color: #727b84;
  border-color: #727b84;
}

.ant-btn.btn-secondary-active:hover {
  color: #ffffff;
  background-color: #727b84;
  border-color: #727b84;
}

.ant-btn.btn-secondary-active:focus {
  color: #ffffff;
  background-color: #727b84;
  border-color: #727b84;
}

.ant-btn.btn-secondary-disabled {
  color: #ffffff;
  background-color: #727b84;
  border-color: #727b84;
  opacity: 0.6;
}

.ant-btn.btn-secondary-disabled:hover {
  color: #fff;
  background-color: #727b84;
  border-color: #727b84;
  opacity: 0.6;
}

.ant-btn.btn-secondary-disabled:focus {
  color: #fff;
  background-color: #727b84;
  border-color: #727b84;
  opacity: 0.6;
}

.ant-btn.btn-success {
  color: #ffffff;
  background-color: #23bf08;
  border-color: #23bf08;
}

.ant-btn.btn-success:hover {
  color: #ffffff;
  background-color: #1c9a06;
  border-color: #1c9a06;
}

.ant-btn.btn-success:focus {
  color: #ffffff;
  background-color: #1c9a06;
  border-color: #1c9a06;
}

.ant-btn.btn-success-active {
  color: #ffffff;
  background-color: #1c9a06;
  border-color: #1c9a06;
}

.ant-btn.btn-success-active:hover {
  color: #ffffff;
  background-color: #1c9a06;
  border-color: #1c9a06;
}

.ant-btn.btn-success-active:focus {
  color: #ffffff;
  background-color: #1c9a06;
  border-color: #1c9a06;
}

.ant-btn.btn-success-disabled {
  color: #ffffff;
  background-color: #1c9a06;
  border-color: #1c9a06;
  opacity: 0.6;
}

.ant-btn.btn-success-disabled:hover {
  color: #fff;
  background-color: #1c9a06;
  border-color: #1c9a06;
  opacity: 0.6;
}

.ant-btn.btn-success-disabled:focus {
  color: #fff;
  background-color: #1c9a06;
  border-color: #1c9a06;
  opacity: 0.6;
}

.ant-btn.btn-warning {
  color: #ffffff;
  background-color: #f49917;
  border-color: #f49917;
}

.ant-btn.btn-warning:hover {
  color: #ffffff;
  background-color: #da850a;
  border-color: #da850a;
}

.ant-btn.btn-warning:focus {
  color: #ffffff;
  background-color: #da850a;
  border-color: #da850a;
}

.ant-btn.btn-warning-active {
  color: #ffffff;
  background-color: #da850a;
  border-color: #da850a;
}

.ant-btn.btn-warning-active:hover {
  color: #ffffff;
  background-color: #da850a;
  border-color: #da850a;
}

.ant-btn.btn-warning-active:focus {
  color: #ffffff;
  background-color: #da850a;
  border-color: #da850a;
}

.ant-btn.btn-warning-disabled {
  color: #ffffff;
  background-color: #da850a;
  border-color: #da850a;
  opacity: 0.6;
}

.ant-btn.btn-warning-disabled:hover {
  color: #fff;
  background-color: #da850a;
  border-color: #da850a;
  opacity: 0.6;
}

.ant-btn.btn-warning-disabled:focus {
  color: #fff;
  background-color: #da850a;
  border-color: #da850a;
  opacity: 0.6;
}

.ant-btn.btn-danger {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-danger:hover {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-danger:focus {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-danger-active {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-danger-active:hover {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-danger-active:focus {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-danger-disabled {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
  opacity: 0.6;
}

.ant-btn.btn-danger-disabled:hover {
  color: #fff;
  background-color: #c80202;
  border-color: #c80202;
  opacity: 0.6;
}

.ant-btn.btn-danger-disabled:focus {
  color: #fff;
  background-color: #c80202;
  border-color: #c80202;
  opacity: 0.6;
}

.ant-btn.btn-info {
  color: #ffffff;
  background-color: #5b93d3;
  border-color: #5b93d3;
}

.ant-btn.btn-info:hover {
  color: #ffffff;
  background-color: #3d7fcb;
  border-color: #3d7fcb;
}

.ant-btn.btn-info:focus {
  color: #ffffff;
  background-color: #3d7fcb;
  border-color: #3d7fcb;
}

.ant-btn.btn-info-active {
  color: #ffffff;
  background-color: #3d7fcb;
  border-color: #3d7fcb;
}

.ant-btn.btn-info-active:hover {
  color: #ffffff;
  background-color: #3d7fcb;
  border-color: #3d7fcb;
}

.ant-btn.btn-info-active:focus {
  color: #ffffff;
  background-color: #3d7fcb;
  border-color: #3d7fcb;
}

.ant-btn.btn-info-active .ant-btn.btn-info-active .ant-btn.btn-info-disabled {
  color: #ffffff;
  background-color: #3d7fcb;
  border-color: #3d7fcb;
  opacity: 0.6;
}

.ant-btn.btn-info-active .ant-btn.btn-info-active .ant-btn.btn-info-disabled:hover {
  color: #fff;
  background-color: #3d7fcb;
  border-color: #3d7fcb;
  opacity: 0.6;
}

.ant-btn.btn-info-active .ant-btn.btn-info-active .ant-btn.btn-info-disabled:focus {
  color: #fff;
  background-color: #3d7fcb;
  border-color: #3d7fcb;
  opacity: 0.6;
}

.ant-btn.btn-indigo {
  color: #ffffff;
  background-color: #6610f2;
  border-color: #6610f2;
}

.ant-btn.btn-indigo:hover {
  color: #ffffff;
  background-color: #560bd0;
  border-color: #560bd0;
}

.ant-btn.btn-indigo:focus {
  color: #ffffff;
  background-color: #560bd0;
  border-color: #560bd0;
}

.ant-btn.btn-indigo-active {
  color: #ffffff;
  background-color: #560bd0;
  border-color: #560bd0;
}

.ant-btn.btn-indigo-active:hover {
  color: #ffffff;
  background-color: #560bd0;
  border-color: #560bd0;
}

.ant-btn.btn-indigo-active:focus {
  color: #ffffff;
  background-color: #560bd0;
  border-color: #560bd0;
}

.ant-btn.btn-indigo-disabled {
  color: #ffffff;
  background-color: #560bd0;
  border-color: #560bd0;
  opacity: 0.6;
}

.ant-btn.btn-indigo-disabled:hover {
  color: #fff;
  background-color: #560bd0;
  border-color: #560bd0;
  opacity: 0.6;
}

.ant-btn.btn-indigo-disabled:focus {
  color: #fff;
  background-color: #560bd0;
  border-color: #560bd0;
  opacity: 0.6;
}

.ant-btn.btn-purple {
  color: #ffffff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}

.ant-btn.btn-purple:hover {
  color: #ffffff;
  background-color: #5e37a6;
  border-color: #5e37a6;
}

.ant-btn.btn-purple:focus {
  color: #ffffff;
  background-color: #5e37a6;
  border-color: #5e37a6;
}

.ant-btn.btn-purple-active {
  color: #ffffff;
  background-color: #5e37a6;
  border-color: #5e37a6;
}

.ant-btn.btn-purple-active:hover {
  color: #ffffff;
  background-color: #5e37a6;
  border-color: #5e37a6;
}

.ant-btn.btn-purple-active:focus {
  color: #ffffff;
  background-color: #5e37a6;
  border-color: #5e37a6;
}

.ant-btn.btn-purple-disabled {
  color: #ffffff;
  background-color: #5e37a6;
  border-color: #5e37a6;
  opacity: 0.6;
}

.ant-btn.btn-purple-disabled:hover {
  color: #fff;
  background-color: #5e37a6;
  border-color: #5e37a6;
  opacity: 0.6;
}

.ant-btn.btn-purple-disabled:focus {
  color: #fff;
  background-color: #5e37a6;
  border-color: #5e37a6;
  opacity: 0.6;
}

.ant-btn.btn-pink {
  color: #ffffff;
  background-color: #e83e8c;
  border-color: #e83e8c;
}

.ant-btn.btn-pink:hover {
  color: #ffffff;
  background-color: #e41c78;
  border-color: #e41c78;
}

.ant-btn.btn-pink:focus {
  color: #ffffff;
  background-color: #e41c78;
  border-color: #e41c78;
}

.ant-btn.btn-pink-active {
  color: #ffffff;
  background-color: #e41c78;
  border-color: #e41c78;
}

.ant-btn.btn-pink-active:hover {
  color: #ffffff;
  background-color: #e41c78;
  border-color: #e41c78;
}

.ant-btn.btn-pink-active:focus {
  color: #ffffff;
  background-color: #e41c78;
  border-color: #e41c78;
}

.ant-btn.btn-pink-disabled {
  color: #ffffff;
  background-color: #e41c78;
  border-color: #e41c78;
  opacity: 0.6;
}

.ant-btn.btn-pink-disabled:hover {
  color: #fff;
  background-color: #e41c78;
  border-color: #e41c78;
  opacity: 0.6;
}

.ant-btn.btn-pink-disabled:focus {
  color: #fff;
  background-color: #e41c78;
  border-color: #e41c78;
  opacity: 0.6;
}

.ant-btn.btn-teal {
  color: #ffffff;
  background-color: #1caf9a;
  border-color: #1caf9a;
}

.ant-btn.btn-teal:hover {
  color: #ffffff;
  background-color: #178e7d;
  border-color: #178e7d;
}

.ant-btn.btn-teal:focus {
  color: #ffffff;
  background-color: #178e7d;
  border-color: #178e7d;
}

.ant-btn.btn-teal-active {
  color: #ffffff;
  background-color: #178e7d;
  border-color: #178e7d;
}

.ant-btn.btn-teal-active:hover {
  color: #ffffff;
  background-color: #178e7d;
  border-color: #178e7d;
}

.ant-btn.btn-teal-active:focus {
  color: #ffffff;
  background-color: #178e7d;
  border-color: #178e7d;
}

.ant-btn.btn-teal-disabled {
  color: #ffffff;
  background-color: #178e7d;
  border-color: #178e7d;
  opacity: 0.6;
}

.ant-btn.btn-teal-disabled:hover {
  color: #fff;
  background-color: #178e7d;
  border-color: #178e7d;
  opacity: 0.6;
}

.ant-btn.btn-teal-disabled:focus {
  color: #fff;
  background-color: #178e7d;
  border-color: #178e7d;
  opacity: 0.6;
}

.ant-btn.btn-dark {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}

.ant-btn.btn-dark:hover {
  color: #ffffff;
  background-color: #23272b;
  border-color: #23272b;
}

.ant-btn.btn-dark:focus {
  color: #ffffff;
  background-color: #23272b;
  border-color: #23272b;
}

.ant-btn.btn-dark-active {
  color: #ffffff;
  background-color: #23272b;
  border-color: #23272b;
}

.ant-btn.btn-dark-active:hover {
  color: #ffffff;
  background-color: #23272b;
  border-color: #23272b;
}

.ant-btn.btn-dark-active:focus {
  color: #ffffff;
  background-color: #23272b;
  border-color: #23272b;
}

.ant-btn.btn-dark-disabled {
  color: #ffffff;
  background-color: #23272b;
  border-color: #23272b;
  opacity: 0.6;
}

.ant-btn.btn-dark-disabled:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #23272b;
  opacity: 0.6;
}

.ant-btn.btn-dark-disabled:focus {
  color: #fff;
  background-color: #23272b;
  border-color: #23272b;
  opacity: 0.6;
}

.ant-btn.btn-primary-outline {
  color: #ffffff;
  background-color: #0866c6;
  border-color: #0866c6;
}

.ant-btn.btn-primary-outline:hover {
  color: #0866c6;
  background-color: #ffffff;
  border-color: #0866c6;
}

.ant-btn.btn-primary-outline:focus {
  color: #0866c6;
  background-color: #ffffff;
  border-color: #0866c6;
}

.ant-btn.btn-primary-outline-active {
  color: #0866c6;
  background-color: #ffffff;
  border-color: #0866c6;
}

.ant-btn.btn-primary-outline-active:hover {
  color: #0866c6;
  background-color: #ffffff;
  border-color: #0866c6;
}

.ant-btn.btn-primary-outline-active:focus {
  color: #0866c6;
  background-color: #ffffff;
  border-color: #0866c6;
}

.ant-btn.btn-primary-outline-disabled {
  color: #ffffff;
  background-color: #0866c6;
  border-color: #0866c6;
  opacity: 0.6;
}

.ant-btn.btn-primary-outline-disabled:hover {
  color: #0866c6;
  background-color: #ffffff;
  border-color: #0866c6;
  opacity: 0.6;
}

.ant-btn.btn-primary-outline-disabled:focus {
  color: #0866c6;
  background-color: #ffffff;
  border-color: #0866c6;
  opacity: 0.6;
}

.ant-btn.btn-secondary-outline {
  color: #ffffff;
  background-color: #868e96;
  border-color: #868e96;
}

.ant-btn.btn-secondary-outline:hover {
  color: #868e96;
  background-color: #ffffff;
  border-color: #868e96;
}

.ant-btn.btn-secondary-outline:focus {
  color: #868e96;
  background-color: #ffffff;
  border-color: #868e96;
}

.ant-btn.btn-secondary-outline-active {
  color: #868e96;
  background-color: #ffffff;
  border-color: #868e96;
}

.ant-btn.btn-secondary-outline-active:hover {
  color: #868e96;
  background-color: #ffffff;
  border-color: #868e96;
}

.ant-btn.btn-secondary-outline-active:focus {
  color: #868e96;
  background-color: #ffffff;
  border-color: #868e96;
}

.ant-btn.btn-secondary-outline-disabled {
  color: #ffffff;
  background-color: #868e96;
  border-color: #868e96;
  opacity: 0.6;
}

.ant-btn.btn-secondary-outline-disabled:hover {
  color: #868e96;
  background-color: #ffffff;
  border-color: #868e96;
  opacity: 0.6;
}

.ant-btn.btn-secondary-outline-disabled:focus {
  color: #868e96;
  background-color: #ffffff;
  border-color: #868e96;
  opacity: 0.6;
}

.ant-btn.btn-success-outline {
  color: #ffffff;
  background-color: #23bf08;
  border-color: #23bf08;
}

.ant-btn.btn-success-outline:hover {
  color: #23bf08;
  background-color: #ffffff;
  border-color: #23bf08;
}

.ant-btn.btn-success-outline:focus {
  color: #23bf08;
  background-color: #ffffff;
  border-color: #23bf08;
}

.ant-btn.btn-success-outline-active {
  color: #23bf08;
  background-color: #ffffff;
  border-color: #23bf08;
}

.ant-btn.btn-success-outline-active:hover {
  color: #23bf08;
  background-color: #ffffff;
  border-color: #23bf08;
}

.ant-btn.btn-success-outline-active:focus {
  color: #23bf08;
  background-color: #ffffff;
  border-color: #23bf08;
}

.ant-btn.btn-success-outline-disabled {
  color: #ffffff;
  background-color: #23bf08;
  border-color: #23bf08;
  opacity: 0.6;
}

.ant-btn.btn-success-outline-disabled:hover {
  color: #23bf08;
  background-color: #ffffff;
  border-color: #23bf08;
  opacity: 0.6;
}

.ant-btn.btn-success-outline-disabled:focus {
  color: #23bf08;
  background-color: #ffffff;
  border-color: #23bf08;
  opacity: 0.6;
}

.ant-btn.btn-warning-outline {
  color: #ffffff;
  background-color: #f49917;
  border-color: #f49917;
}

.ant-btn.btn-warning-outline:hover {
  color: #f49917;
  background-color: #ffffff;
  border-color: #f49917;
}

.ant-btn.btn-warning-outline:focus {
  color: #f49917;
  background-color: #ffffff;
  border-color: #f49917;
}

.ant-btn.btn-warning-outline-active {
  color: #f49917;
  background-color: #ffffff;
  border-color: #f49917;
}

.ant-btn.btn-warning-outline-active:hover {
  color: #f49917;
  background-color: #ffffff;
  border-color: #f49917;
}

.ant-btn.btn-warning-outline-active:focus {
  color: #f49917;
  background-color: #ffffff;
  border-color: #f49917;
}

.ant-btn.btn-warning-outline-disabled {
  color: #ffffff;
  background-color: #f49917;
  border-color: #f49917;
  opacity: 0.6;
}

.ant-btn.btn-warning-outline-disabled:hover {
  color: #f49917;
  background-color: #ffffff;
  border-color: #f49917;
  opacity: 0.6;
}

.ant-btn.btn-warning-outline-disabled:focus {
  color: #f49917;
  background-color: #ffffff;
  border-color: #f49917;
  opacity: 0.6;
}

.ant-btn.btn-danger-outline {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
}

.ant-btn.btn-danger-outline:hover {
  color: #c80202;
  background-color: #ffffff;
  border-color: #c80202;
}

.ant-btn.btn-danger-outline:focus {
  color: #c80202;
  background-color: #ffffff;
  border-color: #c80202;
}

.ant-btn.btn-danger-outline-active {
  color: #c80202;
  background-color: #ffffff;
  border-color: #c80202;
}

.ant-btn.btn-danger-outline-active:hover {
  color: #c80202;
  background-color: #ffffff;
  border-color: #c80202;
}

.ant-btn.btn-danger-outline-active:focus {
  color: #c80202;
  background-color: #ffffff;
  border-color: #c80202;
}

.ant-btn.btn-danger-outline-disabled {
  color: #ffffff;
  background-color: #c80202;
  border-color: #c80202;
  opacity: 0.6;
}

.ant-btn.btn-danger-outline-disabled:hover {
  color: #c80202;
  background-color: #ffffff;
  border-color: #c80202;
  opacity: 0.6;
}

.ant-btn.btn-danger-outline-disabled:focus {
  color: #c80202;
  background-color: #ffffff;
  border-color: #c80202;
  opacity: 0.6;
}

.ant-btn.btn-info-outline {
  color: #ffffff;
  background-color: #5b93d3;
  border-color: #5b93d3;
}

.ant-btn.btn-info-outline:hover {
  color: #5b93d3;
  background-color: #ffffff;
  border-color: #5b93d3;
}

.ant-btn.btn-info-outline:focus {
  color: #5b93d3;
  background-color: #ffffff;
  border-color: #5b93d3;
}

.ant-btn.btn-info-outline-active {
  color: #5b93d3;
  background-color: #ffffff;
  border-color: #5b93d3;
}

.ant-btn.btn-info-outline-active:hover {
  color: #5b93d3;
  background-color: #ffffff;
  border-color: #5b93d3;
}

.ant-btn.btn-info-outline-active:focus {
  color: #5b93d3;
  background-color: #ffffff;
  border-color: #5b93d3;
}

.ant-btn.btn-info-outline-disabled {
  color: #ffffff;
  background-color: #5b93d3;
  border-color: #5b93d3;
  opacity: 0.6;
}

.ant-btn.btn-info-outline-disabled:hover {
  color: #5b93d3;
  background-color: #ffffff;
  border-color: #5b93d3;
  opacity: 0.6;
}

.ant-btn.btn-info-outline-disabled:focus {
  color: #5b93d3;
  background-color: #ffffff;
  border-color: #5b93d3;
  opacity: 0.6;
}

.ant-btn.btn-indigo-outline {
  color: #ffffff;
  background-color: #6610f2;
  border-color: #6610f2;
}

.ant-btn.btn-indigo-outline:hover {
  color: #6610f2;
  background-color: #ffffff;
  border-color: #6610f2;
}

.ant-btn.btn-indigo-outline:focus {
  color: #6610f2;
  background-color: #ffffff;
  border-color: #6610f2;
}

.ant-btn.btn-indigo-outline-active {
  color: #6610f2;
  background-color: #ffffff;
  border-color: #6610f2;
}

.ant-btn.btn-indigo-outline-active:hover {
  color: #6610f2;
  background-color: #ffffff;
  border-color: #6610f2;
}

.ant-btn.btn-indigo-outline-active:focus {
  color: #6610f2;
  background-color: #ffffff;
  border-color: #6610f2;
}

.ant-btn.btn-indigo-outline-disabled {
  color: #ffffff;
  background-color: #6610f2;
  border-color: #6610f2;
  opacity: 0.6;
}

.ant-btn.btn-indigo-outline-disabled:hover {
  color: #6610f2;
  background-color: #ffffff;
  border-color: #6610f2;
  opacity: 0.6;
}

.ant-btn.btn-indigo-outline-disabled:focus {
  color: #6610f2;
  background-color: #ffffff;
  border-color: #6610f2;
  opacity: 0.6;
}

.ant-btn.btn-purple-outline {
  color: #ffffff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}

.ant-btn.btn-purple-outline:hover {
  color: #6f42c1;
  background-color: #ffffff;
  border-color: #6f42c1;
}

.ant-btn.btn-purple-outline:focus {
  color: #6f42c1;
  background-color: #ffffff;
  border-color: #6f42c1;
}

.ant-btn.btn-purple-outline-active {
  color: #6f42c1;
  background-color: #ffffff;
  border-color: #6f42c1;
}

.ant-btn.btn-purple-outline-active:hover {
  color: #6f42c1;
  background-color: #ffffff;
  border-color: #6f42c1;
}

.ant-btn.btn-purple-outline-active:focus {
  color: #6f42c1;
  background-color: #ffffff;
  border-color: #6f42c1;
}

.ant-btn.btn-purple-outline-disabled {
  color: #ffffff;
  background-color: #6f42c1;
  border-color: #6f42c1;
  opacity: 0.6;
}

.ant-btn.btn-purple-outline-disabled:hover {
  color: #6f42c1;
  background-color: #ffffff;
  border-color: #6f42c1;
  opacity: 0.6;
}

.ant-btn.btn-purple-outline-disabled:focus {
  color: #6f42c1;
  background-color: #ffffff;
  border-color: #6f42c1;
  opacity: 0.6;
}

.ant-btn.btn-pink-outline {
  color: #ffffff;
  background-color: #e83e8c;
  border-color: #e83e8c;
}

.ant-btn.btn-pink-outline:hover {
  color: #e83e8c;
  background-color: #ffffff;
  border-color: #e83e8c;
}

.ant-btn.btn-pink-outline:focus {
  color: #e83e8c;
  background-color: #ffffff;
  border-color: #e83e8c;
}

.ant-btn.btn-pink-outline-active {
  color: #e83e8c;
  background-color: #ffffff;
  border-color: #e83e8c;
}

.ant-btn.btn-pink-outline-active:hover {
  color: #e83e8c;
  background-color: #ffffff;
  border-color: #e83e8c;
}

.ant-btn.btn-pink-outline-active:focus {
  color: #e83e8c;
  background-color: #ffffff;
  border-color: #e83e8c;
}

.ant-btn.btn-pink-outline-disabled {
  color: #ffffff;
  background-color: #e83e8c;
  border-color: #e83e8c;
  opacity: 0.6;
}

.ant-btn.btn-pink-outline-disabled:hover {
  color: #e83e8c;
  background-color: #ffffff;
  border-color: #e83e8c;
  opacity: 0.6;
}

.ant-btn.btn-pink-outline-disabled:focus {
  color: #e83e8c;
  background-color: #ffffff;
  border-color: #e83e8c;
  opacity: 0.6;
}

.ant-btn.btn-teal-outline {
  color: #ffffff;
  background-color: #1caf9a;
  border-color: #1caf9a;
}

.ant-btn.btn-teal-outline:hover {
  color: #1caf9a;
  background-color: #ffffff;
  border-color: #1caf9a;
}

.ant-btn.btn-teal-outline:focus {
  color: #1caf9a;
  background-color: #ffffff;
  border-color: #1caf9a;
}

.ant-btn.btn-teal-outline-active {
  color: #1caf9a;
  background-color: #ffffff;
  border-color: #1caf9a;
}

.ant-btn.btn-teal-outline-active:hover {
  color: #1caf9a;
  background-color: #ffffff;
  border-color: #1caf9a;
}

.ant-btn.btn-teal-outline-active:focus {
  color: #1caf9a;
  background-color: #ffffff;
  border-color: #1caf9a;
}

.ant-btn.btn-teal-outline-disabled {
  color: #ffffff;
  background-color: #1caf9a;
  border-color: #1caf9a;
  opacity: 0.6;
}

.ant-btn.btn-teal-outline-disabled:hover {
  color: #1caf9a;
  background-color: #ffffff;
  border-color: #1caf9a;
  opacity: 0.6;
}

.ant-btn.btn-teal-outline-disabled:focus {
  color: #1caf9a;
  background-color: #ffffff;
  border-color: #1caf9a;
  opacity: 0.6;
}

.ant-btn.btn-dark-outline {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}

.ant-btn.btn-dark-outline:hover {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}

.ant-btn.btn-dark-outline:focus {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}

.ant-btn.btn-dark-outline-active {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}

.ant-btn.btn-dark-outline-active:hover {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}

.ant-btn.btn-dark-outline-active:focus {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}

.ant-btn.btn-dark-outline-disabled {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
  opacity: 0.6;
}

.ant-btn.btn-dark-outline-disabled:hover {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
  opacity: 0.6;
}

.ant-btn.btn-dark-outline-disabled:focus {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
  opacity: 0.6;
}

.ant-btn.ant-btn-link.btn-main-primary3 {
  padding: 0;
  color: black;
  background-color: transparent;
  border: 0px;
  display: flex;
  align-items: baseline;
  font-size: 15px;
}

@media (min-width: 576px) {
  .ant-btn.ant-btn-link.btn-main-primary3 {
    font-size: 16px;
  }
}

.ant-btn.ant-btn-link.btn-main-primary3 span {
  height: 34px;
}

.ant-btn.ant-btn-link.btn-main-primary3 svg {
  font-size: 12px;
}

.ant-btn.ant-btn-link.btn-main-primary3:hover span {
  border-bottom: 2px solid var(--yellow);
}

.ant-btn.ant-btn-link.btn-main-primary3.active svg {
  color: var(--yellow);
}

.ant-btn.ant-btn-link.btn-main-primary3.active span {
  color: var(--yellow);
  border-bottom: 2px solid #bab6b6;
}

.ant-btn.ant-btn-link.btn-main-primary2 {
  padding: 0;
  color: var(--yellow);
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-main-primary2.danger {
  color: #c80202;
}

.ant-btn.ant-btn-link.btn-main-primary2.danger:hover svg {
  color: #c80202;
}

.ant-btn.ant-btn-link.btn-main-primary2.danger:focus svg {
  color: #c80202;
}

.ant-btn.ant-btn-link.btn-main-primary2:not(.btn-filter-clear-all) svg {
  font-size: 10px;
  padding: 1px;
  margin-right: 5px;
}

.ant-btn.ant-btn-link.btn-main-primary2.ant-btn-lg svg {
  font-size: 12px;
  padding: 1px;
}

.ant-btn.ant-btn-link.btn-main-primary2 svg {
  color: black;
}

.ant-btn.ant-btn-link.btn-main-primary2:hover {
  color: black;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-main-primary2:hover svg {
  color: var(--yellow);
}

.ant-btn.ant-btn-link.btn-main-primary2:focus {
  color: black;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-main-primary2:focus svg {
  color: var(--yellow);
}

@media (max-width: 767px) {
  .ant-btn.ant-btn-link.btn-main-primary2.btn-no-height {
    height: auto !important;
  }
}

.ant-btn.ant-btn-link.btn-main-primary {
  color: var(--yellow);
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-main-primary:hover {
  color: var(--yellow);
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-main-primary:focus {
  color: var(--yellow);
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-delete {
  color: #c80202 !important;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-delete:hover {
  color: #c80202 !important;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-delete:focus {
  color: #c80202 !important;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-secondary {
  color: #868e96 !important;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-secondary:hover {
  color: #868e96 !important;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-secondary:focus {
  color: #868e96 !important;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-disabled {
  color: #212529;
}

.ant-btn.ant-btn-link.btn-disabled:hover {
  color: #212529;
}

.ant-btn.ant-btn-link.btn-disabled:focus {
  color: #212529;
}

.ant-btn.ant-btn-link.btn-info {
  color: #5b93d3 !important;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-info:hover {
  color: #5b93d3 !important;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-info:focus {
  color: #5b93d3 !important;
  background-color: transparent;
  border: 0px;
}

.ant-btn.ant-btn-link.btn-primary {
  color: #ffffff;
  background-color: transparent;
  border-color: #0866c6;
}

.ant-btn.ant-btn-link.btn-primary:hover {
  color: #ffffff;
  background-color: transparent;
  border-color: #0753a1;
}

.ant-btn.ant-btn-link.btn-primary:focus {
  color: #ffffff;
  background-color: transparent;
  border-color: #0753a1;
}

.ant-btn.ant-btn-link.btn-success {
  color: #ffffff;
  background-color: transparent;
  border-color: #23bf08;
}

.ant-btn.ant-btn-link.btn-success:hover {
  color: #ffffff;
  background-color: transparent;
  border-color: #1c9a06;
}

.ant-btn.ant-btn-link.btn-success:focus {
  color: #ffffff;
  background-color: transparent;
  border-color: #1c9a06;
}

.ant-btn.ant-btn-dashed.btn-main-primary {
  color: var(--yellow);
  background-color: transparent;
  border-color: transparent;
}

.ant-btn.ant-btn-dashed.btn-main-primary:hover {
  color: var(--yellow);
  background-color: transparent;
  border-color: var(--yellow);
}

.ant-btn.ant-btn-dashed.btn-main-primary:focus {
  color: var(--yellow);
  background-color: transparent;
  border-color: var(--yellow);
}

.ant-btn.ant-btn-dashed.btn-delete {
  color: #c80202 !important;
}

.ant-btn.ant-btn-dashed.btn-delete:hover {
  color: #c80202 !important;
  border-color: #c80202 !important;
}

.ant-btn.ant-btn-dashed.btn-delete:focus {
  color: #c80202 !important;
  border-color: #c80202 !important;
}

.ant-btn.ant-btn-dashed.btn-secondary {
  color: #868e96 !important;
  background-color: transparent;
}

.ant-btn.ant-btn-dashed.btn-secondary:hover {
  color: #868e96 !important;
  background-color: transparent;
  border-color: #868e96 !important;
}

.ant-btn.ant-btn-dashed.btn-secondary:focus {
  color: #868e96 !important;
  background-color: transparent;
  border-color: #868e96 !important;
}

.bug-request-btn {
  font-size: 12px;
  padding: 6.4px 10px;
}

@media (min-width: 375px) {
  .bug-request-btn {
    font-size: 14px;
    padding: 6.4px 15px;
  }
}

@media (min-width: 425px) {
  .bug-request-btn {
    font-size: 16px;
  }
}

.status-btn {
  display: flex;
  gap: 30px;
}

.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25) !important;
  border-color: #d9d9d9 !important;
  background: #f5f5f5 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.ant-btn-link.ant-btn[disabled] {
  background-color: transparent !important;
}

.ant-radio.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9 !important;
}

.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5 !important;
  cursor: not-allowed !important;
}

.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed !important;
}

.btn-delete-subtask svg {
  color: var(--yellow) !important;
}

@media (max-width: 767px) {
  .mobile-view-right {
    float: right;
  }
}

.default-btn {
  font-size: 16px !important;
  height: auto !important;
}

@media (max-width: 575px) {
  .full-space {
    width: 100%;
    flex-wrap: nowrap;
  }

  .full-space .ant-space-item {
    width: 100%;
  }

  .full-btn {
    width: 100%;
  }

  .mob-btn-50 {
    width: 50%;
  }
}

.primary-button .ant-btn-primary {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.primary-button .ant-btn-primary:hover {
  color: #ffffff;
  border-color: var(--yellow);
  background: var(--yellow);
}

.primary-button .ant-btn-primary:focus {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.ant-picker-ranges .ant-picker-ok .ant-btn-primary {
  border-radius: 5px;
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-picker-ranges .ant-picker-ok .ant-btn-primary:hover {
  color: #ffffff;
  border-color: var(--yellow);
  background: var(--yellow);
}

.ant-picker-ranges .ant-picker-ok .ant-btn-primary:focus {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

#PageVideosAndArticles .ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
  background-color: white;
}

.add-task-category-btn.btn-main-primary {
  display: flex;
  float: none;
  align-items: center;
  flex-direction: row-reverse;
  gap: 8px;
  padding: 6.4px 12px 6.4px 15px;
  margin-bottom: 23px;
  height: 40px !important;
  border-radius: 5px;
}

@media (min-width: 1440px) {
  .add-task-category-btn.btn-main-primary {
    float: right;
  }
}

.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
  color: var(--yellow);
}

.anticon.anticon-close-circle {
  color: var(--yellow);
}

.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
  color: var(--yellow);
}

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: var(--yellow);
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
  background-color: #f5f5f5 !important;
}

.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: var(--yellow);
  box-shadow: none;
}

.themeSaveButton {
  background: var(--yellow);
  border: 1px solid var(--yellow);
}

.themeSaveButton:hover {
  background: var(--yellow);
  border: 1px solid var(--yellow);
  box-shadow: none;
}

.themeSaveButton:focus {
  background: var(--yellow);
  border: 1px solid var(--yellow);
  box-shadow: none;
}

.themeInput:focus {
  box-shadow: none;
}

.add-ticket {
  padding-top: 14px !important;
}

.add-ticket .ant-typography,
.add-ticket svg {
  color: var(--yellow);
}

.add-ticket:hover .ant-typography {
  opacity: 0.5;
}

.add-ticket .ant-typography {
  margin-top: 8px !important;
}

@media (max-width: 768px) {
  .btn-mh {
    height: 40px;
  }
}

@media (max-width: 768px) {
  .btn-mw {
    width: 100%;
  }
}

.btn-link {
  color: #8a54f8 !important;
  display: flex;
  align-items: center;
  padding: 0px;
}

.btn-link-disabled {
  color: #d2d1d1 !important;
}

.btn-link svg {
  color: #000 !important;
  margin-right: 5px;
  font-size: 12px;
}

.btn-link.inverted {
  color: #000 !important;
}

.btn-link.inverted svg {
  color: var(--yellow) !important;
}

.btn-tab {
  font-size: 14px;
  padding: 0px;
  color: black;
  display: flex;
  align-items: center;
  height: 47px !important;
}

.btn-tab svg {
  color: black;
}

.btn-tab.active {
  color: var(--yellow);
}

.btn-tab.active svg {
  color: var(--yellow);
  margin-right: 4px !important;
}

.btn-tab.active span {
  border-radius: 0px;
  border-bottom: 3px solid #b8b5b6;
  margin-top: 7px;
  padding-bottom: 5px;
}

.btn-tab:hover {
  color: var(--yellow);
}

.btn-tab:hover svg {
  color: var(--yellow);
}

.btn-tab-wrapper.mobile {
  overflow: scroll;
}

.btn-tab-wrapper.mobile::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.btn-tab-wrapper.mobile::-webkit-scrollbar-track {
  background-color: white;
}

.btn-tab-wrapper.mobile::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.active-action {
  cursor: pointer;
  color: var(--yellow) !important;
}

@media (max-width: 426px) and (min-width: 320px) {
  .task-list-view-btn {
    display: none !important;
  }
}

.ant-radio-group.ant-radio-group-large .ant-radio-button-wrapper {
  height: 45px;
  line-height: 43px;
}

.ant-radio-group.ant-radio-group-large .ant-radio-wrapper {
  height: 45px;
  line-height: 43px;
}

.ant-radio-group.flex {
  display: flex;
  width: 100%;
}

.ant-radio-group.flex.wrap {
  flex-wrap: wrap;
}

.ant-radio-group.flex.nowrap {
  flex-wrap: nowrap;
}

@media (max-width: 575px) {
  .ant-radio-group.flex {
    gap: 8px;
  }
}

.ant-radio-group .ant-radio-button-wrapper {
  width: 50%;
  text-align: center;
}

.ant-radio-group .ant-radio-button-wrapper:first-child {
  border-radius: 0px;
}

.ant-radio-group .ant-radio-button-wrapper:last-child {
  border-radius: 0px;
}

@media (max-width: 575px) {
  .ant-radio-group .ant-radio-button-wrapper {
    width: 100% !important;
  }
}

.ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  color: var(--yellow);
  border-color: var(--yellow);
}

.ant-radio-group .ant-radio-button-wrapper:hover {
  color: var(--yellow);
}

.ant-radio-group .ant-radio-wrapper > span {
  line-height: normal;
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: var(--yellow);
  background-color: var(--yellow);
}

.ant-radio-wrapper:hover .ant-radio-wrapper,
.ant-radio-wrapper:hover .ant-radio-inner {
  border-color: var(--yellow);
}

.ant-switch.switch-main-primary.ant-switch-checked {
  background-color: #129d00;
}

.ant-collapse {
  border: 0px !important;
  background-color: transparent !important;
  border-radius: 0px !important;
}

.ant-collapse .ant-collapse-item {
  border: 0px !important;
  border-radius: 5px !important;
}

.ant-collapse .ant-collapse-item:not(:first-child) {
  margin-top: 20px;
}

.ant-collapse .ant-collapse-item .ant-collapse-header {
  border-radius: 5px !important;
  border: 0px !important;
}

.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg {
  font-size: 18px;
}

.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.ant-collapse .ant-collapse-item .ant-collapse-content {
  border: 1px solid #d9d9d9;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.ant-collapse.collapse-default .ant-collapse-item {
  border: 1px solid #cccccc !important;
}

.ant-collapse.collapse-default .ant-collapse-item .ant-collapse-header {
  background-color: #f1f3f2;
  color: #000000;
}

.ant-collapse.collapse-default .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
  color: var(--yellow);
}

.ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content {
  border: 0px;
}

.ant-collapse.collapse-default .ant-collapse-item.collapse-pb-0 > .ant-collapse-content .ant-collapse-content-box {
  padding-bottom: 0px !important;
}

.ant-collapse.collapse-main-primary .ant-collapse-item .ant-collapse-header {
  background-color: var(--yellow);
  color: #ffffff;
}

.ant-collapse.collapse-default .ant-collapse-header {
  padding: 12px 20px;
}

@media (max-width: 425px) {
  .ant-collapse.collapse-default .ant-collapse-header {
    padding: 12px 10px;
  }
}

@media (max-width: 425px) {
  .ant-collapse.collapse-default .ant-collapse-header {
    font-size: 19px;
  }
}

.ant-collapse.collapse-default .ant-collapse-content-box {
  padding: 24px 10px;
}

@media (min-width: 375px) {
  .ant-collapse.collapse-default .ant-collapse-content-box {
    padding: 24px 24px;
  }
}

.ant-collapse.collapse-default.collapse-no-padding .ant-collapse-content-box {
  padding: 0;
}

.ant-collapse.collapse-default.collapse-no-padding\! .ant-collapse-content-box {
  padding: 0 !important;
}

.ant-collapse.collapse-default.collapse-no-padding-bottom .ant-collapse-content-box {
  padding: 24px 10px 0 10px;
}

@media (min-width: 375px) {
  .ant-collapse.collapse-default.collapse-no-padding-bottom .ant-collapse-content-box {
    padding: 24px 24px 0 24px;
  }
}

.ant-collapse.collapse-default.collapse-p-10-y .ant-collapse-content-box {
  padding: 0 10px;
}

@media (min-width: 375px) {
  .ant-collapse.collapse-default.collapse-p-10-y .ant-collapse-content-box {
    padding: 10px 24px;
  }
}

@media (max-width: 425px) {
  .ant-collapse.collapse-default .ant-collapse-content-box {
    padding: 5px !important;
  }
}

.ant-collapse.faq-collapse-custom.ant-collapse-icon-position-end .ant-collapse-item.faq-collapse-custom-panel,
.ant-collapse.faq-collapse-custom.ant-collapse-icon-position-end .ant-collapse-item-active.faq-collapse-custom-panel {
  background-color: var(--yellow);
}

.ant-collapse.faq-collapse-custom.ant-collapse-icon-position-end .ant-collapse-item.faq-collapse-custom-panel .ant-collapse-header,
.ant-collapse.faq-collapse-custom.ant-collapse-icon-position-end .ant-collapse-item-active.faq-collapse-custom-panel .ant-collapse-header {
  border-radius: 5px !important;
  color: white;
}

.ant-collapse.faq-collapse-custom.ant-collapse-icon-position-end .ant-collapse-item.faq-collapse-custom-panel .ant-collapse-content,
.ant-collapse.faq-collapse-custom.ant-collapse-icon-position-end .ant-collapse-item-active.faq-collapse-custom-panel .ant-collapse-content {
  border: 0;
}

.ant-collapse.faq-collapse-custom.ant-collapse-icon-position-end .ant-collapse-item-active.faq-collapse-custom-panel .ant-collapse-header .ant-collapse-expand-icon {
  top: 23px;
}

.ant-collapse.collapse-default.collapse-default-invoices .ant-collapse-item .ant-collapse-header {
  padding-left: 24px;
}

.ant-collapse.collapse-default.collapse-default-invoices .ant-collapse-item .ant-collapse-content-box {
  padding: 13px 24px 17px !important;
}

@media (max-width: 425px) {
  .ant-collapse.collapse-default.collapse-default-invoices .ant-collapse-item .ant-collapse-content-box {
    padding: 12px 10px !important;
  }
}

.collapse-payment-customer .card-payment-details {
  border: 0px !important;
}

.ant-card {
  border-radius: 5px !important;
}

.ant-card.ant-card-bordered {
  border: 1px solid #cccccc;
}

.ant-card .ant-card-head {
  background-color: #f1f3f2;
  border-bottom: transparent;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  padding: 0 10px;
}

@media (min-width: 375px) {
  .ant-card .ant-card-head {
    padding: 0 24px;
  }
}

.ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  color: #4c4e4d;
}

.ant-card .ant-card-body {
  border-radius: 0px;
  padding: 24px 10px 0 10px;
}

@media (min-width: 375px) {
  .ant-card .ant-card-body {
    padding: 24px 24px 0 24px;
  }
}

.ant-card.card-with-padding-bottom > .ant-card-body {
  padding: 24px 10px 24px 10px;
}

@media (min-width: 375px) {
  .ant-card.card-with-padding-bottom > .ant-card-body {
    padding: 24px 24px 24px 24px;
  }
}

@media (max-width: 425px) {
  .ant-card.card-body-pb-0 > .ant-card-body {
    padding-bottom: 0 !important;
  }
}

.row-col-padding-15 .ant-col {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.default-card {
  border: 1px solid #cccccc !important;
}

.default-card .ant-card-head {
  min-height: auto;
}

.default-card .ant-card-head .ant-card-head-title {
  padding: 9px 0;
}

.how-to-dropdown .anticon-down {
  color: var(--yellow);
}

.tbl-top-filter,
.tbl-bottom-filter {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 575px) {
  .tbl-top-filter {
    flex-direction: column;
    gap: 12px;
  }
}

.tbl-top-filter .tbl-page-size {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-end;
}

.tbl-top-filter .tbl-page-size .ant-select .ant-select-selector {
  border-radius: 0px;
}

.tbl-top-filter .tbl-page-size .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: none !important;
}

.tbl-top-filter .tbl-page-size .ant-typography {
  font-size: 16px;
}

.tbl-top-filter .tbl-search-wrapper {
  width: 300px;
}

@media (max-width: 767px) {
  .tbl-top-filter .tbl-search-wrapper {
    width: 100%;
  }
}

.tbl-top-filter .tbl-search-wrapper .ant-input-group-wrapper .ant-input {
  border-radius: 0px;
}

.tbl-top-filter .tbl-search-wrapper .ant-input-group-wrapper .ant-input.ant-input-lg {
  height: 45px;
}

.tbl-top-filter .tbl-search-wrapper .ant-input-group-wrapper .ant-input-group-addon .ant-btn.ant-btn-lg.ant-btn-icon-only.ant-input-search-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tbl-bottom-filter {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .tbl-bottom-filter {
    flex-direction: column-reverse;
    gap: 0px;
  }
}

.tbl-bottom-filter .ant-typography {
  font-size: 16px;
}

@media (max-width: 767px) {
  .tbl-bottom-filter .ant-pagination.table-pagination {
    justify-content: center !important;
  }
}

.ant-select-table-pagesize .ant-select-selector {
  border-radius: 4px !important;
}

.ant-pagination {
  display: flex;
  gap: 5px;
  justify-content: flex-end;
}

.ant-pagination.table-pagination .ant-pagination-total-text {
  display: none;
}

@media (max-width: 767px) {
  .ant-pagination.table-pagination {
    width: 100%;
    display: flex;
  }
}

.ant-pagination.table-pagination .ant-pagination-item {
  border-radius: 4px;
  border-color: #d9d9d9;
}

.ant-pagination.table-pagination .ant-pagination-item.ant-pagination-item-active {
  background-color: transparent;
  border-color: var(--yellow);
}

.ant-pagination.table-pagination .ant-pagination-item.ant-pagination-item-active a {
  color: var(--yellow);
}

.ant-pagination.table-pagination .ant-pagination-item.ant-pagination-item-disabled {
  background-color: transparent;
  border-color: var(--yellow);
}

.ant-pagination.table-pagination .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.85);
}

.table-showing-entries {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
           supported by Chrome, Edge, Opera and Firefox */
}

@media (max-width: 425px) {
  .table-showing-entries {
    font-size: 16px !important;
  }
}

.table-showing-entries .wrapper {
  width: -moz-max-content;
  width: max-content;
}

.table-showing-entries .wrapper b {
  font-weight: 600;
}

.ant-table-wrapper .ant-table-container table > thead > tr:first-child > *:first-child {
  border-radius: 0px;
}

.ant-table-wrapper .ant-table-container table > thead > tr:first-child > *:last-child {
  border-radius: 0px;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after,
.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after,
.ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  top: 6px;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder {
  z-index: 3;
  overflow: auto hidden !important;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-track,
.ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

@media all and (-o-min-device-pixel-ratio: 3/2) {
  .ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder {
    scrollbar-width: unset !important;
    scrollbar-color: unset !important;
  }
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell {
  font-weight: 600;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-column-sorters {
  justify-content: flex-end;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-column-sorters .ant-table-column-title {
  flex: none;
  margin-left: 5px;
  font-weight: 600;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-column-sorters .ant-table-column-sorter .ant-table-column-sorter-inner .anticon {
  font-size: 14px;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-column-sorters .ant-table-column-sorter .ant-table-column-sorter-inner .anticon.anticon-caret-down.ant-table-column-sorter-down {
  margin-top: -0.43em;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 1px solid #000000;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background-color: var(--yellow);
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner,
.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after,
.ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 21%;
  top: 44%;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell {
  vertical-align: baseline;
  color: #696969;
  padding: 8px 16px;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 1px solid var(--yellow);
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 21%;
  top: 44%;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row .ant-table-selection-column {
  padding: 8px !important;
}

.ant-table-wrapper.ant-table-default {
  border: 1px solid #d5d5d5;
}

.ant-table-wrapper.ant-table-default .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder table thead.ant-table-thead tr th {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ant-table-wrapper.ant-table-default .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder table thead.ant-table-thead tr th::before {
  background-color: transparent;
}

.ant-table-wrapper.ant-table-striped .ant-table-tbody > tr:nth-child(odd) > td {
  background: #fafafa !important;
}

.ant-table-column-sorters {
  flex-direction: row-reverse;
}

.ant-table-column-sorters .ant-table-column-title {
  margin-left: 9px;
}

.ant-table-column-sorters .ant-table-column-sorter .ant-table-column-sorter-inner .anticon {
  font-size: 13px;
  color: #c1c1c1;
}

.ant-table-column-sorters .ant-table-column-sorter .ant-table-column-sorter-inner .anticon.active {
  color: #000000;
}

.ant-table-body {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

.ant-table-body::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

.ant-table-body::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

.ant-table-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.ant-table-body::-webkit-scrollbar-track,
.ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.tbl-scroll-wrapper {
  width: 100%;
  border: none;
  overflow-x: auto;
  overflow-y: hidden;
  height: 20px;
  position: relative;
  z-index: 10;
  top: 46px;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

.tbl-scroll-wrapper::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

.tbl-scroll-wrapper::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

.tbl-scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.tbl-scroll-wrapper::-webkit-scrollbar-track,
.tbl-scroll-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.tbl-scroll-wrapper.isOnTop {
  position: sticky !important;
  top: 24px !important;
}

.tbl-scroll-wrapper .space {
  height: 20px;
}

.ant-table-sticky-scroll {
  display: none !important;
}

.tbl-btn-add {
  width: 300px;
}

.table-global-search {
  width: 300px;
  height: 32px;
  display: flex;
  align-items: center;
}

.table-global-search .ant-input-affix-wrapper {
  border-radius: 5px;
}

.table-global-search.animated {
  width: 200px;
}

.table-global-search.animated .ant-input-affix-wrapper {
  width: 30px;
  border: 0px;
  padding: 0px;
  border-radius: 0px;
}

.table-global-search.animated .ant-input-affix-wrapper::before {
  display: none;
}

.table-global-search.animated .ant-input-affix-wrapper .ant-input {
  display: none;
}

.table-global-search.animated .ant-input-affix-wrapper .ant-input-suffix {
  margin-left: 0px;
}

.table-global-search.animated .ant-input-affix-wrapper .ant-input-suffix .ant-input-clear-icon {
  display: none;
}

.table-global-search.animated .ant-input-affix-wrapper .ant-input-suffix svg {
  cursor: pointer;
}

.table-global-search.animated.show .ant-input-affix-wrapper {
  border-bottom: 1px solid #000000;
  padding: 4px 11px;
  width: 100%;
}

.table-global-search.animated.show .ant-input-affix-wrapper::before {
  display: inline-block;
}

.table-global-search.animated.show .ant-input-affix-wrapper .ant-input {
  display: inline-block;
}

.table-global-search.animated.show .ant-input-affix-wrapper .ant-input-suffix {
  margin-left: 4px;
}

.table-global-search.animated.show .ant-input-affix-wrapper .ant-input-suffix .ant-input-clear-icon {
  display: inline-block;
}

.table-global-search.animated.show .ant-input-affix-wrapper .ant-input-suffix svg {
  cursor: pointer;
}

.table-global-search.right {
  width: 15px;
  transition: width 0.3s;
  float: right;
}

.table-global-search.right.show {
  width: 200px;
}

@media (max-width: 575px) {
  .table-global-search.right.show {
    width: 100% !important;
  }
}

.table-global-search.right.show .ant-input-affix-wrapper {
  padding: 4px 11px;
}

.table-pagination-wrapper {
  text-align: right;
}

.table-pagination-wrapper.bottom-filter {
  position: relative;
  left: 8px;
}

.ant-table-tbody > tr.ant-table-row-selected > td,
.ant-table-tbody > tr.ant-table-row-selected:hover > td,
td.ant-table-column-sort {
  background: transparent;
}

.tbl-page-size {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-end;
}

@media (max-width: 425px) {
  .tbl-page-size .ant-select {
    font-size: 16px !important;
  }
}

.tbl-page-size .ant-select .ant-select-selector {
  border-radius: 0px;
  padding-left: 0px !important;
}

.tbl-page-size .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: none !important;
}

.tbl-page-size .ant-select .ant-select-arrow {
  color: var(--yellow);
}

.tbl-page-size .ant-select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  box-shadow: none;
}

.tbl-page-size .ant-typography {
  font-size: 16px;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.ant-table-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

@media (max-width: 575px) {
  .tbl-bottom-showing-entries {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .table-pagination-wrapper .ant-pagination {
    display: flex;
    justify-content: center !important;
    margin-left: -4px;
  }

  .table-pagination-wrapper .ant-pagination .ant-pagination-total-text {
    margin-right: 0px;
  }
}

.table-description p {
  margin-bottom: 0px !important;
}

.table-entries-table-pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 575px) {
  .table-entries-table-pagination-wrapper {
    display: block;
  }
}

.table-entries-table-pagination-wrapper-2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .table-entries-table-pagination-wrapper-2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

.table-entries-table-pagination-wrapper-2 .table-showing-entries {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

.form-no-margin-bottom .ant-form-item {
  margin-bottom: 0px;
}

.ant-pagination.table-pagination {
  position: relative;
  right: 0;
}

@media (min-width: 576px) {
  .ant-pagination.table-pagination {
    right: -12px;
  }
}

.tbl-page-size {
  position: relative;
  left: 0;
}

@media (min-width: 576px) {
  .tbl-page-size {
    left: 13px;
  }
}

.table-entries-table-pagination-wrapper-client-add {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}

.table-checkbox-align .ant-table-tbody .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  margin-bottom: -3px !important;
}

.employee-my-hours-table-pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.employee-my-hours-table-pagination-wrapper .table-showing-entries {
  height: 40px;
}

.employee-my-hours-table-pagination-wrapper .ant-pagination.table-pagination {
  height: 40px;
  display: flex;
  align-items: center;
}

@media (min-width: 576px) and (max-width: 768px) {
  .employee-my-hours-table-pagination-wrapper {
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  .employee-my-hours-table-pagination-wrapper {
    flex-direction: column;
  }
}

@media (max-width: 575px) {
  .employee-my-hours-table-pagination-wrapper {
    align-items: center;
    flex-direction: column;
  }

  .employee-my-hours-table-pagination-wrapper .ant-pagination.table-pagination {
    display: flex;
    justify-content: center;
  }

  .employee-my-hours-table-pagination-wrapper .ant-pagination.table-pagination .ant-pagination-total-text {
    display: none;
  }
}

@media (max-width: 768px) {
  .employee-my-hours-table-pagination-wrapper-bottom .table-showing-entries {
    margin-top: -5px;
  }
}

@media (max-width: 575px) {
  .employees-table-filter .table-global-search {
    width: 100%;
  }
}

.employees-table-filter-mobile .col-40 {
  height: 40px;
}

.employees-table-filter-mobile .col-left {
  display: flex;
  align-items: center;
}

.employees-table-filter-mobile .col-left .table-global-search {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .employees-table-filter-mobile .col-left .table-global-search {
    width: 100% !important;
  }
}

@media (min-width: 576px) {
  .employees-table-filter-mobile .col-tab-left {
    display: none;
  }
}

.employees-table-filter-mobile .col-tab-left-show {
  display: none;
}

@media (min-width: 576px) and (max-width: 767px) {
  .employees-table-filter-mobile .col-tab-left-show {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.employees-table-filter-mobile .col-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 575px) {
  .employees-table-filter-mobile .col-right {
    justify-content: center;
  }

  .employees-table-filter-mobile .col-right .tbl-page-size {
    display: flex;
    justify-content: center !important;
  }
}

.employees-table-filter-mobile .ant-pagination-total-text {
  display: none;
}

.ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell {
  vertical-align: middle;
  color: #696969;
  padding: 8px 16px;
}

#PageCommissions .ant-table-wrapper .ant-table-thead tr .ant-table-column-has-sorters .ant-table-column-title,
#PageAccounting .ant-table-wrapper .ant-table-thead tr .ant-table-column-has-sorters .ant-table-column-title {
  width: 90% !important;
  overflow-wrap: break-word !important;
}

@media (max-width: 425px) {
  .ant-table-wrapper .ant-table-cell {
    font-size: 16px !important;
  }
}

.table-transaction-info .ant-table-tbody tr:not(:first-child) {
  display: table-row !important;
}

.table-transaction-info-hide .ant-table-tbody tr:not(:first-child) {
  display: none !important;
  animation: fadeOut 0.5s ease-in-out 0.5s;
}

.table-transaction-customer {
  border: 1px solid #dfdcdc;
}

.table-transaction-customer .ant-table-thead > tr > th {
  background: #f9f9f9 !important;
}

.table-transaction-customer .disabled-row {
  background-color: #f5f5f5;
  color: #bfbcbc;
}

.table-vertical-top .ant-table .ant-table-container .ant-table-header .ant-table-thead .ant-table-cell {
  vertical-align: top;
}

.ant-modal-root .ant-modal-mask {
  background-color: rgba(0, 0, 0, 0.8);
}

.ant-modal-root .ant-modal-wrap .ant-modal {
  padding-bottom: 0px;
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content {
  border-radius: 7px;
  padding: 0px;
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  color: #fff;
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-header {
  margin-bottom: 0px;
  padding: 15px 20px;
  background-color: var(--yellow);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  color: #fff;
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-body {
  padding: 20px;
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-footer {
  padding: 20px;
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary:hover {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-primary:focus {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-default {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-default:hover {
  border-color: var(--yellow);
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-footer .ant-btn.ant-btn-default:focus {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player {
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 145vh !important;
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player .ant-modal-header {
  border-bottom: 0;
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player .ant-modal-body {
  padding: 0;
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper {
  width: 100%;
  position: relative;
}

@media (max-width: 991px) {
  .ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper {
    height: 260px;
  }
}

@media (max-width: 767px) {
  .ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper {
    height: 200px;
  }
}

@media (max-width: 575px) {
  .ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper {
    height: 240px;
  }
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper .react-player-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper .react-player-loading .icon-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.9);
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper .react-player-loading .icon-wrapper svg {
  font-size: 32px;
  color: var(--yellow);
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper .react-player-video-wrapper {
  position: relative;
  padding-top: 56.25%;
  /* 720 / 1280 = 0.5625 */
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 991px) {
  .ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 260px !important;
  }
}

@media (max-width: 767px) {
  .ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 200px !important;
  }
}

@media (max-width: 575px) {
  .ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 240px !important;
  }
}

.ant-modal-root .ant-modal-wrap .modal-how-to-video-player .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video iframe {
  width: 100% !important;
  height: 100% !important;
}

.modal-setting-up {
  width: 50% !important;
  margin-top: -40px !important;
}

.modal-setting-up-title {
  font-size: 20px;
  color: var(--yellow);
  font-weight: bold;
}

.modal-setting-up .ant-modal-content {
  border-radius: 0px !important;
}

.modal-setting-up-success .ant-modal-content {
  border-radius: 0px !important;
  border: 1px solid #000;
}

.modal-setting-up-success-title {
  font-size: 24px;
  color: #000;
  display: flex;
  justify-content: center;
}

.modal-setting-up-success-title .title {
  font-weight: 600 !important;
}

.modal-setting-up-success-description {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  display: flex;
  justify-content: center;
}

.modal-setting-up-success-description .ant-typography a {
  color: #8a54f8 !important;
  text-decoration: none;
}

@media (max-width: 426px) and (min-width: 320px) {
  .modal-setting-up {
    width: 90% !important;
  }

  .modal-setting-up .setting-up-steps {
    flex-direction: row !important;
  }

  .modal-setting-up .setting-up-steps .ant-steps-item-container {
    display: flex;
    align-items: center;
  }

  .modal-setting-up .setting-up-steps .ant-steps-item-container .ant-steps-item-icon {
    height: 20px;
    width: 20px;
    font-size: 14px;
    /* line-height: 0; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px !important;
  }

  .modal-setting-up .setting-up-steps .ant-steps-item-container .ant-steps-item-icon .anticon-check {
    font-size: 11px;
  }

  .modal-setting-up .setting-up-steps .ant-steps-item-container .ant-steps-item-content {
    min-height: 20px !important;
  }

  .modal-setting-up .setting-up-steps .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
    padding-right: 5px !important;
    font-size: 10px;
  }

  .modal-setting-up .setting-up-steps .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title svg:nth-child(3) {
    display: none;
  }
}

.ant-modal-body .sales-person-payout .ant-table-wrapper tfoot.ant-table-summary > tr:last-child > td.ant-table-cell {
  border: none;
}

.modal-commision-payouts > .ant-modal-content .ant-select-disabled .ant-select-selector {
  background-color: white;
}

.modal-commision-payouts > .ant-modal-content .ant-select-selector {
  border: 0;
}

.modal-commision-payouts > .ant-modal-content .ant-select-disabled .ant-select-arrow {
  display: block;
}

.modal-commision-payouts > .ant-modal-content .ant-select-disabled .ant-select-arrow svg {
  color: rgba(0, 0, 0, 0.25);
}

.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-arrow .ant-popover-arrow-content::before {
  background: rgba(0, 0, 0, 0.75);
}

.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner {
  background: rgba(0, 0, 0, 0.75);
}

.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 10px;
}

.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message {
  padding: 0px 0 10px;
  color: #fff;
}

.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-icon {
  color: var(--yellow);
}

.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 8px;
}

.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons .ant-btn.ant-btn-primary {
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons .ant-btn.ant-btn-default {
  color: var(--yellow);
  border-color: var(--yellow);
}

.ant-notification .ant-notification-notice {
  border-radius: 0px;
  margin-bottom: 15px;
  background: rgba(0, 0, 0, 0.75);
}

.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-with-icon .ant-notification-notice-message {
  color: #ffffff;
}

.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-with-icon .ant-notification-notice-description {
  color: #ffffff;
}

.ant-notification .ant-notification-notice .ant-notification-notice-close .ant-notification-notice-close-x {
  color: #ffffff;
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
  border-color: var(--yellow);
}

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.form-item-checkbox .ant-form-item-control-input {
  height: 45px;
}

.private-layout {
  background: #f8f8f8;
}

.private-layout > .ant-layout {
  background-color: #ffffff;
  max-width: 100%;
  margin-left: 295px;
  min-height: 100vh;
  box-shadow: rgba(105, 107, 112, 0.17) -5px 0px 7px 0px;
  z-index: 6;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout {
    margin-left: 0px;
  }
}

.private-layout > .ant-layout.ant-layout-has-collapse {
  margin-left: 55px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout.ant-layout-has-collapse {
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout:not(.private-layout > .ant-layout.ant-layout-has-collapse) .ant-layout-header .header-left-menu .menu-left-icon.menu-left-icon-menu-collapse-on-close {
    display: none;
  }
}

.private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb {
  padding: 12px 10px 12px 20px;
  background-color: transparent;
  font-size: 14px;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb {
    padding-left: 15px;
  }
}

@media (max-width: 575px) {
  .private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb {
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb {
    font-size: 16px;
  }
}

.private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb > ol > li .breadcrumb-item-text {
  color: #a8a8a8;
}

.private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb > ol > li:first-child .ant-breadcrumb-link a {
  color: #a8a8a8;
}

.private-layout > .ant-layout > .ant-layout-content > .ant-breadcrumb > ol > li .ant-breadcrumb-separator {
  color: #a8a8a8;
}

.private-layout > .ant-layout > .ant-layout-content > .content-wrapper {
  background-color: transparent;
  padding: 20px;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-content > .content-wrapper {
    padding: 15px;
  }
}

@media (max-width: 575px) {
  .private-layout > .ant-layout > .ant-layout-content > .content-wrapper {
    padding: 10px;
  }
}

.private-layout > .ant-layout > .ant-layout-footer {
  padding: 15px 20px;
  background-color: #f8f8f8;
}

.private-layout > .ant-layout > .ant-layout-footer .ant-typography {
  color: #000000;
}

.ant-menu-sub.ant-menu-inline {
  background-color: white;
}

.notification-notice {
  background: white;
  position: fixed;
  bottom: 10px;
  right: 10px;
  /* width: 390px; */
  z-index: 9999999;
  padding: 5px 17px;
  border-radius: 5px;
  box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.47);
}

.notification-notice:hover {
  cursor: grab;
}

.notification-notice.dragging {
  cursor: grabbing;
}

.notification-notice .notification-notice-content {
  display: flex;
  gap: 12px;
  align-items: center;
  height: 110px;
  position: relative;
}

.notification-notice .notification-notice-content .notification-notice-drag {
  position: absolute;
  right: -12px;
  top: -3px;
  font-size: 18px;
}

.notification-notice .notification-notice-content .notification-notice-icon {
  font-size: 90px;
  color: #960402;
  padding-top: 7px;
}

.notification-notice .notification-notice-content .notification-notice-message {
  display: flex;
  flex-direction: column;
  padding-bottom: 6px;
}

.notification-notice .notification-notice-content .notification-notice-message .title {
  font-size: 18px;
  font-family: SourceSansProRegular;
  font-weight: 700;
  -webkit-user-select: none;
  /* Safari */
  /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none;
  /* Standard syntax */
}

.notification-notice .notification-notice-content .notification-notice-message .description {
  margin-top: -5px;
  -webkit-user-select: none;
  /* Safari */
  /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none;
  /* Standard syntax */
}

.notification-notice .notification-notice-content .notification-notice-message .action {
  margin-top: 5px;
}

.notification-notice .notification-notice-content .notification-notice-message .action .ant-btn {
  background-color: #960402;
  color: white;
  border: 1px solid #960402;
}

.notification-notice .notification-notice-content .notification-notice-message .action .ant-btn:hover {
  background-color: white;
  color: #960402;
  border: 1px solid #960402;
}

.viewAsbox {
  position: fixed;
  left: 50%;
  bottom: 4%;
  transform: translate(-50%, 0);
  padding: 10px;
  font-weight: 900;
  background: #1c192c;
  color: white;
  z-index: 100;
  text-align: center;
}

.viewAsBoxRight {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  text-align: center;
  border-right: 5px solid var(--yellow);
}

.viewAsBoxLeft {
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999999;
  text-align: center;
  border-right: 5px solid var(--yellow);
}

.viewAsBoxTop {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999999999;
  text-align: center;
  border-top: 5px solid var(--yellow);
}

.viewAsBoxBottom {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 999999999;
  text-align: center;
  border-top: 5px solid var(--yellow);
}

.private-layout-payment-portal .ant-layout {
  margin-left: 0px !important;
}

.private-layout-payment-portal .ant-layout .ant-layout-header {
  height: 100px !important;
}

.private-layout-payment-portal .ant-layout .ant-layout-header .header-left-menu {
  width: 33.33%;
  display: flex;
  align-items: center;
}

.private-layout-payment-portal .ant-layout .ant-layout-header .header-right-menu .header-right-menu-logo {
  width: 100%;
  transition: none;
  height: 75px;
  display: flex;
  justify-content: flex-end;
}

.private-layout-payment-portal .ant-layout .ant-layout-header .header-right-menu .header-right-menu-logo img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.flex-results-wrapper {
  gap: 5px;
  align-items: center;
}

.flex-results-wrapper .ant-typography {
  word-break: normal;
  margin-bottom: 0 !important;
  line-height: normal !important;
  display: flex;
  align-items: center;
  width: 135px;
}

.flex-results-wrapper .ant-input-affix-wrapper {
  width: 150px;
}

.private-layout > .ant-layout > .ant-layout-header {
  background-color: #f8f8f8;
  width: 100%;
  height: 100px;
  padding: 0px 20px 0px 0px;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  gap: 20px;
  position: relative;
  box-shadow: rgba(105, 107, 112, 0.2) 0px 5px 7px 0px;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 575px) {
  .private-layout > .ant-layout > .ant-layout-header {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu {
  width: 33.33%;
  display: flex;
  align-items: center;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon a {
  width: 130px;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  gap: 8px;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon a:hover {
  background: var(--yellow);
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon a:hover .ant-typography {
  font-weight: 600;
  color: #ffffff;
}

@media (max-width: 991px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon a {
    width: 110px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon.with-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 371px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon.with-header .logo_wrapper img {
    width: 160px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon .menu-left-icon-collpase {
  position: relative;
  width: 24px;
  height: 24px;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon .menu-left-icon-collpase span {
  background-color: var(--yellow);
  width: 100%;
  height: 2px;
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s, width 0.5s;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon .menu-left-icon-collpase span.line1 {
  transform: translate(-50%, -10px);
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon .menu-left-icon-collpase span.line3 {
  transform: translate(-50%, 8px);
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon .menu-left-icon-collpase.is-collapse span.line1 {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon .menu-left-icon-collpase.is-collapse span.line3 {
  transform: translate(-50%, -50%) rotate(45deg);
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon .menu-left-icon-collpase.is-collapse span.line2 {
  width: 0;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon a .anticon {
  color: var(--yellow);
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon a svg {
  color: var(--yellow);
  font-size: 42px;
  stroke: var(--yellow);
}

@media (max-width: 991px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon a svg {
    font-size: 32px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon a svg path {
  color: var(--yellow);
  stroke: var(--yellow);
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu .menu-left-icon a .ant-typography {
  line-height: 1em;
  color: #bdbec0;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header {
  background-color: transparent;
  padding: 0px 0px 0px 20px;
}

@media (max-width: 575px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header {
    padding: 10px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading {
  width: 100%;
  display: inherit;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left {
  width: 100%;
  display: inherit;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title {
  display: flex !important;
  gap: 12px;
  align-items: center;
  margin-right: 0px;
}

@media (max-width: 1203px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title {
    width: 100%;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-icon {
  border-radius: 100%;
  width: 55px !important;
  height: 55px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #757374;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-icon svg {
  font-size: 28px;
  color: #ffffff;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .sub-title {
  color: #5f6160;
  text-transform: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
}

@media (max-width: 575px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .sub-title {
    font-size: 12px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
  color: #404042;
  font-size: 32px;
  font-family: SourceSansProRegular;
  font-weight: 400;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 575px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    font-size: 25px;
  }
}

@media (min-width: 768px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 395px !important;
  }
}

@media (min-width: 780px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 405px !important;
  }
}

@media (min-width: 800px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 425px !important;
  }
}

@media (min-width: 820px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 435px !important;
  }
}

@media (min-width: 840px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 465px !important;
  }
}

@media (min-width: 860px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 485px !important;
  }
}

@media (min-width: 880px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 505px !important;
  }
}

@media (min-width: 900px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 525px !important;
  }
}

@media (min-width: 920px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 545px !important;
  }
}

@media (min-width: 940px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 565px !important;
  }
}

@media (min-width: 960px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 585px !important;
  }
}

@media (min-width: 980px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 605px !important;
  }
}

@media (min-width: 1000px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 625px !important;
  }
}

@media (min-width: 1020px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 645px !important;
  }
}

@media (min-width: 1040px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 665px !important;
  }
}

@media (min-width: 1060px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 685px !important;
  }
}

@media (min-width: 1080px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 705px !important;
  }
}

@media (min-width: 1100px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 725px !important;
  }
}

@media (min-width: 1120px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 745px !important;
  }
}

@media (min-width: 1140px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 765px !important;
  }
}

@media (min-width: 1160px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 785px !important;
  }
}

@media (min-width: 1180px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 805px !important;
  }
}

@media (min-width: 1200px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 825px !important;
  }
}

@media (min-width: 1220px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 845px !important;
  }
}

@media (min-width: 1240px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 865px !important;
  }
}

@media (min-width: 1260px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 885px !important;
  }
}

@media (min-width: 1280px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 905px !important;
  }
}

@media (min-width: 1300px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 925px !important;
  }
}

@media (min-width: 1320px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 945px !important;
  }
}

@media (min-width: 1340px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 965px !important;
  }
}

@media (min-width: 1360px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 985px !important;
  }
}

@media (min-width: 1380px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1005px !important;
  }
}

@media (min-width: 1400px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1025px !important;
  }
}

@media (min-width: 1420px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1045px !important;
  }
}

@media (min-width: 1440px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1065px !important;
  }
}

@media (min-width: 1460px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1085px !important;
  }
}

@media (min-width: 1480px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1105px !important;
  }
}

@media (min-width: 1500px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1125px !important;
  }
}

@media (min-width: 1520px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1145px !important;
  }
}

@media (min-width: 1540px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1165px !important;
  }
}

@media (min-width: 1560px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1185px !important;
  }
}

@media (min-width: 1580px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1205px !important;
  }
}

@media (min-width: 1600px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1225px !important;
  }
}

@media (min-width: 1620px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1245px !important;
  }
}

@media (min-width: 1640px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1265px !important;
  }
}

@media (min-width: 1660px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1285px !important;
  }
}

@media (min-width: 1680px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1305px !important;
  }
}

@media (min-width: 1700px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1325px !important;
  }
}

@media (min-width: 1720px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1345px !important;
  }
}

@media (min-width: 1740px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1365px !important;
  }
}

@media (min-width: 1760px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1385px !important;
  }
}

@media (min-width: 1780px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1405px !important;
  }
}

@media (min-width: 1800px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1425px !important;
  }
}

@media (min-width: 1820px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1445px !important;
  }
}

@media (min-width: 1840px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1465px !important;
  }
}

@media (min-width: 1860px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1485px !important;
  }
}

@media (min-width: 1880px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1505px !important;
  }
}

@media (min-width: 1900px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1525px !important;
  }
}

@media (min-width: 1920px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1545px !important;
  }
}

@media (min-width: 1940px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1565px !important;
  }
}

@media (min-width: 1960px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1585px !important;
  }
}

@media (min-width: 1980px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1605px !important;
  }
}

@media (min-width: 2000px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1625px !important;
  }
}

@media (min-width: 2020px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1645px !important;
  }
}

@media (min-width: 2040px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1665px !important;
  }
}

@media (min-width: 2060px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1685px !important;
  }
}

@media (min-width: 2080px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1705px !important;
  }
}

@media (min-width: 2100px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1725px !important;
  }
}

@media (min-width: 2120px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1745px !important;
  }
}

@media (min-width: 2140px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1765px !important;
  }
}

@media (min-width: 2160px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1785px !important;
  }
}

@media (min-width: 2180px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1805px !important;
  }
}

@media (min-width: 2200px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1825px !important;
  }
}

@media (min-width: 2220px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1845px !important;
  }
}

@media (min-width: 2240px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1865px !important;
  }
}

@media (min-width: 2260px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1885px !important;
  }
}

@media (min-width: 2280px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1905px !important;
  }
}

@media (min-width: 2300px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1925px !important;
  }
}

@media (min-width: 2320px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1945px !important;
  }
}

@media (min-width: 2340px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1965px !important;
  }
}

@media (min-width: 2360px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1985px !important;
  }
}

@media (min-width: 2380px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2005px !important;
  }
}

@media (min-width: 2400px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2025px !important;
  }
}

@media (min-width: 2420px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2045px !important;
  }
}

@media (min-width: 2440px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2065px !important;
  }
}

@media (min-width: 2460px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2085px !important;
  }
}

@media (min-width: 2480px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2105px !important;
  }
}

@media (min-width: 2500px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2125px !important;
  }
}

@media (min-width: 2520px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2145px !important;
  }
}

@media (min-width: 2540px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2165px !important;
  }
}

@media (min-width: 2560px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2185px !important;
  }
}

@media (min-width: 2580px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2205px !important;
  }
}

@media (min-width: 2600px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2225px !important;
  }
}

@media (min-width: 2620px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2245px !important;
  }
}

@media (min-width: 2640px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2265px !important;
  }
}

@media (min-width: 2660px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2285px !important;
  }
}

@media (min-width: 2680px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2305px !important;
  }
}

@media (min-width: 2700px) {
  .private-layout > .ant-layout > .ant-layout-header .header-left-menu > .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2325px !important;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 25px;
  width: 33.33%;
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu.minimize {
  z-index: 1;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu {
    gap: 20px;
  }
}

@media (max-width: 575px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu {
    gap: 20px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .ant-image.dropdown-profile {
  transition: transform 0.2s;
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .ant-image.dropdown-profile:hover {
  transform: scale(1.1);
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .ant-image.dropdown-profile img {
  object-fit: cover;
  -o-object-fit: cover;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  box-shadow: rgba(105, 107, 112, 0.2) 0px 5px 7px 0px;
}

@media (max-width: 991px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .ant-image.dropdown-profile img {
    width: 55px;
    height: 55px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert {
  cursor: pointer;
  color: var(--yellow);
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert:hover {
  transform: scale(1.1);
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert:hover svg {
  color: var(--yellow);
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert svg {
  color: var(--yellow);
  font-size: 28px;
}

@media (max-width: 991px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert svg {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert svg {
    font-size: 30px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert .ant-badge-count {
  background-color: #c80202;
  top: 5px;
  right: 5px;
  width: 18px;
  height: 18px;
  font-size: 10px;
  border-radius: 50%;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert .ant-badge-count {
    right: 0px;
    min-width: 15px;
    width: 15px;
    height: 15px;
    font-size: 8px;
    line-height: 15px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert .ant-badge-count .ant-scroll-number-only {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@-moz-document url-prefix()  {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-notification-alert .ant-badge-count .ant-scroll-number-only {
    height: 22px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert {
  cursor: pointer;
  color: var(--yellow);
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert:hover {
  transform: scale(1.1);
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert:hover svg {
  color: var(--yellow);
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert svg {
  color: var(--yellow);
  font-size: 28px;
}

@media (max-width: 991px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert svg {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert svg {
    font-size: 30px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert .ant-badge-count {
  background-color: #c80202;
  right: 0px;
  top: 5px;
  width: 18px;
  height: 18px;
  font-size: 10px;
  border-radius: 50%;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert .ant-badge-count {
    right: 0px;
    min-width: 15px;
    width: 15px;
    height: 15px;
    font-size: 8px;
    line-height: 15px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert .ant-badge-count .ant-scroll-number-only {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@-moz-document url-prefix()  {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .dropdown-message-alert .ant-badge-count .ant-scroll-number-only {
    height: 22px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert {
  cursor: pointer;
  margin-top: 2px;
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert:hover svg {
  color: var(--yellow);
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert svg {
  color: var(--yellow);
  font-size: 45px;
}

@media (max-width: 991px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert svg {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert svg {
    font-size: 30px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert .ant-badge-count {
  right: -2px;
  top: 10px;
  width: 18px;
  height: 18px;
  font-size: 10px;
  border-radius: 50%;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
}

@media (max-width: 991px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert .ant-badge-count {
    top: 12px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert .ant-badge-count {
    right: 0px;
    min-width: 15px;
    width: 15px;
    height: 15px;
    font-size: 8px;
    line-height: 15px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert .ant-badge-count .ant-scroll-number-only {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@-moz-document url-prefix()  {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .menu-submenu-message-alert .ant-badge-count .ant-scroll-number-only {
    height: 22px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .header-timer-icon-maximize-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .header-timer-icon-maximize-wrapper svg {
  color: var(--yellow);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .header-timer-icon-maximize-wrapper svg.playing {
  color: #c80202 !important;
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .header-timer-icon-maximize-wrapper svg:hover {
  transform: scale(1.1);
}

@media (max-width: 991px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .header-timer-icon-maximize-wrapper svg {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout > .ant-layout-header .header-right-menu .header-timer-icon-maximize-wrapper svg {
    font-size: 30px;
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .header-timer-icon-maximize-wrapper.minimize {
  display: flex;
}

.private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 188px !important;
  }
}

@media (min-width: 780px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 200px !important;
  }
}

@media (min-width: 800px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 220px !important;
  }
}

@media (min-width: 820px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 240px !important;
  }
}

@media (min-width: 840px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 260px !important;
  }
}

@media (min-width: 860px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 280px !important;
  }
}

@media (min-width: 880px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 300px !important;
  }
}

@media (min-width: 900px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 320px !important;
  }
}

@media (min-width: 920px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 340px !important;
  }
}

@media (min-width: 940px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 360px !important;
  }
}

@media (min-width: 960px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 380px !important;
  }
}

@media (min-width: 980px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 400px !important;
  }
}

@media (min-width: 1000px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 420px !important;
  }
}

@media (min-width: 1020px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 435px !important;
  }
}

@media (min-width: 1040px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 455px !important;
  }
}

@media (min-width: 1060px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 475px !important;
  }
}

@media (min-width: 1080px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 495px !important;
  }
}

@media (min-width: 1100px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 515px !important;
  }
}

@media (min-width: 1120px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 535px !important;
  }
}

@media (min-width: 1140px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 555px !important;
  }
}

@media (min-width: 1160px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 575px !important;
  }
}

@media (min-width: 1180px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 595px !important;
  }
}

@media (min-width: 1200px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 615px !important;
  }
}

@media (min-width: 1220px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 635px !important;
  }
}

@media (min-width: 1240px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 655px !important;
  }
}

@media (min-width: 1260px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 675px !important;
  }
}

@media (min-width: 1280px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 695px !important;
  }
}

@media (min-width: 1300px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 715px !important;
  }
}

@media (min-width: 1320px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 735px !important;
  }
}

@media (min-width: 1340px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 755px !important;
  }
}

@media (min-width: 1360px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 775px !important;
  }
}

@media (min-width: 1380px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 795px !important;
  }
}

@media (min-width: 1400px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 815px !important;
  }
}

@media (min-width: 1420px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 835px !important;
  }
}

@media (min-width: 1440px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 855px !important;
  }
}

@media (min-width: 1460px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 875px !important;
  }
}

@media (min-width: 1480px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 895px !important;
  }
}

@media (min-width: 1500px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 915px !important;
  }
}

@media (min-width: 1520px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 935px !important;
  }
}

@media (min-width: 1540px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 955px !important;
  }
}

@media (min-width: 1560px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 975px !important;
  }
}

@media (min-width: 1580px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 995px !important;
  }
}

@media (min-width: 1600px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1015px !important;
  }
}

@media (min-width: 1620px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1035px !important;
  }
}

@media (min-width: 1640px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1055px !important;
  }
}

@media (min-width: 1660px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1075px !important;
  }
}

@media (min-width: 1680px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1095px !important;
  }
}

@media (min-width: 1700px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1115px !important;
  }
}

@media (min-width: 1720px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1135px !important;
  }
}

@media (min-width: 1740px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1155px !important;
  }
}

@media (min-width: 1760px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1175px !important;
  }
}

@media (min-width: 1780px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1195px !important;
  }
}

@media (min-width: 1800px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1215px !important;
  }
}

@media (min-width: 1820px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1235px !important;
  }
}

@media (min-width: 1840px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1255px !important;
  }
}

@media (min-width: 1860px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1275px !important;
  }
}

@media (min-width: 1880px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1295px !important;
  }
}

@media (min-width: 1900px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1315px !important;
  }
}

@media (min-width: 1920px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1335px !important;
  }
}

@media (min-width: 1940px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1355px !important;
  }
}

@media (min-width: 1960px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1375px !important;
  }
}

@media (min-width: 1980px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1395px !important;
  }
}

@media (min-width: 2000px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1415px !important;
  }
}

@media (min-width: 2020px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1435px !important;
  }
}

@media (min-width: 2040px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1455px !important;
  }
}

@media (min-width: 2060px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1475px !important;
  }
}

@media (min-width: 2080px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1495px !important;
  }
}

@media (min-width: 2100px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1515px !important;
  }
}

@media (min-width: 2120px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1535px !important;
  }
}

@media (min-width: 2140px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1555px !important;
  }
}

@media (min-width: 2160px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1575px !important;
  }
}

@media (min-width: 2180px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1595px !important;
  }
}

@media (min-width: 2200px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1615px !important;
  }
}

@media (min-width: 2220px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1635px !important;
  }
}

@media (min-width: 2240px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1655px !important;
  }
}

@media (min-width: 2260px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1675px !important;
  }
}

@media (min-width: 2280px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1695px !important;
  }
}

@media (min-width: 2300px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1715px !important;
  }
}

@media (min-width: 2320px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1735px !important;
  }
}

@media (min-width: 2340px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1755px !important;
  }
}

@media (min-width: 2360px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1775px !important;
  }
}

@media (min-width: 2380px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1795px !important;
  }
}

@media (min-width: 2400px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1815px !important;
  }
}

@media (min-width: 2420px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1835px !important;
  }
}

@media (min-width: 2440px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1855px !important;
  }
}

@media (min-width: 2460px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1875px !important;
  }
}

@media (min-width: 2480px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1895px !important;
  }
}

@media (min-width: 2500px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1915px !important;
  }
}

@media (min-width: 2520px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1935px !important;
  }
}

@media (min-width: 2540px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1955px !important;
  }
}

@media (min-width: 2560px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1975px !important;
  }
}

@media (min-width: 2580px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 1995px !important;
  }
}

@media (min-width: 2600px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2015px !important;
  }
}

@media (min-width: 2620px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2035px !important;
  }
}

@media (min-width: 2640px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2055px !important;
  }
}

@media (min-width: 2660px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2075px !important;
  }
}

@media (min-width: 2680px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2095px !important;
  }
}

@media (min-width: 2700px) {
  .private-layout > .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-text .title {
    width: 2115px !important;
  }
}

.dropdown-profile-popup {
  width: 300px;
  top: 100px !important;
}

@media (max-width: 767px) {
  .dropdown-profile-popup {
    position: fixed;
    top: 70px !important;
  }
}

@media (max-width: 332px) {
  .dropdown-profile-popup {
    width: 100%;
    left: 0px !important;
  }
}

.dropdown-profile-popup .ant-dropdown-menu {
  padding: 0px 0px 10px 0px !important;
  border-radius: 0px;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item:first-child {
  cursor: default;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.menu-item-profile-details {
  background-color: transparent;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.menu-item-profile-details:hover {
  background-color: transparent;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.menu-item-profile-details .menu-item-details-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.menu-item-profile-details .menu-item-details-wrapper .ant-image {
  transition: transform 0.2s;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.menu-item-profile-details .menu-item-details-wrapper .ant-image img {
  object-fit: cover;
  -o-object-fit: cover;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid var(--yellow);
  cursor: default;
  overflow: hidden;
  background: transparent;
  padding: 2px;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.menu-item-profile-details .menu-item-details-wrapper .info-wrapper .ant-typography {
  white-space: break-spaces;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.menu-item-profile-details .menu-item-details-wrapper .info-wrapper .info-username {
  color: var(--yellow);
  font-weight: 600;
  font-size: 19px;
}

@media (min-width: 800px) {
  .dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.menu-item-profile-details .menu-item-details-wrapper .info-wrapper .info-username {
    font-size: 17px;
  }
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.menu-item-profile-details .menu-item-details-wrapper .info-wrapper .info-role {
  color: #000000;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item svg {
  color: var(--yellow);
  stroke: var(--yellow);
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item svg path {
  color: var(--yellow);
  stroke: var(--yellow);
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content a {
  text-decoration: none;
  color: #000000;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-active a {
  color: var(--yellow);
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-active svg {
  color: #000000;
  stroke: #000000;
}

.dropdown-profile-popup .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-active svg path {
  color: #000000;
  stroke: #000000;
}

.dropdown-notification-alert-popup {
  top: 100px !important;
  width: 320px;
  border-top: none;
}

@media (max-width: 767px) {
  .dropdown-notification-alert-popup {
    position: fixed;
    top: 70px !important;
  }
}

@media (max-width: 480px) {
  .dropdown-notification-alert-popup {
    width: 100%;
    left: 0px !important;
  }
}

.dropdown-notification-alert-popup .ant-dropdown-menu {
  padding: 0px;
  max-height: 300px;
  overflow-x: auto;
  --webkit-overflow-scrolling: touch;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar-track,
.dropdown-notification-alert-popup .ant-dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

@supports (scrollbar-width: auto) {
  .dropdown-notification-alert-popup .ant-dropdown-menu {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item-divider {
  margin: 0px;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:first-child {
  background-color: transparent;
  padding: 10px 12px;
  cursor: default;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 1px;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .title {
  display: flex;
  justify-content: space-between;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .title .btn-priority {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@supports (-moz-appearance: none) {
  .dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .title .btn-priority span {
    position: relative;
    top: -1px;
  }
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .title .btn-priority.btn-standard {
  color: #ffffff;
  background-color: #0866c6 !important;
  border-color: #0866c6 !important;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .title .btn-priority.btn-rapid {
  color: #ffffff;
  background-color: #1c9a06 !important;
  border-color: #1c9a06 !important;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .title .btn-priority.btn-fastest {
  color: #ffffff;
  background-color: #993300 !important;
  border-color: #993300 !important;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .title .date {
  color: gray;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .content-wrapper {
  width: calc(100% - 20px);
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .content-wrapper .content {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .notification-wrapper .status {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 20px;
  color: var(--yellow);
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item.no-notifications {
  text-align: center;
  background-color: transparent;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item.no-notifications .ant-dropdown-menu-title-content {
  text-align: center;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-dropdown-menu-title-content-wrapper {
  display: flex;
  justify-content: flex-end;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-dropdown-menu-title-content-wrapper .clear-all-wrapper .text {
  margin-right: 5px;
  color: #000;
}

.dropdown-notification-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-dropdown-menu-title-content-wrapper .clear-all-wrapper svg {
  color: var(--yellow);
  font-size: 14px;
  cursor: pointer;
}

.dropdown-message-alert-popup {
  top: 100px !important;
  width: 320px;
  border-top: none;
}

@media (max-width: 767px) {
  .dropdown-message-alert-popup {
    position: fixed;
    top: 70px !important;
  }
}

@media (max-width: 480px) {
  .dropdown-message-alert-popup {
    width: 100%;
    left: 0px !important;
  }
}

.dropdown-message-alert-popup .ant-dropdown-menu {
  padding: 0px;
  max-height: 300px;
  overflow-x: auto;
  --webkit-overflow-scrolling: touch;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar-track,
.dropdown-message-alert-popup .ant-dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

@supports (scrollbar-width: auto) {
  .dropdown-message-alert-popup .ant-dropdown-menu {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item-divider {
  margin: 0px;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:first-child {
  background-color: transparent;
  padding: 10px 12px;
  cursor: default;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) {
  gap: 5px;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .message-user-logo {
  width: 50px;
  height: 50px;
  margin-right: 0px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid rgb(29, 133, 184);
  min-width: 50px;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .message-wrapper {
  display: flex;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .message-wrapper .content-wrapper {
  width: calc(100% - 20px);
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .message-wrapper .content-wrapper .title {
  font-weight: 600;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .message-wrapper .content-wrapper .content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item:not(:first-child) .message-wrapper .status {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 20px;
  color: var(--yellow);
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-dropdown-menu-title-content-wrapper {
  display: flex;
  justify-content: flex-end;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-dropdown-menu-title-content-wrapper .clear-all-wrapper .text {
  margin-right: 5px;
  color: #000;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-dropdown-menu-title-content-wrapper .clear-all-wrapper svg {
  color: var(--yellow);
  font-size: 14px;
  cursor: pointer;
}

.dropdown-message-alert-popup .ant-dropdown-menu .ant-dropdown-menu-item.no-message {
  text-align: center;
  background-color: transparent;
}

.ant-modal-root .modal-wrap-clock .ant-modal {
  width: 495px !important;
}

@media (max-width: 575px) {
  .ant-modal-root .modal-wrap-clock .ant-modal {
    width: 90% !important;
  }
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .mod_start_clock_task_wrapper {
  border: 1px solid #d9d9d9;
  background: #fff;
  max-height: 260px;
  overflow: hidden auto;
  padding-left: 5px;
  margin-top: 10px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .mod_start_clock_task_wrapper::-webkit-scrollbar {
  width: 10px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .mod_start_clock_task_wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .mod_start_clock_task_wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--yellow);
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .mod_start_clock_task_wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--yellow);
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .mod_start_clock_task_wrapper .ant-space .ant-space-item .ant-radio-wrapper {
  width: 100%;
  padding: 5px 10px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .mod_start_clock_task_wrapper input[type=radio] {
  transform: scale(2);
  margin: 0px !important;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-radio-wrapper > .ant-radio > .ant-radio-inner {
  border-color: #5e5e5e;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked > .ant-radio.ant-radio-checked > .ant-radio-inner {
  border-color: #8c53fb;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked > .ant-radio.ant-radio-checked > .ant-radio-inner::after {
  background-color: #ffffff;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space {
  width: 100%;
  gap: 0px !important;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .horizontal {
  display: flex;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .horizontal > .ant-radio-wrapper {
  width: 50%;
  margin-right: 0px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search {
  width: 100%;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 45px;
  border-right: none;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input:hover {
  border-color: #d9d9d9;
  box-shadow: none;
  border-right: none;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input:focus {
  border-color: #d9d9d9;
  box-shadow: none;
  border-right: none;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input::-moz-placeholder {
  font-weight: 500;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input::placeholder {
  font-weight: 500;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button {
  height: 45px !important;
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button:hover,
.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button:focus,
.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button:active {
  border-color: #d9d9d9;
  box-shadow: none;
  border-left: none;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button::after {
  box-shadow: none;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .ant-divider::before,
.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .ant-divider::after {
  border-top: 1px solid #1e1e1e;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .ant-divider .ant-divider-inner-text {
  color: #545454;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .general-note {
  font-size: 12px;
  color: #808285;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .mod_start_clock_task_type .ant-form-item-row .ant-form-item-control .ant-form-item-control-input {
  min-height: auto !important;
  margin-top: 2px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .mod_start_clock_task_type .ant-radio-group {
  justify-content: flex-start;
  gap: 20px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .ant-btn {
  background-color: var(--yellow);
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .ant-btn svg {
  cursor: pointer;
  margin-right: 5px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .btn-play.is_loading svg {
  color: #545454;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .timer {
  display: flex;
  line-height: 38px;
  gap: 3px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .timer > div {
  font-size: 38px;
  line-height: 38px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .footer-wrapper .ant-divider {
  margin-top: 30px;
  margin-bottom: 5px;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .footer-wrapper .footer-content {
  display: flex;
  justify-content: space-between;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .footer-wrapper .footer-content .footer-text {
  color: #838383;
}

.ant-modal-root .modal-wrap-clock .ant-modal .ant-modal-content .ant-modal-body .footer-wrapper .footer-content .footer-action .ant-btn {
  height: auto;
  width: auto;
  padding: 0px;
  color: var(--yellow);
}

.ant-modal-root .modal-wrap-clock.modal-page-timer .ant-modal {
  top: 20px;
}

.ant-modal-root .modal-wrap-logout .ant-modal {
  width: 300px !important;
}

.ant-modal-root .modal-wrap-logout .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  width: 42px;
  height: 42px;
  line-height: 42px;
}

.ant-modal-root .modal-wrap-logout .ant-modal .ant-modal-content .ant-modal-header {
  padding: 10px 15px !important;
  background-color: #c80202;
}

.ant-modal-root .modal-wrap-logout .ant-modal .ant-modal-content .ant-modal-body {
  padding: 10px 15px 15px 15px !important;
}

.ant-modal-root .modal-wrap-logout .ant-modal .ant-modal-content .ant-modal-body .action {
  display: flex;
  justify-content: space-between;
}

.ant-modal-root .modal-wrap-attention .ant-modal {
  width: 320px !important;
}

.ant-modal-root .modal-wrap-attention .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  width: 42px;
  height: 42px;
  line-height: 42px;
}

.ant-modal-root .modal-wrap-attention .ant-modal .ant-modal-content .ant-modal-header {
  padding: 10px 15px !important;
  background-color: var(--yellow);
}

.ant-modal-root .modal-wrap-attention .ant-modal .ant-modal-content .ant-modal-body {
  padding: 10px 15px 15px 15px !important;
}

.ant-modal-root .modal-wrap-attention .ant-modal .ant-modal-content .ant-modal-body .action {
  display: flex;
  justify-content: space-between;
}

.ant-popconfirm-stop-timer .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 10px 13px !important;
}

.ant-popconfirm-stop-timer .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message {
  line-height: normal;
  font-size: 18px;
}

.ant-popconfirm-stop-timer .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons {
  justify-content: space-between !important;
  gap: 8px !important;
}

.ant-popconfirm-stop-timer .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons .ant-btn {
  margin: 0px;
  width: calc(50% - 4px);
  height: 32px;
  font-size: 18px;
}

.ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-right-menu {
  gap: 15px;
}

@media (max-width: 767px) {
  .ant-layout:not(.ant-layout-has-collapse) .ant-layout-header .header-right-menu {
    gap: 20px;
  }
}

.ant-layout.ant-layout-has-collapse .ant-layout-header .header-right-menu {
  gap: 15px;
}

@media (min-width: 768px) {
  .ant-layout.ant-layout-has-collapse .ant-layout-header .header-right-menu {
    gap: 25px;
  }
}

@media (max-width: 767px) {
  .ant-layout.ant-layout-has-collapse .ant-layout-header .header-right-menu {
    gap: 20px;
  }
}

.no-messages .ant-dropdown-menu-title-content {
  text-align: center;
}

.ant-tooltip.action-minimize {
  cursor: pointer;
}

@media (min-width: 1200px) {
  .ant-tooltip.task_name-title {
    top: 75px !important;
  }
}

.header-center-menu {
  display: flex;
  align-items: center;
  z-index: 1;
}

@media (max-width: 1199px) {
  .header-center-menu {
    display: none;
  }
}

.header-center-menu .clock-wrapper {
  display: flex;
  width: 310px;
  height: 60px;
  transition: all 0.5s ease-in-out;
  margin-left: 0px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

.header-center-menu .clock-wrapper .icon-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 5px 0px 0px 5px;
  background: var(--yellow);
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-center-menu .clock-wrapper .icon-wrapper svg {
  color: #fff;
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.header-center-menu .clock-wrapper .time-wrapper {
  width: 190px;
  height: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0px 10px;
}

.header-center-menu .clock-wrapper .time-wrapper .time {
  line-height: normal;
}

.header-center-menu .clock-wrapper .time-wrapper .time span {
  color: #1e1e1e;
  font-size: 24px;
  font-style: normal;
  line-height: 24px;
}

.header-center-menu .clock-wrapper .time-wrapper.playing .time span {
  color: #0a6c31;
}

.header-center-menu .clock-wrapper .time-wrapper .task-name {
  line-height: normal;
  color: black;
  font-size: 16px;
  font-style: normal;
}

.header-center-menu .clock-wrapper .time-wrapper .task-name.selectable {
  cursor: pointer;
}

.header-center-menu .clock-wrapper .time-wrapper .task-name.notselectable {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.header-center-menu .clock-wrapper .action-wrapper {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.header-center-menu .clock-wrapper .action-wrapper .ant-btn {
  width: auto;
  height: auto;
}

.header-center-menu .clock-wrapper .action-wrapper .ant-btn svg {
  color: #0a6c31;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.header-center-menu .clock-wrapper .action-wrapper .ant-btn.btn-stop svg {
  color: #c80202 !important;
}

.header-center-menu .clock-wrapper .action-wrapper .ant-btn.btn-minimize {
  position: absolute;
  top: -13px;
  right: -8px;
}

.header-center-menu .clock-wrapper .action-wrapper .ant-btn.btn-minimize svg {
  font-size: 14px;
  color: var(--yellow);
  background-color: #f1f3f2;
  border-radius: 50%;
  padding: 3px 5px;
  position: relative;
  z-index: 9999;
  border: 1px solid var(--yellow);
}

.header-center-menu .clock-wrapper .action-wrapper .ant-btn.btn-pause {
  padding-bottom: 5px;
}

.header-center-menu .clock-wrapper .action-wrapper .ant-btn.btn-pause img {
  width: 40px;
  height: 40px;
}

.header-center-menu.minimize .clock-wrapper {
  overflow: hidden;
  width: 0%;
  box-shadow: none;
  margin-left: 50%;
}

@media (max-width: 425px) {
  .header-center-menu {
    left: 45%;
  }

  .header-center-menu .clock-wrapper {
    width: 240px;
    transform: scale(0.7);
  }
}

@media (max-width: 320px) {
  .header-center-menu {
    left: 42%;
  }

  .header-center-menu .clock-wrapper {
    width: 240px;
    transform: scale(0.6);
  }
}

@media (max-width: 320px) {
  .header-center-menu {
    left: 39%;
  }

  .header-center-menu .clock-wrapper {
    width: 240px;
    transform: scale(0.6);
  }
}

.modal-wrap-draggable-clock-timer {
  padding: 6px 0;
  width: 330px;
  height: 80px;
  overflow: hidden;
  left: 50%;
  transform: translate(-50%, 0);
  top: 15px;
  background: transparent !important;
}

@media (max-width: 575px) {
  .modal-wrap-draggable-clock-timer {
    transform: scale(0.8);
  }
}

.modal-wrap-draggable-clock-timer .ant-modal {
  width: 310px !important;
  top: 5px !important;
  background: transparent !important;
  margin: 0 auto !important;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content {
  background: transparent !important;
  box-shadow: none;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body {
  background: transparent !important;
  padding: 0px !important;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper {
  display: flex;
  width: 310px;
  height: 60px;
  transition: all 0.5s ease-in-out;
  margin-left: 0px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .icon-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 5px 0px 0px 5px;
  background: var(--yellow);
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .icon-wrapper svg {
  color: #fff;
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .time-wrapper {
  width: 190px;
  height: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0px 10px;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .time-wrapper .time {
  line-height: normal;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .time-wrapper .time span {
  color: #1e1e1e;
  font-size: 24px;
  font-style: normal;
  line-height: 24px;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .time-wrapper.playing .time span {
  color: #0a6c31;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .time-wrapper .task-name {
  line-height: normal;
  color: black;
  font-size: 16px;
  font-style: normal;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .time-wrapper .task-name.selectable {
  cursor: pointer;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .time-wrapper .task-name.notselectable {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .action-wrapper {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .action-wrapper .ant-btn {
  width: auto;
  height: auto;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .action-wrapper .ant-btn svg {
  color: #0a6c31;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .action-wrapper .ant-btn.btn-stop svg {
  color: #c80202 !important;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .action-wrapper .ant-btn.btn-minimize {
  position: absolute;
  top: -13px;
  right: -8px;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .action-wrapper .ant-btn.btn-minimize svg {
  font-size: 14px;
  color: var(--yellow);
  border: 1px solid var(--yellow);
  background-color: #f1f3f2;
  border-radius: 50%;
  padding: 3px 5px;
  position: relative;
  z-index: 9999;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .action-wrapper .ant-btn.btn-pause {
  padding-bottom: 5px;
}

.modal-wrap-draggable-clock-timer .ant-modal .ant-modal-content .ant-modal-body .modal-clock-timer-wrapper .clock-wrapper .action-wrapper .ant-btn.btn-pause img {
  width: 40px;
  height: 40px;
}

#pageHeaderSubTitle {
  text-transform: uppercase;
}

.quill-output.quill-description p span {
  font-size: 14px !important;
}

.c-main {
  color: var(--yellow);
}

.c-main:hover {
  color: var(--yellow);
}

.c-main.cursor-pointer {
  cursor: pointer;
}

.footer-main-col {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 576px) {
  .footer-main-col {
    flex-direction: column;
    align-items: center;
  }
}

.tooltip-header-notifications {
  position: relative;
  display: inline-block;
}

.tooltip-header-notifications::after {
  content: attr(data-title);
  position: absolute;
  bottom: 90%;
  left: 110%;
  transform: translateX(-50%);
  white-space: nowrap;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  font-size: 10px;
  align-items: center;
  display: flex;
  height: 20px;
  z-index: 999;
}

.tooltip-header-notifications:hover::after {
  opacity: 1;
}

.tooltip-header-messages {
  position: relative;
  display: inline-block;
}

.tooltip-header-messages::after {
  content: attr(data-title);
  position: absolute;
  bottom: 90%;
  left: 0%;
  transform: translateX(-50%);
  white-space: nowrap;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  font-size: 10px;
  align-items: center;
  display: flex;
  align-items: center;
  display: flex;
  height: 20px;
  z-index: 999;
}

.tooltip-header-messages:hover::after {
  opacity: 1;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-2-14 14:55:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */

@keyframes vibrate-1 {
  0% {
    transform: translate(0);
  }

  20% {
    transform: translate(-2px, 2px);
  }

  40% {
    transform: translate(-2px, -2px);
  }

  60% {
    transform: translate(2px, 2px);
  }

  80% {
    transform: translate(2px, -2px);
  }

  100% {
    transform: translate(0);
  }
}

.private-layout > .ant-layout > .ant-layout-header .header-right-menu .header-timer-icon-maximize-wrapper svg.playing.animation {
  backface-visibility: hidden;
  animation-name: vibrate-1;
  animation-duration: 0.3s;
  animation-iteration-count: 2;
  animation-timing-function: linear;
}

.ant-dropdown-menu-item {
  font-size: 17px;
}

@media (min-width: 800px) {
  .ant-dropdown-menu-item {
    font-size: 14px;
  }
}

.drawer-start-clock {
  z-index: 1001;
}

.drawer-start-clock .ant-drawer-content-wrapper {
  width: 400px !important;
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 10px;
}

@media (max-width: 767px) {
  .drawer-start-clock .ant-drawer-content-wrapper {
    width: 100% !important;
  }
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content {
  border-top-left-radius: 10px !important;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body::-webkit-scrollbar-track,
.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_wrapper {
  border: 1px solid #d9d9d9;
  background: #fff;
  max-height: 260px;
  overflow: hidden auto;
  padding-left: 5px;
  margin-top: 10px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_wrapper::-webkit-scrollbar {
  width: 10px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--yellow);
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--yellow);
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_wrapper .ant-space .ant-space-item .ant-radio-wrapper {
  width: 100%;
  padding: 5px 10px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_wrapper input[type=radio] {
  transform: scale(2);
  margin: 0px !important;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-radio-wrapper > .ant-radio > .ant-radio-inner {
  border-color: #5e5e5e;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked > .ant-radio.ant-radio-checked > .ant-radio-inner {
  border-color: #8c53fb;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked > .ant-radio.ant-radio-checked > .ant-radio-inner::after {
  background-color: #ffffff;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space {
  width: 100%;
  gap: 0px !important;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .horizontal {
  display: flex;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .horizontal > .ant-radio-wrapper {
  width: 50%;
  margin-right: 0px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search {
  width: 100%;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 45px;
  border-right: none;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input:hover {
  border-color: #d9d9d9;
  box-shadow: none;
  border-right: none;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input:focus {
  border-color: #d9d9d9;
  box-shadow: none;
  border-right: none;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input::-moz-placeholder {
  font-weight: 500;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search input::placeholder {
  font-weight: 500;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button {
  height: 45px !important;
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button:hover,
.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button:focus,
.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button:active {
  border-color: #d9d9d9;
  box-shadow: none;
  border-left: none;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .mod_start_clock_client_company_id_search .ant-input-group-addon button::after {
  box-shadow: none;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .ant-divider::before,
.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .ant-divider::after {
  border-top: 1px solid #1e1e1e;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .ant-divider .ant-divider-inner-text {
  color: #545454;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .ant-radio-group .ant-space .ant-space-item .general-note {
  font-size: 12px;
  color: #808285;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_type .ant-form-item-row .ant-form-item-control .ant-form-item-control-input {
  min-height: auto !important;
  margin-top: 2px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_type .ant-radio-group {
  justify-content: flex-start;
  gap: 20px;
}

@media (max-width: 425px) {
  .drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .mod_start_clock_task_type .ant-radio-group {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: unset;
  }
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .timer-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .timer-wrapper .ant-btn {
  background-color: var(--yellow);
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .timer-wrapper .ant-btn svg {
  cursor: pointer;
  margin-right: 5px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .timer-wrapper .btn-play.is_loading svg {
  color: #545454;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .timer-wrapper .timer {
  display: flex;
  line-height: 38px;
  gap: 3px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .timer-wrapper .timer > div {
  font-size: 38px;
  line-height: 38px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .footer-wrapper .ant-divider {
  margin-top: 30px;
  margin-bottom: 5px;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .footer-wrapper .footer-content {
  display: flex;
  justify-content: space-between;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .footer-wrapper .footer-content .footer-text {
  color: #838383;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-body .footer-wrapper .footer-content .footer-action .ant-btn {
  height: auto;
  width: auto;
  padding: 0px;
  color: var(--yellow);
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-header {
  background-color: var(--yellow);
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-header .ant-drawer-header-title {
  display: flex;
  align-items: center;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-header .ant-drawer-header-title .ant-drawer-close {
  order: 2;
  color: white;
  font-size: 20px;
  padding: 0px;
  margin-right: 0px !important;
}

.drawer-start-clock .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-header .ant-drawer-header-title .ant-drawer-title {
  color: white;
}

.drawer-start-clock .ant-drawer-content-wrapper.modal-page-timer .ant-modal {
  top: 20px;
}

.drawer-start-clock .ant-drawer-content-wrapper .modal-wrap-logout .ant-modal {
  width: 300px !important;
}

.drawer-start-clock .ant-drawer-content-wrapper .modal-wrap-logout .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  width: 42px;
  height: 42px;
  line-height: 42px;
}

.drawer-start-clock .ant-drawer-content-wrapper .modal-wrap-logout .ant-modal .ant-modal-content .ant-modal-header {
  padding: 10px 15px !important;
  background-color: #c80202;
}

.drawer-start-clock .ant-drawer-content-wrapper .modal-wrap-logout .ant-modal .ant-modal-content .ant-modal-body {
  padding: 10px 15px 15px 15px !important;
}

.drawer-start-clock .ant-drawer-content-wrapper .modal-wrap-logout .ant-modal .ant-modal-content .ant-modal-body .action {
  display: flex;
  justify-content: space-between;
}

.popconfirm-action-stop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons .ant-btn {
  width: 80px !important;
}

.popconfirm-action-stop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons .ant-btn.ant-btn-default {
  background-color: #c70204;
  color: #ffffff !important;
  border-color: #c70204 !important;
}

.popconfirm-action-stop-overlay.pause-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons .ant-btn {
  width: 95px !important;
}

.private-layout > .ant-layout-sider {
  background-color: white;
  width: 300px !important;
  max-width: 300px !important;
  overflow: hidden auto;
  position: fixed;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 6;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout-sider {
    z-index: 7;
    box-shadow: rgba(0, 0, 0, 0.2) 2px -4px 8px 0px;
  }
}

.private-layout > .ant-layout-sider::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.private-layout > .ant-layout-sider::-webkit-scrollbar-track {
  background-color: transparent;
}

.private-layout > .ant-layout-sider::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.private-layout > .ant-layout-sider::-webkit-scrollbar-track,
.private-layout > .ant-layout-sider::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.private-layout > .ant-layout-sider.ant-layout-sider-collapsed {
  width: 0px !important;
  min-width: 55px !important;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout-sider.ant-layout-sider-collapsed {
    display: none;
  }
}

@media (max-width: 767px) {
  .private-layout > .ant-layout-sider {
    position: fixed;
  }
}

.private-layout > .ant-layout-sider .ant-menu-submenu-title:active {
  background-color: var(--yellow);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  padding: 0px 15px;
  align-items: center;
  transition: none;
  gap: 8px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper {
  height: 100%;
  background-color: white;
  display: flex;
  align-items: center;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon {
  position: relative;
  width: 24px;
  height: 24px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon span {
  background-color: var(--yellow);
  width: 100%;
  height: 2px;
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s, width 0.5s;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon span.line1 {
  transform: translate(-50%, -10px);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon span.line3 {
  transform: translate(-50%, 8px);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon.is-collapse span.line1 {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon.is-collapse span.line3 {
  transform: translate(-50%, -50%) rotate(45deg);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon.is-collapse span.line2 {
  width: 0;
}

@media (max-width: 767px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon span.line1 {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon span.line3 {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .sidemenu-collapse-icon-wrapper .sidemenu-collapse-icon span.line2 {
    width: 0;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-side-header .logo_wrapper {
  width: 100%;
  transition: none;
  height: 75px;
  display: flex;
  justify-content: center;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu {
  background-color: white;
  border-right: 0px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item {
  background-color: white;
  margin-block: 0px;
  margin-inline: 0px;
  width: 100%;
  border-radius: 0px;
  padding-left: 16px !important;
  line-height: 45px;
  height: 43px;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item {
    height: 40px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item > .ant-menu-title-content {
  transition: none;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item > .ant-menu-title-content > a {
  color: #6f6f6f;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 17px;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item > .ant-menu-title-content > a {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item::after {
  border-right: 0px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item.ant-menu-item-selected,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item.ant-menu-item-active {
  background: var(--yellow);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item .ant-menu-item-icon {
  color: var(--yellow);
  font-size: 18px;
  width: 20px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item .ant-menu-submenu-arrow {
  font-size: 16px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item.ant-menu-item-selected a,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item.ant-menu-item-active a {
  color: #ffffff;
  text-decoration: none;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item.ant-menu-item-selected .ant-menu-item-icon,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item.ant-menu-item-active .ant-menu-item-icon {
  color: var(--sub);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu {
  background-color: transparent;
  border-radius: 0px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title {
  padding-left: 16px !important;
  padding-inline-end: 0px !important;
  margin-inline: 0px;
  margin-block: 0px;
  line-height: 45px;
  width: 100%;
  height: 43px;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 40px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #6f6f6f;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  width: 10px;
  height: 1px;
  left: 3px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  width: 10px;
  height: 1px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon {
  color: var(--yellow);
  font-size: 18px;
  width: 20px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title:active {
  background-color: transparent;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content {
  color: #6f6f6f;
  transition: none;
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 17px;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu.ant-menu-submenu-active {
  background: var(--yellow);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu.ant-menu-submenu-active .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu.ant-menu-submenu-active .ant-menu-submenu-title .ant-menu-item-icon {
  color: var(--sub);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu.ant-menu-submenu-active .ant-menu-submenu-title .ant-menu-title-content {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu.ant-menu-submenu-active .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #6f6f6f;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu.ant-menu-submenu-active .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon {
  color: var(--yellow);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item {
  margin-block: 0px;
  margin-inline: 0px;
  width: 100%;
  border-radius: 0px;
  padding-left: 55px !important;
  line-height: 45px;
  font-size: 17px;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-selected,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-active {
  background: var(--yellow);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item a {
  color: #696969;
  text-decoration: none;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item::after {
  border-right: 0px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-selected a,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-active a {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-selected .ant-menu-title-content,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-active .ant-menu-title-content {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active {
  background: var(--yellow);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active > .ant-menu-submenu-title .ant-menu-item-icon {
  color: var(--sub);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active > .ant-menu-submenu-title .ant-menu-title-content {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active > .ant-menu-submenu-title .ant-menu-title-content a {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #6f6f6f;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title {
  padding-left: 55px !important;
  padding-inline-end: 0px !important;
  margin-inline: 0px;
  margin-block: 0px;
  line-height: 45px;
  width: 100%;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-title-content {
  color: #6f6f6f;
  transition: none;
  font-weight: 400;
  font-size: 17px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-title-content a {
  color: #6f6f6f;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-title-content a span {
  color: #6f6f6f;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-title-content {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #6f6f6f;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  width: 10px;
  height: 1px;
  left: 3px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  width: 10px;
  height: 1px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item {
  padding-left: 72px !important;
  font-size: 17px;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item .ant-menu-title-content {
  font-size: 17px;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item .ant-menu-title-content {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item .ant-menu-title-content a .title-wrapper {
  display: flex;
  align-items: center;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item .ant-menu-title-content a .title-wrapper .icon > span {
  border-radius: 50%;
  margin-right: 10px;
  padding: 0px 4px;
  font-size: 10px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item .ant-menu-title-content a .title-wrapper .icon.r > span {
  background: var(--yellow);
  color: #fff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item .ant-menu-title-content a .title-wrapper .icon.p > span {
  background: #34a2ee;
  color: #fff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item .ant-menu-title-content a .title-wrapper > span:last-child {
  font-size: 17px;
  width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item .ant-menu-title-content a .title-wrapper > span:last-child {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-selected .ant-menu-title-content a .title-wrapper .icon.r > span,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-active .ant-menu-title-content a .title-wrapper .icon.r > span {
  background: var(--sub);
  color: black;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-selected .ant-menu-title-content a .title-wrapper .icon.p > span,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-active .ant-menu-title-content a .title-wrapper .icon.p > span {
  background: var(--sub);
  color: black;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub .menu-item-task-title {
  cursor: auto;
  line-height: 35px;
  height: 35px;
  margin-top: 5px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub .menu-item-task-title .ant-menu-title-content a {
  color: #696969 !important;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub .menu-item-task-project {
  padding-left: 85px !important;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active > .ant-menu-submenu-title {
  background: var(--yellow) !important;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active > .ant-menu-submenu-title .ant-menu-item-icon {
  color: var(--sub);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active > .ant-menu-submenu-title .ant-menu-title-content {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-submenu-active .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #6f6f6f;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu.ant-menu-item-selected > .ant-menu-submenu-title {
  background-color: #fff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title {
  padding-left: 72px !important;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu .ant-menu.ant-menu-sub .ant-menu-item .ant-menu-title-content {
  padding-left: 20px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu .ant-menu.ant-menu-sub .ant-menu-item-divider {
  margin-left: 92px;
  border-color: #cccccc;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu .ant-menu.ant-menu-sub .menu-item-task-title {
  cursor: auto;
  line-height: 35px;
  height: 35px;
  margin-top: 5px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu .ant-menu.ant-menu-sub .menu-item-task-title .ant-menu-title-content a {
  color: #696969 !important;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-submenu .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-submenu .ant-menu.ant-menu-sub .menu-item-task-project {
  padding-left: 85px !important;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-title {
  color: #6f6f6f;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-title {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu .ant-menu-submenu-title:active {
  background-color: var(--yellow);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title {
  padding-left: 18px !important;
  padding-inline-end: 0px !important;
  margin-inline: 0px;
  margin-block: 0px;
  line-height: 28px;
  width: 100%;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-item-icon {
  color: var(--yellow);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content {
  color: #6f6f6f;
  transition: none;
  font-weight: 700;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content div {
  color: #6f6f6f;
  transition: none;
  font-weight: 700;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 17px;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content div {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #6f6f6f;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  width: 10px;
  height: 1px;
  left: 3px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  width: 10px;
  height: 1px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu.ant-menu-submenu-active {
  background: var(--yellow);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu.ant-menu-submenu-active .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu.ant-menu-submenu-active .ant-menu-submenu-title .ant-menu-item-icon {
  color: var(--sub);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu.ant-menu-submenu-active .ant-menu-submenu-title .ant-menu-title-content div {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu.ant-menu-submenu-active .ant-menu.ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #6f6f6f;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item {
  padding-left: 45px !important;
  margin-block: 0px;
  margin-inline: 0px;
  width: 100%;
  border-radius: 0px;
  line-height: 45px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item > .ant-menu-title-content a {
  color: #696969;
  text-decoration: none;
  font-size: 17px;
}

@media (min-width: 800px) {
  .private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item > .ant-menu-title-content a {
    font-size: 14px;
  }
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-selected,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-active {
  background: var(--yellow);
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-selected a,
.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-active a {
  color: #ffffff;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item::after {
  border: 0px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu.ant-menu-sub > .ant-menu-item-divider {
  margin-left: 45px;
  margin-right: 35px;
}

.private-layout > .ant-layout-sider > .ant-layout-sider-children > .ant-layout-sider-children-wrapper > .ant-menu > .ant-menu-item-divider {
  margin-left: 18px;
  margin-right: 35px;
  border-color: #cccccc;
}

.private-layout .ant-layout-sider {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}

.private-layout .ant-layout-sider::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}

.ant-menu-submenu-arrow {
  margin-right: 7px !important;
}

.ant-menu-item-selected a {
  color: var(--yellow);
}

.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
  color: var(--yellow);
}

.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: var(--yellow);
}

.ant-menu-light .ant-menu-submenu-title:hover {
  color: var(--yellow);
}

.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: var(--yellow);
}

.sideMenuAdmin .ant-menu-submenu .ant-menu-item-divider {
  margin-left: 72px;
  margin-right: 35px;
}

.sideMenuAdmin .ant-menu-submenu .ant-menu-submenu-title svg {
  color: var(--yellow);
}

.sideMenuAdmin .ant-menu-submenu .ant-menu-submenu-title .ant-menu-title-content div {
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: unset;
}

.no-data-class:hover {
  background-color: transparent !important;
  cursor: default;
}

.no-data-class a {
  cursor: default;
}

.no-data-class div {
  color: #a8a8a8;
}

.side-menu-popup-class .ant-menu-vertical {
  --webkit-overflow-scrolling: touch;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

.side-menu-popup-class .ant-menu-vertical::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.side-menu-popup-class .ant-menu-vertical::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

.side-menu-popup-class .ant-menu-vertical::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.side-menu-popup-class .ant-menu-vertical::-webkit-scrollbar-track,
.side-menu-popup-class .ant-menu-vertical::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

@supports (scrollbar-width: auto) {
  .side-menu-popup-class .ant-menu-vertical {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

.side-menu-popup-class .ant-menu-vertical .ant-menu-item.ant-menu-item-active .ant-menu-title-content a {
  color: var(--yellow);
}

.side-menu-popup-class .ant-menu-vertical .ant-menu-submenu-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.side-menu-popup-class .ant-menu-vertical .ant-menu-item-selected svg {
  color: var(--yellow);
}

.side-menu-popup-class .ant-menu-vertical .ant-menu-item-selected .ant-menu-title-content div {
  color: var(--yellow);
}

.ant-side-footer {
  background-color: #f1f3f2;
  margin-right: 5px;
  width: 100%;
  margin-top: 10px;
}

.ant-side-footer .menu-wrapper .menu-item {
  text-align: center;
  width: 100%;
  padding: 6px 0 5px 0;
}

.ant-side-footer .menu-wrapper .menu-item:not(:last-child) {
  border-right: 1px solid #fff;
}

.ant-side-footer .menu-wrapper .menu-item .ant-btn {
  border: 0px !important;
  width: auto;
  height: auto;
  padding: 0px;
  color: #6f6f6f;
}

.ant-side-footer .menu-wrapper .menu-item .icon-version-info {
  color: var(--yellow);
}

@media (max-width: 768px) {
  .ant-side-footer .menu-wrapper {
    display: flex;
    flex-direction: row;
  }
}

.ant-side-footer .version-wrapper {
  background-color: var(--yellow);
  color: #fff;
  padding: 6px 10px 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ant-side-footer .version-wrapper span {
  line-height: normal;
}

@media (max-width: 768px) {
  .ant-side-footer .version-wrapper {
    display: flex;
    flex-direction: column;
    font-size: 9px;
  }
}

.quill * {
  font-family: Arial, Helvetica, sans-serif;
}

.quill-output p,
.quill-output h1,
.quill-output h2,
.quill-output h3,
.quill-output h4,
.quill-output h5 {
  margin: 0px;
  padding: 0px;
}

.quill-output span {
  font-size: 14px;
}

.quill-output2 p,
.quill-output2 h1,
.quill-output2 h2,
.quill-output2 h3,
.quill-output2 h4,
.quill-output2 h5 {
  margin: 0px;
  padding: 0px;
  display: inline;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  font-weight: 600;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: attr(data-value) !important;
  font-weight: 600;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: attr(data-value) !important;
  font-weight: 600;
}

.ql-container.ql-snow {
  min-height: 200px;
}

.ql-container.ql-snow .ql-editor.ql-blank::before {
  font-style: normal;
  font-size: 14px;
}

.ql-container.ql-snow.ql-disabled {
  background-color: #f5f5f5;
  color: #929495;
}

strong {
  font-weight: bold;
}

.quill .ql-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 5px !important;
}

.quill .ql-toolbar .ql-formats {
  margin-right: 0px !important;
}

.quill .ql-toolbar .ql-formats .ql-picker.ql-font,
.quill .ql-toolbar .ql-formats .ql-picker.ql-header,
.quill .ql-toolbar .ql-formats .ql-picker.ql-size {
  width: auto !important;
}

.quill .ql-toolbar .ql-formats .ql-picker.ql-font .ql-picker-label svg,
.quill .ql-toolbar .ql-formats .ql-picker.ql-header .ql-picker-label svg,
.quill .ql-toolbar .ql-formats .ql-picker.ql-size .ql-picker-label svg {
  right: -14px !important;
}

.float-quill-custom .quill-custom-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 5px !important;
  border: 0px !important;
  border-bottom: 1px solid #ccc !important;
}

.float-quill-custom .quill-custom-toolbar .ql-formats {
  margin-right: 0px !important;
  display: flex;
  align-items: center;
  gap: 5px;
}

.float-quill-custom .quill-custom-toolbar .ql-formats .ant-btn {
  border: 0px;
  padding: 0px;
  box-shadow: none;
  float: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
  display: flex !important;
  align-items: center !important;
}

.float-quill-custom .quill-custom-toolbar .ql-formats .ant-btn svg {
  height: 1em !important;
  float: none !important;
  font-size: 18px !important;
}

.float-quill-custom .quill-custom-toolbar .ql-formats .ant-btn::after {
  display: none !important;
}

.float-quill-custom .quill-custom-toolbar .ql-formats .ant-select .ant-select-selector {
  padding: 0px 5px !important;
  height: auto !important;
}

.float-quill-custom .quill-custom-toolbar .ql-formats .ant-select .ant-select-selector .ant-select-selection-item {
  color: #000 !important;
  font-weight: 600;
}

.float-quill-custom .quill-custom-toolbar .ql-formats .ant-select.ql-background .ant-select-selector .ant-select-selection-item {
  font-size: 18px !important;
}

.float-quill-custom .quill-custom-toolbar .ql-formats .ant-select.ql-quill-code-format .ant-select-selector .ant-select-selection-placeholder {
  color: #000 !important;
  font-weight: 600;
}

.float-quill-custom .quill-custom-toolbar .ql-formats.font-size-wrapper {
  display: flex;
  align-items: center;
  gap: 0px;
}

.float-quill-custom .quill-custom-toolbar .ql-formats.font-size-wrapper .ant-btn svg {
  font-size: 14px !important;
}

.float-quill-custom .quill-custom-toolbar .ql-formats.font-size-wrapper .ant-select .ant-select-arrow {
  right: 5px !important;
}

.float-quill-custom .ql-container.ql-snow {
  border: 0px !important;
}

.float-quill-custom .ql-container.ql-snow .ql-editor {
  padding: 0px !important;
  margin: 0.2in;
}

.float-quill-custom .ql-container.ql-snow .ql-editor strong {
  font-weight: bold;
}

.float-quill-custom .ql-container.ql-snow .ql-editor strong * {
  font-weight: bold;
}

.float-quill-custom .ql-container.ql-snow .ql-editor.ql-blank::before {
  left: 0.2in;
  right: 0.2in;
}

.float-quill-custom .ql-tooltip.ql-editing.ql-flip {
  z-index: 1050 !important;
}

.float-quill-custom .ql-snow .ql-editing.ql-flip {
  transform: translate(120px, 25px);
}

.ql-formats-popup {
  width: auto !important;
  padding: 0px !important;
}

.ql-page-margin-popup {
  width: 200px !important;
}

.ql-page-margin-popup .ant-dropdown-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px !important;
}

.ql-page-margin-popup .ant-dropdown-menu .ant-dropdown-menu-item {
  width: calc(50% - 5px) !important;
  padding: 0px !important;
  cursor: default;
}

.ql-page-margin-popup .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-active {
  background-color: transparent !important;
}

.ql-page-margin-popup .ant-dropdown-menu .ant-dropdown-menu-item:first-child {
  width: 100% !important;
  border-bottom: 1px solid #f0f0f0 !important;
  padding-bottom: 8px !important;
  align-items: center;
  position: relative;
}

.ql-page-margin-popup .ant-dropdown-menu .ant-dropdown-menu-item:first-child .ant-dropdown-menu-title-content .ant-flex {
  position: relative;
}

.ql-page-margin-popup .ant-dropdown-menu .ant-dropdown-menu-item:first-child .ant-dropdown-menu-title-content .ant-flex .ant-btn {
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
  border-radius: 50% !important;
  color: var(--yellow) !important;
  position: absolute;
  top: -20px;
  right: -20px;
}

.ql-page-margin-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-flex .ant-input-group-wrapper .ant-input-wrapper .ant-input {
  border-right: 0px !important;
  background-color: transparent !important;
}

.ql-page-margin-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-flex .ant-input-group-wrapper .ant-input-wrapper .ant-input:hover,
.ql-page-margin-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-flex .ant-input-group-wrapper .ant-input-wrapper .ant-input:focus {
  border-color: #d9d9d9 !important;
  box-shadow: none !important;
}

.ql-page-margin-popup .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-flex .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon {
  background-color: transparent !important;
}

.ant-image-preview-operations-wrapper .ant-image-preview-operations .ant-image-preview-operations-progress {
  color: #ffffff;
}

.ant-image-preview-operations-wrapper .ant-image-preview-operations .ant-image-preview-operations-operation {
  color: #ffffff;
}

.ant-image-preview-operations-wrapper .ant-image-preview-switch-left:not(.ant-image-preview-switch-left-disabled) {
  color: #ffffff;
}

.ant-image-preview-operations-wrapper .ant-image-preview-switch-right:not(.ant-image-preview-switch-right-disabled) {
  color: #ffffff;
}

.ant-pagination.ant-pagination-mini .ant-pagination-item {
  line-height: 21px;
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  font-size: 15px;
}

.pagination-and-support-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 575px) {
  .pagination-and-support-details {
    gap: 8px;
  }
}

@media (max-width: 575px) {
  .pagination-and-support-details .tbl-page-size {
    width: 100%;
  }
}

.ant-pagination .ant-pagination-prev.ant-pagination-disabled button,
.ant-pagination .ant-pagination-next.ant-pagination-disabled button {
  background-color: #fff !important;
  border: none;
}

.ant-skeleton.skeleton-height-25 {
  height: 25px;
}

.ant-skeleton.skeleton-height-25 .ant-skeleton-input {
  height: 25px;
  line-height: 25px;
}

.ant-skeleton.skeleton-height-22 {
  height: 22px;
}

.ant-skeleton.skeleton-height-22 .ant-skeleton-input {
  height: 22px;
  line-height: 22px;
}

.ant-skeleton.skeleton-height-110 {
  height: 110px;
}

.ant-skeleton.skeleton-height-110 .ant-skeleton-button {
  height: 110px;
  line-height: 110px;
}

.ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  width: 100%;
}

.ant-tabs.no-icon .ant-tabs-nav {
  margin-bottom: 0px;
}

.ant-tabs.no-icon .ant-tabs-nav::before {
  display: none;
}

.ant-tabs.no-icon .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  color: var(--yellow);
}

.ant-tabs.no-icon .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar {
  bottom: 1px !important;
  background: transparent;
}

.ant-tabs.no-icon .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 3px;
  height: 2px;
  background: #bab6b6;
  width: 100%;
}

.ant-tabs.no-tab-padding-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  padding-top: 0px;
}

.clock-timer-on-desktop {
  display: none !important;
  visibility: hidden;
}

@media (min-width: 1800px) {
  .clock-timer-on-desktop {
    visibility: visible;
    display: flex !important;
    justify-content: center !important;
  }
}

.clock-timer-on-mobile {
  display: flex;
  justify-content: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  border-radius: 3px;
  animation: myAnim 1s ease 0s 1 normal none;
}

@media (min-width: 375px) {
  .clock-timer-on-mobile {
    width: 70%;
  }
}

@media (min-width: 768px) {
  .clock-timer-on-mobile {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .clock-timer-on-mobile {
    width: 35%;
  }
}

@media (min-width: 1440px) {
  .clock-timer-on-mobile {
    width: 25%;
  }
}

@media (min-width: 1800px) {
  .clock-timer-on-mobile {
    display: none;
  }
}

.clock-timer-on-mobile .clock-wrapper {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  gap: 12px;
}

.clock-timer-on-mobile .timer {
  display: flex;
  align-items: center;
  font-size: 34px;
}

.clock-timer-on-mobile .btn-group {
  display: flex;
  gap: 10px;
}

.clock-timer-on-mobile .btn-group .ant-btn {
  padding: 0px;
  line-height: normal;
  width: auto;
  height: auto;
}

.clock-timer-on-mobile .btn-group .ant-btn svg {
  font-size: 34px;
}

.clock-timer-on-mobile .btn-group .ant-btn.btn-start {
  color: #057900;
}

.clock-timer-on-mobile .btn-group .ant-btn.btn-pause {
  color: #8c53fb;
}

.clock-timer-on-mobile .btn-group .ant-btn.btn-resume {
  color: #057900;
}

.clock-timer-on-mobile .btn-group .ant-btn.btn-stop {
  color: #c80202;
}

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

  100% {
    transform: scale(1);
  }
}

.radio-type-error .ant-radio-inner {
  border-color: red !important;
}

.collapse-mobile .ant-collapse-content-box {
  padding: 12px 10px !important;
}

.vluxeo-system-default .bg-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: radial-gradient(at top center, #ffffff 0%, #ffffff 0%);
  background-color: transparent;
  opacity: 0.3;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.vluxeo-system {
  background-image: url("/images/VluxeoBg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.vluxeo-system footer span {
  color: white !important;
  font-size: 16px !important;
}

.vluxeo-system .bg-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: radial-gradient(at top center, #6c29ff 0%, rgba(2, 0, 20, 0) 65%);
  background-color: transparent;
  opacity: 0.3;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.vluxeo-system .forgot-description {
  color: white !important;
}

.vluxeo-system .ant-card {
  width: 500px;
  background-color: #fff;
  box-shadow: 5px 6px 15px -2px rgba(21, 20, 20, 0.6) !important;
}

.vluxeo-system .ant-card.ant-card-bordered {
  border: 1px solid #fff !important;
}

.vluxeo-system .ant-card .ant-card-body .title {
  color: #462c7e !important;
  margin-top: 25px;
  margin-bottom: 10px;
}

.vluxeo-system .ant-card .ant-card-body .title-2 {
  color: #7936fe !important;
  margin-top: 0px !important;
}

.vluxeo-system .ant-card .ant-card-body .description {
  color: #ffffff !important;
}

.vluxeo-system .ant-card .ant-card-body .description span {
  color: #ffffff !important;
}

.vluxeo-system .ant-card .ant-card-body .sub-title {
  color: #ffffff !important;
}

.vluxeo-system .float-wrapper {
  border: 1px solid #3e3b4c;
}

.vluxeo-system .float-wrapper .label {
  color: #ffffff;
}

.vluxeo-system .float-wrapper .float-label {
  background: linear-gradient(0deg, #3e3b4c 52%, transparent 0);
}

.vluxeo-system .float-wrapper .ant-input,
.vluxeo-system .float-wrapper .ant-input-mask {
  background: #3e3b4c;
  color: #ffffff;
}

.vluxeo-system .float-wrapper .ant-select .ant-select-selector {
  background: #3e3b4c;
  color: #ffffff;
}

.vluxeo-system .float-wrapper .ant-select .ant-select-arrow {
  color: var(--yellow);
}

.vluxeo-system .float-wrapper .ant-input-affix-wrapper {
  background-color: #3e3b4c;
}

.vluxeo-system .float-wrapper .ant-input-status-error,
.vluxeo-system .float-wrapper .ant-input-affix-wrapper-status-error {
  background-color: #3e3b4c !important;
}

.vluxeo-system .password-wrapper svg {
  color: var(--yellow);
}

.vluxeo-system .password-wrapper svg:hover,
.vluxeo-system .password-wrapper svg:focus,
.vluxeo-system .password-wrapper svg:active {
  color: #d4c2ff;
}

.vluxeo-system .btn-main-primary:hover,
.vluxeo-system .btn-main-primary:focus,
.vluxeo-system .btn-main-primary:active {
  background-color: #d4c2ff;
  border-color: #d4c2ff;
  color: black;
}

.vluxeo-system .btn-forgot-password-wrapper .ant-btn:hover,
.vluxeo-system .btn-forgot-password-wrapper .ant-btn:focus,
.vluxeo-system .btn-forgot-password-wrapper .ant-btn:active {
  color: #d4c2ff;
}

#PageLogin {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

#PageLogin .ant-layout-content {
  background-color: transparent;
  width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

@media (max-width: 767px) {
  #PageLogin .ant-layout-content {
    width: 90% !important;
  }
}

@media (max-width: 575px) {
  #PageLogin .ant-layout-content {
    width: 95% !important;
  }
}

#PageLogin .ant-layout-content .maintenance-notice-warning {
  padding: 15px 10px;
  color: #ffffff;
  border: 1px solid #7355de;
  text-align: center;
  background-color: #3e3c4b;
  margin-bottom: 25px;
}

#PageLogin .ant-layout-content .logo-wrapper {
  height: 140px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#PageLogin .ant-layout-content .logo-wrapper img {
  width: 300px;
}

#PageLogin .ant-layout-content .ant-card {
  width: 100%;
  border: 1px solid #525252 !important;
  border-radius: 5px !important;
}

#PageLogin .ant-layout-content .ant-card .ant-card-body {
  padding: 24px 30px;
  background-color: #1c192d !important;
  border-radius: 4px;
}

#PageLogin .ant-layout-content .ant-card .title {
  text-align: center;
  color: var(--yellow) !important;
  font-weight: 500;
  font-size: 28px;
  margin-bottom: 10px;
}

#PageLogin .ant-layout-content .ant-card .title-2 {
  color: #7936fe !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

#PageLogin .ant-layout-content .ant-card .title-new1 {
  text-align: center;
  color: white !important;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
}

#PageLogin .ant-layout-content .ant-card .title-new1:nth-child(2) {
  font-size: 26px !important;
}

#PageLogin .ant-layout-content .ant-card .description {
  text-align: center;
  color: #fff !important;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
}

#PageLogin .ant-layout-content .ant-card .send-new-passwoord .ant-form-item-explain {
  margin-bottom: 0px !important;
}

#PageLogin .ant-layout-content .ant-card .SendNewPassword {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  margin-top: -15px;
  justify-content: center;
}

#PageLogin .ant-layout-content .ant-card .SendNewPassword .ant-typography {
  color: #7936fe !important;
  font-style: italic;
  font-size: 16px;
}

#PageLogin .ant-layout-content .ant-card .SendNewPassword span {
  margin-left: 5px;
  font-size: 12px;
  color: #fff;
}

#PageLogin .ant-layout-content .ant-card .btn-forgot-password-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}

#PageLogin .ant-layout-content .ant-card .btn-forgot-password-wrapper .ant-btn {
  font-style: italic;
  font-size: 16px;
}

#PageLogin .ant-layout-content .ant-card .form-forgot-wrapper {
  margin-top: 20px;
}

#PageLogin .ant-layout-content .ant-card .form-forgot-wrapper .forgot-description {
  font-style: italic;
  font-size: 16px;
}

#PageLogin .ant-layout-content .ant-layout-footer {
  width: 100%;
  text-align: center;
  background-color: transparent;
  padding-block: 20px !important;
}

#PageLogin .ant-layout-content .ant-layout-footer .ant-typography {
  font-size: 16px;
}

#PageLogin .public-floats .float-wrapper {
  border: 1px solid #3e3c4b !important;
}

#PageLogin .public-floats .float-wrapper .ant-input,
#PageLogin .public-floats .float-wrapper .ant-input-affix-wrapper {
  background: #3e3c4b !important;
  color: #ffffff !important;
}

#PageLogin .public-floats .float-wrapper .float-label {
  background: linear-gradient(0deg, #3e3c4b 51%, #1c192d 0);
  color: #ffffff !important;
}

#PageLogin .public-floats input:-webkit-autofill,
#PageLogin .public-floats input:-webkit-autofill:hover,
#PageLogin .public-floats input:-webkit-autofill:focus,
#PageLogin .public-floats input:-webkit-autofill:active {
  -webkit-text-fill-color: white !important;
  box-shadow: inset 0 0 0 30px #3e3c4b !important;
}

.vluxeo-system .float-wrapper .ant-input,
.vluxeo-system .float-wrapper .ant-input-mask {
  background: transparent;
  color: #000000;
}

.vluxeo-system .float-wrapper .label {
  color: #d2d2d2;
}

.vluxeo-system .float-wrapper .float-label {
  background: #fff;
  color: #d2d2d2;
}

.vluxeo-system .float-wrapper .ant-input-affix-wrapper {
  background-color: transparent;
}

.vluxeo-system .float-wrapper .ant-input-affix-wrapper-status-error,
.vluxeo-system .float-wrapper .ant-input-status-error,
.vluxeo-system .float-wrapper .ant-input-status-error,
.vluxeo-system .float-wrapper .ant-input-affix-wrapper-status-error {
  background-color: transparent !important;
}

.vluxeo-system input:-webkit-autofill,
.vluxeo-system input:-webkit-autofill:active,
.vluxeo-system input:-webkit-autofill:focus,
.vluxeo-system input:-webkit-autofill:hover {
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0 30px #fff inset;
}

@media screen and (max-width: 530px) {
  .vluxeo-logo-main {
    left: auto !important;
    top: 0px !important;
    width: 170px !important;
  }

  .vluxeo-system .ant-card {
    margin-top: 30px !important;
  }
}

@media screen and (max-height: 800px) and (max-width: 1024px) {
  .vluxeo-logo-main {
    width: 150px !important;
    left: 20px !important;
    top: 10px !important;
  }
}

@media screen and (max-height: 800px) and (max-width: 575px) {
  .vluxeo-logo-main {
    width: 150px !important;
    left: auto !important;
  }
}

@media (max-width: 425px) {
  .float-wrapper-pass {
    height: 46px !important;
  }

  .float-wrapper-pass .ant-input-affix-wrapper {
    top: -4px;
  }
}

.float-wrapper-pass svg {
  color: #7936fe !important;
}

.btn-purple {
  color: #ffffff !important;
  background-color: #7936fe !important;
  border-color: #7936fe !important;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
  background-color: #d4c2ff !important;
  border-color: #d4c2ff !important;
  color: black !important;
}

.btn-purple-text {
  color: #7936fe !important;
}

.coupon-code {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.coupon-code .ant-form-item {
  width: calc(100% - 100px);
  margin-bottom: 0px;
}

.coupon-code .btn-main-tertiary {
  width: 90px;
  height: 45px !important;
}

.coupon-code .btn-main-primary {
  height: 40px !important;
  font-size: 16px !important;
}

.coupon-code .float-wrapper {
  height: 40px;
}

.coupon-code .float-wrapper .ant-input-lg:not(textarea) {
  height: 40px !important;
}

.coupon-code .float-wrapper .label {
  top: 8px;
}

.coupon-code .float-wrapper .float-label {
  top: -10px;
}

.e_signature_canvas {
  border: 1px solid #d9d9d9;
}

#PageForgotPassword {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

#PageForgotPassword .text-create-account,
#PageForgotPassword .text-sign-in-here {
  font-weight: 500;
}

#PageForgotPassword .ant-divider-horizontal {
  border-top: 1px solid #434343;
}

#PageForgotPassword .register-button,
#PageForgotPassword .sign-in-button,
#PageForgotPassword .submit-button {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

@media (max-width: 575px) {
  #PageForgotPassword .register-button,
  #PageForgotPassword .sign-in-button,
  #PageForgotPassword .submit-button {
    width: 100%;
  }
}

#PageForgotPassword .ant-layout-content {
  background-color: transparent;
  width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

@media (max-width: 767px) {
  #PageForgotPassword .ant-layout-content {
    width: 90% !important;
  }
}

@media (max-width: 575px) {
  #PageForgotPassword .ant-layout-content {
    width: 95% !important;
  }
}

#PageForgotPassword .ant-layout-content .logo-wrapper {
  height: 180px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#PageForgotPassword .ant-layout-content .logo-wrapper img {
  width: 300px;
}

#PageForgotPassword .ant-layout-content .ant-card {
  width: 100%;
  border: 1px solid #525252 !important;
  border-radius: 5px !important;
}

#PageForgotPassword .ant-layout-content .ant-card .ant-card-body {
  padding: 24px 30px;
  background-color: #1c192d !important;
  border-radius: 4px;
}

#PageForgotPassword .ant-layout-content .ant-card .title {
  text-align: center;
  color: #000000;
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 22px;
}

#PageForgotPassword .ant-layout-content .ant-card .title-new1 {
  text-align: center;
  color: white !important;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
}

#PageForgotPassword .ant-layout-content .ant-card .title-new1:nth-child(2) {
  font-size: 26px !important;
}

#PageForgotPassword .ant-layout-content .ant-card .btn-forgot-password-wrapper {
  display: flex;
  margin-top: 15px;
}

#PageForgotPassword .ant-layout-content .ant-layout-footer {
  width: 100%;
  text-align: center;
  background-color: transparent;
}

#PageForgotPassword .ant-layout-content .ant-layout-footer .ant-typography {
  color: #000000;
}

#PageForgotPassword .public-floats .float-wrapper {
  border: 1px solid #3e3c4b !important;
}

#PageForgotPassword .public-floats .float-wrapper .ant-input,
#PageForgotPassword .public-floats .float-wrapper .ant-input-affix-wrapper {
  background: #3e3c4b !important;
  color: #ffffff !important;
}

#PageForgotPassword .public-floats .float-wrapper .float-label {
  background: linear-gradient(0deg, #3e3c4b 51%, #1c192d 0);
  color: #ffffff !important;
}

#PageForgotPassword .public-floats input:-webkit-autofill,
#PageForgotPassword .public-floats input:-webkit-autofill:hover,
#PageForgotPassword .public-floats input:-webkit-autofill:focus,
#PageForgotPassword .public-floats input:-webkit-autofill:active {
  -webkit-text-fill-color: white !important;
  box-shadow: inset 0 0 0 30px #3e3c4b !important;
}

.vluxeo-system-default .bg-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: radial-gradient(at top center, #6c29ff 0%, #020014 55%);
  background-color: transparent;
  opacity: 0.3;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.vluxeo-system-registration {
  background-image: url("/images/VluxeoBg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.vluxeo-system-registration footer span {
  color: white !important;
  font-size: 16px !important;
}

.vluxeo-system-registration .bg-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: radial-gradient(at top center, #6c29ff 0%, #020014 55%);
  background-color: transparent;
  opacity: 0.3;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.vluxeo-system-registration .forgot-description {
  color: white !important;
}

.vluxeo-system-registration .ant-layout-content {
  width: 500px !important;
}

.vluxeo-system-registration .ant-card {
  width: 500px;
  background-color: #1c192c;
  box-shadow: 5px 6px 15px -2px rgba(21, 20, 20, 0.6) !important;
}

.vluxeo-system-registration .ant-card.ant-card-bordered {
  border: 1px solid #1c192c !important;
}

.vluxeo-system-registration .ant-card .ant-card-body .title {
  color: #ffffff !important;
  margin-top: 25px;
}

.vluxeo-system-registration .ant-card .ant-card-body .description {
  color: #ffffff !important;
}

.vluxeo-system-registration .ant-card .ant-card-body .description span {
  color: #ffffff !important;
}

.vluxeo-system-registration .ant-card .ant-card-body .sub-title {
  color: #ffffff !important;
}

.vluxeo-system-registration .float-wrapper {
  border: 1px solid #3e3b4c;
}

.vluxeo-system-registration .float-wrapper .label {
  color: #ffffff;
}

.vluxeo-system-registration .float-wrapper .float-label {
  background: linear-gradient(0deg, #3e3b4c 52%, transparent 0);
}

.vluxeo-system-registration .float-wrapper .ant-input,
.vluxeo-system-registration .float-wrapper .ant-input-mask {
  background: #3e3b4c;
  color: #ffffff;
}

.vluxeo-system-registration .float-wrapper .ant-select .ant-select-selector {
  background: #3e3b4c;
  color: #ffffff;
}

.vluxeo-system-registration .float-wrapper .ant-select .ant-select-arrow {
  color: var(--yellow);
}

.vluxeo-system-registration .float-wrapper .ant-input-affix-wrapper {
  background-color: #3e3b4c;
}

.vluxeo-system-registration .float-wrapper .ant-input-status-error,
.vluxeo-system-registration .float-wrapper .ant-input-affix-wrapper-status-error {
  background-color: #3e3b4c !important;
}

.vluxeo-system-registration .password-wrapper svg {
  color: var(--yellow);
}

.vluxeo-system-registration .password-wrapper svg:hover,
.vluxeo-system-registration .password-wrapper svg:focus,
.vluxeo-system-registration .password-wrapper svg:active {
  color: #d4c2ff;
}

.vluxeo-system-registration .btn-main-primary:hover,
.vluxeo-system-registration .btn-main-primary:focus,
.vluxeo-system-registration .btn-main-primary:active {
  background-color: #d4c2ff;
  border-color: #d4c2ff;
  color: black;
}

.vluxeo-system-registration .btn-forgot-password-wrapper .ant-btn:hover,
.vluxeo-system-registration .btn-forgot-password-wrapper .ant-btn:focus,
.vluxeo-system-registration .btn-forgot-password-wrapper .ant-btn:active {
  color: #d4c2ff;
}

#PageLoginRegistration {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

#PageLoginRegistration .ant-layout-content {
  background-color: transparent;
  width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

@media (max-width: 767px) {
  #PageLoginRegistration .ant-layout-content {
    width: 90% !important;
  }
}

@media (max-width: 575px) {
  #PageLoginRegistration .ant-layout-content {
    width: 95% !important;
  }
}

#PageLoginRegistration .ant-layout-content .maintenance-notice-warning {
  padding: 15px 10px;
  color: #ffffff;
  border: 1px solid #7355de;
  text-align: center;
  background-color: #3e3c4b;
  margin-bottom: 25px;
}

#PageLoginRegistration .ant-layout-content .logo-wrapper {
  height: auto;
  width: 100%;
  text-align: center;
}

#PageLoginRegistration .ant-layout-content .logo-wrapper img {
  width: 300px;
}

#PageLoginRegistration .ant-layout-content .ant-card {
  width: 100%;
  box-shadow: 5px 6px 15px -2px rgba(149, 146, 146, 0.6);
}

#PageLoginRegistration .ant-layout-content .ant-card .title {
  text-align: center;
  color: #000000;
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 22px;
}

#PageLoginRegistration .ant-layout-content .ant-card .btn-forgot-password-wrapper {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 10px;
}

#PageLoginRegistration .ant-layout-content .ant-card .btn-forgot-password-wrapper .ant-btn {
  font-style: italic;
  font-size: 16px;
}

#PageLoginRegistration .ant-layout-content .ant-card .form-forgot-wrapper {
  margin-top: 20px;
}

#PageLoginRegistration .ant-layout-content .ant-card .form-forgot-wrapper .forgot-description {
  font-style: italic;
  font-size: 16px;
}

#PageLoginRegistration .ant-layout-content .ant-layout-footer {
  width: 100%;
  text-align: center;
  background-color: transparent;
  padding-block: 20px !important;
}

#PageLoginRegistration .ant-layout-content .ant-layout-footer .ant-typography {
  font-size: 16px;
}

.switch-checkout {
  margin-bottom: 6px;
}

.switch-checkout .ant-switch:not(.ant-switch-checked) {
  background-color: transparent;
  border: 2px solid #8A54FB;
  margin: 0 10px 4px 10px;
}

.switch-checkout .ant-switch:not(.ant-switch-checked) .ant-switch-handle::before {
  background-color: #8A54FB;
  top: 2px;
}

.switch-checkout .save20 {
  color: #d5c5fd;
}

.switch-checkout .ant-switch.ant-switch-checked {
  background-color: #8A54FB;
  border: 2px solid #8A54FB;
  margin: 0 10px 4px 10px;
}

.switch-checkout .ant-switch.ant-switch-checked .ant-switch-handle {
  top: 2px;
}

#PageRegistration .orderSummary {
  font-size: 16px !important;
}

#PageRegistration .orderSummary h4 {
  font-size: 16px !important;
}

#PageRegistration .orderSummary .amount {
  font-size: 16px !important;
}

#PageRegistration .btn-apply {
  font-size: 16px !important;
  border-radius: 5px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-bottom: 30px !important;
}

#PageForgotPassword {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

#PageForgotPassword .text-create-account,
#PageForgotPassword .text-sign-in-here {
  font-weight: 500;
}

#PageForgotPassword .ant-divider-horizontal {
  border-top: 1px solid #434343;
}

#PageForgotPassword .register-button,
#PageForgotPassword .sign-in-button,
#PageForgotPassword .submit-button {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

@media (max-width: 575px) {
  #PageForgotPassword .register-button,
  #PageForgotPassword .sign-in-button,
  #PageForgotPassword .submit-button {
    width: 100%;
  }
}

#PageForgotPassword .ant-layout-content {
  background-color: transparent;
  width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

@media (max-width: 767px) {
  #PageForgotPassword .ant-layout-content {
    width: 90% !important;
  }
}

@media (max-width: 575px) {
  #PageForgotPassword .ant-layout-content {
    width: 95% !important;
  }
}

#PageForgotPassword .ant-layout-content .logo-wrapper {
  height: 180px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#PageForgotPassword .ant-layout-content .logo-wrapper img {
  width: 300px;
}

#PageForgotPassword .ant-layout-content .ant-card {
  width: 100%;
  border: 1px solid #525252 !important;
  border-radius: 5px !important;
}

#PageForgotPassword .ant-layout-content .ant-card .ant-card-body {
  padding: 24px 30px;
  background-color: #1c192d !important;
  border-radius: 4px;
}

#PageForgotPassword .ant-layout-content .ant-card .title {
  text-align: center;
  color: #000000;
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 22px;
}

#PageForgotPassword .ant-layout-content .ant-card .title-new1 {
  text-align: center;
  color: white !important;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
}

#PageForgotPassword .ant-layout-content .ant-card .title-new1:nth-child(2) {
  font-size: 26px !important;
}

#PageForgotPassword .ant-layout-content .ant-card .title-new1.verify-title {
  color: var(--yellow) !important;
}

#PageForgotPassword .ant-layout-content .ant-card .title-new1.how-to-receive-code-title {
  color: var(--yellow) !important;
  font-size: 20px !important;
}

#PageForgotPassword .ant-layout-content .ant-card .resend-code-container {
  font-style: italic;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 15px;
}

#PageForgotPassword .ant-layout-content .ant-card .resend-code-container .ant-btn-link {
  height: auto !important;
  width: auto !important;
  padding: 0 !important;
  font-style: italic !important;
  color: var(--yellow) !important;
  background: transparent !important;
  border: none !important;
}

#PageForgotPassword .ant-layout-content .ant-card .resend-code-container .ant-btn-link span {
  color: var(--yellow) !important;
}

#PageForgotPassword .ant-layout-content .ant-card .btn-forgot-password-wrapper {
  display: flex;
  margin-top: 15px;
}

#PageForgotPassword .ant-layout-content .ant-card .email-and-phone-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

@media (max-width: 575px) {
  #PageForgotPassword .ant-layout-content .ant-card .email-and-phone-container {
    flex-direction: column;
    gap: 10px;
  }
}

#PageForgotPassword .ant-layout-content .ant-card .enter-code-container {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#PageForgotPassword .ant-layout-content .ant-card .enter-code-container .label {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 16px;
  color: #000000 !important;
  z-index: 1;
}

#PageForgotPassword .ant-layout-content .ant-card .enter-code-container .label span {
  color: #f49917 !important;
}

#PageForgotPassword .ant-layout-content .ant-card .enter-code-container .ant-input-affix-wrapper {
  width: 50% !important;
  height: 50px !important;
}

@media (max-width: 575px) {
  #PageForgotPassword .ant-layout-content .ant-card .enter-code-container .ant-input-affix-wrapper {
    width: 100% !important;
  }
}

#PageForgotPassword .ant-layout-content .ant-card .enter-code-container .ant-input-affix-wrapper .ant-input-prefix svg {
  color: #f49917 !important;
}

#PageForgotPassword .ant-layout-content .ant-card .enter-code-container .ant-input-affix-wrapper .ant-input {
  text-align: center;
  padding-top: 15px !important;
}

#PageForgotPassword .ant-layout-content .ant-layout-footer {
  width: 100%;
  text-align: center;
  background-color: transparent;
}

#PageForgotPassword .ant-layout-content .ant-layout-footer .ant-typography {
  color: #000000;
}

#PageForgotPassword .public-floats .float-wrapper {
  border: 1px solid #3e3c4b !important;
}

#PageForgotPassword .public-floats .float-wrapper .ant-input,
#PageForgotPassword .public-floats .float-wrapper .ant-input-affix-wrapper {
  background: #3e3c4b !important;
  color: #ffffff !important;
}

#PageForgotPassword .public-floats .float-wrapper .float-label {
  background: linear-gradient(0deg, #3e3c4b 51%, #1c192d 0);
  color: #ffffff !important;
}

#PageForgotPassword .public-floats input:-webkit-autofill,
#PageForgotPassword .public-floats input:-webkit-autofill:hover,
#PageForgotPassword .public-floats input:-webkit-autofill:focus,
#PageForgotPassword .public-floats input:-webkit-autofill:active {
  -webkit-text-fill-color: white !important;
  box-shadow: inset 0 0 0 30px #3e3c4b !important;
}

#PageDashboard .row-uncharge {
  background-color: #d8ead2;
}

#PageDashboard .row-uncharge:hover {
  background-color: #d8ead2 !important;
}

#PageDashboard .update-actual-hours {
  background-color: #d8ead2;
}

#PageDashboard .update-actual-hours:hover {
  background-color: #d8ead2 !important;
}

#PageDashboard .update-actual-hours:hover .ant-table-cell-row-hover {
  background-color: #d8ead2 !important;
}

#PageDashboard .ant-table-cell-row-hover {
  background-color: inherit !important;
}

#PageDashboard .dashboard-table-employee {
  margin-top: 12px;
}

@media (min-width: 768px) {
  #PageDashboard .dashboard-table-employee {
    margin-top: 0;
  }
}

#PageDashboard .dashboard-table-employee .time-off-requests .tbl-top-filter {
  width: 100%;
}

#PageDashboard .dashboard-table-employee .time-off-requests .tbl-top-filter .table-pagination-wrapper {
  width: 100%;
  justify-content: space-between;
}

#PageDashboard .dashboard-table-employee .time-off-requests .tbl-top-filter .table-pagination-wrapper .add-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#PageDashboard .dashboard-table-admin {
  margin-top: 12px;
}

@media (min-width: 768px) {
  #PageDashboard .dashboard-table-admin {
    margin-top: 0;
  }
}

#PageDashboard .dashboard-table-client {
  margin-top: 12px;
}

@media (min-width: 768px) {
  #PageDashboard .dashboard-table-client {
    margin-top: 0;
  }
}

#PageDashboard .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 21.5%;
}

#PageDashboard .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 21.5%;
}

#PageDashboard .ant-layout .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-icon svg {
  margin-right: 3px;
}

#PageDashboard .ant-card .ant-card-body {
  padding: 16px;
}

#PageDashboard .dashboard-card {
  border-color: #e6e6e6;
  box-shadow: 5px 5px 6px 0 #efefef;
  border-radius: 10px !important;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

#PageDashboard .dashboard-card:hover {
  transform: translateY(-6px);
}

#PageDashboard .dashboard-card .title-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

#PageDashboard .dashboard-card .the-card-title {
  min-width: 21px !important;
  font-size: 25px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 425px) {
  #PageDashboard .dashboard-card .the-card-title {
    font-size: 21px;
  }
}

#PageDashboard .dashboard-card .card-icon {
  display: block;
  padding: 10px;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

@media (max-width: 425px) {
  #PageDashboard .dashboard-card .card-icon {
    font-size: 16px;
  }
}

#PageDashboard .dashboard-card .card-description {
  position: relative;
  top: -3px;
  margin-bottom: -6px;
  line-height: 15px;
}

@media (max-width: 425px) {
  #PageDashboard .dashboard-card .card-description {
    font-size: 16px;
  }
}

#PageDashboard .dashboard-card.issues .the-card-title,
#PageDashboard .dashboard-card.issues .card-icon {
  color: #c80202;
}

#PageDashboard .dashboard-card.issues .card-icon {
  background-color: rgba(128, 0, 32, 0.1);
}

#PageDashboard .dashboard-card.issues .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 32, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageDashboard .dashboard-card.issues .ant-row {
    margin-top: 10px !important;
  }

  #PageDashboard .dashboard-card.issues .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageDashboard .dashboard-card.issues .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageDashboard .dashboard-card.new-request .the-card-title,
#PageDashboard .dashboard-card.new-request .card-icon {
  color: #104b91;
}

#PageDashboard .dashboard-card.new-request .card-icon {
  background-color: #e8edf4;
}

#PageDashboard .dashboard-card.new-request .ticket-container:hover .the-card-title {
  color: rgba(16, 75, 145, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageDashboard .dashboard-card.new-request .ant-row {
    margin-top: 10px !important;
  }

  #PageDashboard .dashboard-card.new-request .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageDashboard .dashboard-card.new-request .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageDashboard .dashboard-card.questions .the-card-title,
#PageDashboard .dashboard-card.questions .card-icon {
  color: rgb(9, 121, 0);
}

#PageDashboard .dashboard-card.questions .card-icon {
  background-color: #eaf4e6;
}

#PageDashboard .dashboard-card.questions .ticket-container:hover .the-card-title {
  color: rgba(9, 121, 0, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageDashboard .dashboard-card.questions .ant-row {
    margin-top: 10px !important;
  }

  #PageDashboard .dashboard-card.questions .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageDashboard .dashboard-card.questions .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageDashboard .dashboard-card.employees .the-card-title,
#PageDashboard .dashboard-card.employees .card-icon {
  color: rgb(128, 0, 128);
}

#PageDashboard .dashboard-card.employees .card-icon {
  background-color: rgba(128, 0, 128, 0.1);
}

#PageDashboard .dashboard-card.employees .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 128, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageDashboard .dashboard-card.employees .ant-row {
    margin-top: 10px !important;
  }

  #PageDashboard .dashboard-card.employees .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageDashboard .dashboard-card.employees .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }

  #PageDashboard .dashboard-card.employees .ant-row .ticket-container:nth-child(2) {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

#PageDashboard .dashboard-card.light-purple-theme .the-card-title,
#PageDashboard .dashboard-card.light-purple-theme .card-icon {
  color: #c62fac;
  /* a light purple color */
}

#PageDashboard .dashboard-card.light-purple-theme .card-icon {
  background-color: #f5d9f8;
  /* a light purple background color */
}

#PageDashboard .dashboard-card.light-purple-theme .ticket-container:hover .the-card-title {
  color: rgba(198, 47, 172, 0.3);
  /* a light purple color with 30% opacity */
  transition: all 0.3s ease;
}

#PageDashboard .dashboard-card.light-green-theme .the-card-title,
#PageDashboard .dashboard-card.light-green-theme .card-icon {
  color: #1fbfba;
  /* a light green color */
}

#PageDashboard .dashboard-card.light-green-theme .card-icon {
  background-color: #d6f7fc;
  /* a light green background color */
}

#PageDashboard .dashboard-card.light-green-theme .ticket-container:hover .the-card-title {
  color: rgba(31, 191, 186, 0.3);
  /* a light green color with 30% opacity */
  transition: all 0.3s ease;
}

#PageDashboard .dashboard-card.light-orange-theme .the-card-title,
#PageDashboard .dashboard-card.light-orange-theme .card-icon {
  color: #fc7e45;
  /* a light orange color */
}

#PageDashboard .dashboard-card.light-orange-theme .card-icon {
  background-color: #ffe2d7;
  /* a light orange background color */
}

#PageDashboard .dashboard-card.light-orange-theme .ticket-container:hover .the-card-title {
  color: rgba(252, 126, 69, 0.3);
  /* a light orange color with 30% opacity */
  transition: all 0.3s ease;
}

#PageDashboard .card-list-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}

#PageDashboard .card-counter {
  border-color: #e6e6e6;
  box-shadow: 5px 5px 6px 0 #efefef;
  border-radius: 10px !important;
}

#PageDashboard .card-counter .ant-card-body {
  border-radius: 10px;
  border: 0px;
  padding: 15px;
}

#PageDashboard .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: normal;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (min-width: 375px) {
  #PageDashboard .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
    font-size: 22px;
  }
}

#PageDashboard .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title .number {
  font-size: 13px;
  font-weight: 800;
}

@media (min-width: 375px) {
  #PageDashboard .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title .number {
    font-size: 14px;
  }
}

@media (min-width: 1440px) {
  #PageDashboard .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title .number {
    font-size: 17px;
  }
}

#PageDashboard .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-description {
  color: #000000;
  font-size: 18px;
}

#PageDashboard .card-counter.card-total.new-tickets .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #42d300;
}

#PageDashboard .card-counter.card-total.open-tickets .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #097900;
}

#PageDashboard .card-counter.card-total.new-requests .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #349cd0;
}

#PageDashboard .card-counter.card-total.open-requests .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #104b91;
}

#PageDashboard .card-counter.card-total.employees .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #258900;
}

#PageDashboard .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td .date-wrapper {
  display: flex;
  gap: 5px;
}

#PageDashboard .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td .date-wrapper .btn-delete svg {
  font-size: 14px;
}

@media (max-width: 575px) {
  #PageDashboard .ant-collapse .ant-collapse-item.collapse-my-hours .ant-collapse-content .ant-collapse-content-box .page-size-wrapper {
    display: none;
  }
}

@media (max-width: 575px) {
  #PageDashboard .ant-collapse .ant-collapse-item.collapse-my-hours .ant-collapse-content .ant-collapse-content-box .entable-showing-entries-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-my-hours .ant-collapse-content .ant-collapse-content-box .entable-showing-entries-wrapper .tbl-page-size {
  display: none;
}

@media (max-width: 575px) {
  #PageDashboard .ant-collapse .ant-collapse-item.collapse-my-hours .ant-collapse-content .ant-collapse-content-box .entable-showing-entries-wrapper .tbl-page-size {
    display: flex;
  }
}

@media (max-width: 575px) {
  #PageDashboard .ant-collapse .ant-collapse-item.collapse-my-hours .ant-collapse-content .ant-collapse-content-box .entable-showing-entries-wrapper .tbl-page-size .ant-select .ant-select-selector {
    padding-left: 0px;
  }
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-current-tickets .ant-collapse-content .ant-collapse-content-box .btn-group-actions {
  display: flex;
  gap: 5px;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .year-wrapper {
  display: flex;
  gap: 5px;
  margin-bottom: 16px;
  width: 150px;
}

@media (max-width: 575px) {
  #PageDashboard .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .year-wrapper {
    width: 100%;
  }
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .year-wrapper .ant-btn {
  width: 50%;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .btn-archive-selected {
  width: 100%;
  margin-bottom: 16px;
  border-radius: 3px;
}

@media (min-width: 768px) {
  #PageDashboard .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .btn-archive-selected {
    width: 150px;
  }
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
  left: 21%;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after,
#PageDashboard .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
  left: 21%;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
  background-color: #f1f3f2;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table {
  background-color: #f1f3f2;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr {
  background-color: #f1f3f2;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th {
  background-color: #f1f3f2;
  color: #000000;
  padding-inline: 8px;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th .ant-table-column-sorters {
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th .ant-table-column-sorters .ant-table-column-title {
  color: #000000;
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th .ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full .ant-table-column-sorter-inner .anticon {
  color: #000000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th .ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full .ant-table-column-sorter-inner .active {
  color: #000000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.project-progress {
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.project-progress .ant-table-column-sorters {
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.project-progress .ant-table-column-sorters .ant-table-column-title {
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.payment-due .ant-table-column-sorters .ant-table-column-title {
  color: #000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.team-members {
  font-weight: 400;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.difference-hrs {
  font-weight: 400;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.contacted-last .ant-table-column-sorters .ant-table-column-title {
  color: #000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.scheduled-contact .ant-table-column-sorters .ant-table-column-title {
  color: #000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table .ant-table-tbody tr.ant-table-row td.ant-table-cell {
  vertical-align: top;
  padding: 0px 8px;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-projects .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table .ant-table-tbody tr.ant-table-row td.ant-table-cell .date-wrapper .ant-btn {
  height: auto;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table {
  background-color: #f1f3f2;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr {
  background-color: #f1f3f2;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th {
  background-color: #f1f3f2;
  color: #000000;
  padding-inline: 8px;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th .ant-table-column-sorters {
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th .ant-table-column-sorters .ant-table-column-title {
  color: #000000 !important;
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th .ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full .ant-table-column-sorter-inner .anticon {
  color: #000000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th .ant-table-column-sorters .ant-table-column-sorter.ant-table-column-sorter-full .ant-table-column-sorter-inner .active {
  color: #000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.project-progress {
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.project-progress .ant-table-column-sorters {
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.project-progress .ant-table-column-sorters .ant-table-column-title {
  font-weight: 400 !important;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.payment-due .ant-table-column-sorters .ant-table-column-title {
  color: #000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.team-members {
  font-weight: 400;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.contacted-last .ant-table-column-sorters .ant-table-column-title {
  color: #000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.scheduled-contact .ant-table-column-sorters .ant-table-column-title {
  color: #000;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table .ant-table-tbody tr.ant-table-row td.ant-table-cell {
  vertical-align: top;
  padding: 0px 8px;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-retainers .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table .ant-table-tbody tr.ant-table-row td.ant-table-cell .date-wrapper .ant-btn {
  height: auto;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell {
  padding-inline: 8px;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell {
  padding: 0px 8px;
  border-right: 1px solid #f0f0f0;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status {
  padding-left: 32px;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .ant-select {
  width: 100%;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .ant-select .ant-select-selector {
  padding: 0px;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .ant-select.pending .ant-select-selector .ant-select-selection-item {
  color: #f1a243;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .ant-select.pending .ant-select-arrow .anticon svg {
  color: #f1a243;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .ant-select.approved .ant-select-selector .ant-select-selection-item {
  color: #1752a2;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .ant-select.approved .ant-select-arrow .anticon svg {
  color: #1752a2;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .ant-select.denied .ant-select-selector .ant-select-selection-item {
  color: #cb474f;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .ant-select.denied .ant-select-arrow .anticon svg {
  color: #cb474f;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .pending {
  color: #f1a243;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .approved {
  color: #1752a2;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .denied {
  color: #cb474f;
}

#PageDashboard .ant-collapse .ant-collapse-item.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td.ant-table-cell.request_status .balance {
  color: #2f7e56;
}

#PageDashboard .filter-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 575px) {
  #PageDashboard .filter-wrapper {
    flex-direction: column;
    gap: 5px;
  }

  #PageDashboard .filter-wrapper .employees-wrapper .select-wrapper {
    width: 100% !important;
  }

  #PageDashboard .filter-wrapper .start-date-wrapper .ant-picker,
  #PageDashboard .filter-wrapper .end-date-wrapper .ant-picker {
    width: 100% !important;
  }

  #PageDashboard .filter-wrapper .request-type-wrapper {
    width: 100% !important;
  }

  #PageDashboard .filter-wrapper .btn-clear-filter-all {
    padding-left: 0px;
  }
}

#PageDashboard .filter-wrapper .employees-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageDashboard .filter-wrapper .employees-wrapper .label {
  display: flex;
  align-items: center;
  height: 32px;
}

#PageDashboard .filter-wrapper .employees-wrapper .select-wrapper {
  width: 200px;
  display: flex;
  align-items: center;
  height: 32px;
}

#PageDashboard .filter-wrapper .employees-wrapper .select-wrapper .ant-select {
  width: 100%;
  border: 1px solid #d9d9d9;
}

#PageDashboard .filter-wrapper .start-date-wrapper .ant-picker,
#PageDashboard .filter-wrapper .end-date-wrapper .ant-picker {
  height: 34px;
}

#PageDashboard .filter-wrapper .request-type-wrapper {
  width: 150px;
}

#PageDashboard .filter-wrapper .request-type-wrapper .ant-select {
  width: 100%;
  border: 1px solid #d9d9d9;
}

#PageDashboard .filter-wrapper .clear-wrapper {
  display: flex;
  align-items: center;
}

#PageDashboard .table-custom-wrapper {
  position: relative;
  border: 1px solid #ccc;
  clear: both;
  max-width: 100%;
}

#PageDashboard .table-custom-wrapper .table-custom {
  position: relative;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder {
  position: sticky;
  top: 0;
  z-index: 3;
  overflow: auto hidden;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
  padding: 0px 15px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head {
  background-color: transparent;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column {
  padding: 8px 16px;
  text-align: left;
  font-weight: 600;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.action {
  text-align: center;
  width: 110px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date {
  width: 170px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.week {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.day {
  width: 100px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.toggle-collapse {
  width: 50px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters {
  display: flex;
  align-items: center;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter {
  display: flex;
  flex-direction: column;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up {
  display: flex;
  align-items: flex-end;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up.active svg {
  color: #000;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up svg {
  margin-top: 2px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down {
  display: flex;
  align-items: flex-start;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down.active svg {
  color: #000;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down svg {
  margin-top: -8px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .title {
  font-weight: 600;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body {
  padding: 15px 15px;
  overflow: auto hidden;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .loading-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container {
  table-layout: fixed;
  width: 100%;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead {
  background-color: #fafafa;
  border: 1px solid #ccc;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column {
  padding: 8px 15px;
  color: #b9bbba;
  text-align: left;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
  width: 112px;
  padding-left: 40px;
  padding-right: 20px;
}

@media (max-width: 1800px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .btn-status.completed {
  color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid var(--yellow);
  background-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  left: 16%;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
  border-color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn {
  padding: 0px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn svg {
  margin: 0px !important;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date {
  width: 170px;
  text-align: left;
  cursor: pointer;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .from {
  margin-right: 3px;
  margin-left: 0px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .to {
  margin-left: 14px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.week {
  width: 70px;
  cursor: pointer;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day {
  width: 100px;
  cursor: pointer;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.hours {
  width: 70px;
  cursor: pointer;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
  width: 500px;
  cursor: pointer;
}

@media (max-width: 575px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse {
  width: 50px;
  cursor: pointer;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container {
  position: relative;
  height: 30px;
  cursor: pointer;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  position: absolute;
  top: 60%;
  right: 0;
  width: 28px;
  color: #b9bbba;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  position: absolute;
  top: -2px;
  width: 12px;
  height: 2px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before {
  left: 3px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::before {
  transform: rotate(45deg) translateX(2.5px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::after {
  transform: rotate(-45deg) translateX(-2.5px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::before {
  transform: rotate(-45deg) translateX(2.5px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::after {
  transform: rotate(45deg) translateX(-2.5px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead {
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column {
  color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed:not(.ant-checkbox-checked) .ant-checkbox-inner::after {
  border-color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  background-color: currentcolor;
  top: -5px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper {
  height: 100%;
  transition: height 0.3s ease;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper.has-toggle-collapse {
  height: 0px;
  overflow: hidden;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container {
  table-layout: fixed;
  width: 100%;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody {
  border: 1px solid #ccc;
  border-top: none;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row:nth-child(even) {
  background-color: #fafafa;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column {
  text-align: left;
  padding: 8px 15px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
  width: 60px;
}

@media (max-width: 1800px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper .total_amount-wrapper {
  width: 70px;
  display: flex;
  justify-content: center;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date {
  width: 170px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date > div {
  margin-left: 14px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.week {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.day {
  width: 100px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.hours {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
    width: 250px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container {
  display: flex;
  gap: 6px;
  width: auto;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .number {
  font-size: 16px;
  color: var(--yellow);
  width: 20px;
  text-align: center;
  margin-top: -1px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .content {
  width: calc(100% - 20px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.top {
  align-items: baseline;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.center {
  align-items: center;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.toggle-collapse {
  width: 50px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body.table-hours .table-custom-body-content-wrapper {
  width: 1075 !important;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body.table-hours .table-custom-body-content-wrapper .table-custom-body-content {
  width: 1075 !important;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body.table-hours .table-custom-body-content-wrapper .table-custom-body-content .table-custom-body-head-container {
  width: 1075 !important;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body.table-hours .table-custom-body-content-wrapper .table-custom-body-content .table-custom-body-body-wrapper {
  width: 1075 !important;
}

@media (max-width: 1440px) {
  #PageDashboard .table-custom-wrapper.table-hours .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
    width: 1100px !important;
  }
}

@media (max-width: 1440px) {
  #PageDashboard .table-custom-wrapper.table-hours .table-custom .table-custom-container .table-custom-body .table-custom-body-content-wrapper {
    width: 1070px !important;
  }
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.select {
  width: 70px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.year {
  width: 70px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employees {
  width: 180px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_from,
#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_to {
  width: 120px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.created_at {
  width: 110px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.request_type {
  width: 135px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.status {
  width: 150px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.days {
  width: 70px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.reason {
  width: 120px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employee_notes,
#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.manager_notes {
  width: 180px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.pto_balance,
#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.npto_balance {
  width: 155px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.approved_by {
  width: 115px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting {
  cursor: pointer;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper {
  display: flex;
  gap: 5px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .title {
  font-weight: 900;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting {
  width: 10px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 900;
  position: relative;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner .anticon {
  line-height: normal;
  position: absolute;
  color: #c1c1c1;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner .anticon.anticon-caret-up {
  top: 0px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner .anticon.anticon-caret-down {
  top: 7px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content {
  width: 2000px !important;
}

@-moz-document url-prefix()  {
  #PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content {
    width: 2040px !important;
  }
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container {
  width: 2000px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th {
  cursor: pointer;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select {
  width: 70px;
  display: flex;
  justify-content: center;
  height: 48px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select .checkbox-wrapper {
  display: flex;
  align-items: center;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.year {
  padding-left: 82px;
  width: 100%;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  width: 16px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper {
  width: 1925px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container {
  width: 1925px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column {
  width: auto !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select {
  width: 70px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select .checkbox-wrapper {
  display: flex;
  justify-content: center;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action {
  width: 70px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action > div {
  margin-left: 0px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employees {
  width: 180px !important;
  padding-left: 30px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_from,
#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_to {
  width: 120px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_from.has-sorting,
#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_to.has-sorting {
  padding-left: 30px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.created_at {
  width: 110px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.request_type {
  width: 135px !important;
  padding-left: 20px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status {
  width: 150px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select {
  width: 100%;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select .ant-select-selector {
  padding: 0px;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-selector .ant-select-selection-item {
  color: #f1a243;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-arrow .anticon svg {
  color: #f1a243;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-selector .ant-select-selection-item {
  color: #1752a2;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-arrow .anticon svg {
  color: #1752a2;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-selector .ant-select-selection-item {
  color: #cb474f;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-arrow .anticon svg {
  color: #cb474f;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .pending {
  color: #f1a243;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .approved {
  color: #1752a2;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .denied {
  color: #cb474f;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .balance {
  color: #2f7e56;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.day {
  width: 70px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.hours {
  width: 70px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.reason {
  width: 120px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employee_notes,
#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.manager_notes {
  width: 180px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance,
#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance {
  width: 155px !important;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance .balance,
#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance .balance {
  color: #2f7e56;
}

#PageDashboard .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.approved_by {
  width: 115px !important;
}

#PageDashboard #dashboard_employee .table-custom-body .table-custom-body-content {
  width: 1745px !important;
}

@-moz-document url-prefix()  {
  #PageDashboard #dashboard_employee .table-custom-body .table-custom-body-content {
    width: 1760px !important;
  }
}

#PageDashboard #dashboard_employee .table-custom-body .table-custom-body-content table.table-custom-body-head-container {
  width: 1745px !important;
}

#PageDashboard #dashboard_employee .table-custom-body-body-wrapper {
  width: 1745px !important;
}

#PageDashboard #dashboard_employee .table-custom-body-body-wrapper table.table-custom-body-body-container {
  width: 1745px !important;
}

#PageDashboard .btn-priority {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@supports (-moz-appearance: none) {
  #PageDashboard .btn-priority span {
    position: relative;
    top: -1px;
  }
}

#PageDashboard .btn-priority.btn-standard {
  color: #ffffff;
  background-color: #0866c6 !important;
  border-color: #0866c6 !important;
}

#PageDashboard .btn-priority.btn-rapid {
  color: #ffffff;
  background-color: #1c9a06 !important;
  border-color: #1c9a06 !important;
}

#PageDashboard .btn-priority.btn-fastest {
  color: #ffffff;
  background-color: #993300 !important;
  border-color: #993300 !important;
}

#PageDashboard .tbl_client_request_questions .title {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageDashboard .tbl_client_request_questions .title .text.active {
  color: var(--yellow);
}

#PageDashboard .tbl_client_request_questions .title .active-status {
  position: relative;
  height: 22px;
}

#PageDashboard .tbl_client_request_questions .title .active-status::before {
  content: "\2022";
  position: absolute;
  top: -22px;
  font-size: 38px;
  color: #0bb400;
}

#PageDashboard .ant-table-wrapper .tbl_client_comments .title {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageDashboard .ant-table-wrapper .tbl_client_comments .title .text.active {
  color: var(--yellow);
}

#PageDashboard .ant-table-wrapper .tbl_client_comments .title .active-status {
  position: relative;
  height: 22px;
}

#PageDashboard .ant-table-wrapper .tbl_client_comments .title .active-status::before {
  content: "\2022";
  position: absolute;
  top: -22px;
  font-size: 38px;
  color: #0bb400;
}

#PageDashboard .ant-table-wrapper .tbl_responses .title {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageDashboard .ant-table-wrapper .tbl_responses .title .text.active {
  color: var(--yellow);
}

#PageDashboard .ant-table-wrapper .tbl_responses .title .active-status {
  position: relative;
  height: 22px;
}

#PageDashboard .ant-table-wrapper .tbl_responses .title .active-status::before {
  content: "\2022";
  position: absolute;
  top: -22px;
  font-size: 38px;
  color: #0bb400;
}

#PageDashboard .ant-table-wrapper .quill-output-wrapper {
  display: flex;
}

#PageDashboard .table-custom-wrapper {
  position: relative;
  border: 1px solid #ccc;
  clear: both;
  max-width: 100%;
}

#PageDashboard .table-custom-wrapper .table-custom {
  position: relative;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder {
  position: sticky;
  top: 0;
  z-index: 3;
  overflow: auto hidden;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
  padding: 0px 15px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head {
  background-color: transparent;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column {
  padding: 14px 16px;
  text-align: left;
  font-weight: 600;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.action {
  text-align: center;
  width: 110px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date {
  width: 170px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.week {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.day {
  width: 100px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.toggle-collapse {
  width: 0px;
  padding: 14px 7px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters {
  display: flex;
  align-items: center;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter {
  display: flex;
  flex-direction: column;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up {
  display: flex;
  align-items: flex-end;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up.active svg {
  color: #000;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up svg {
  margin-top: 2px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down {
  display: flex;
  align-items: flex-start;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down.active svg {
  color: #000;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down svg {
  margin-top: -8px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .title {
  font-weight: 600;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body {
  padding: 15px 15px;
  overflow: auto hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container {
  table-layout: fixed;
  width: 100%;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead {
  background-color: #fafafa;
  border: 1px solid #ccc;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column {
  padding: 2px 15px;
  color: #b9bbba;
  text-align: left;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
  width: 112px;
}

@media (max-width: 1800px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .btn-status.paid {
  color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid var(--yellow);
  background-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  left: 16%;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
  border-color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn {
  padding: 0px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn svg {
  margin: 0px !important;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date {
  width: 170px;
  text-align: left;
  padding-left: 24px !important;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .from {
  margin-right: 3px;
  margin-left: 14px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .to {
  margin-left: 3px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.week {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day {
  width: 100px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.hours {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse {
  width: 50px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container {
  position: relative;
  height: 30px;
  cursor: pointer;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  position: absolute;
  top: 60%;
  right: 0;
  width: 28px;
  color: #b9bbba;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  position: absolute;
  top: -2px;
  width: 12px;
  height: 2px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before {
  left: 3px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::before {
  transform: rotate(45deg) translateX(2.5px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::after {
  transform: rotate(-45deg) translateX(-2.5px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::before {
  transform: rotate(-45deg) translateX(2.5px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::after {
  transform: rotate(45deg) translateX(-2.5px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead {
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column {
  color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.completed:not(.ant-checkbox-checked) .ant-checkbox-inner::after {
  border-color: #0d7211;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  color: #ffffff;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  background-color: currentcolor;
  top: -5px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper {
  height: 100%;
  transition: height 0.3s ease;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper.has-toggle-collapse {
  height: 0px;
  overflow: hidden;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container {
  table-layout: fixed;
  width: 100%;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody {
  border: 1px solid #ccc;
  border-top: none;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row:nth-child(even) {
  background-color: #fafafa;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column {
  text-align: left;
  padding: 8px 15px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
  width: 112px;
}

@media (max-width: 1800px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper .total_amount-wrapper {
  width: 70px;
  display: flex;
  justify-content: center;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date {
  width: 170px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date > div {
  margin-left: 14px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.week {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.day {
  width: 100px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.hours {
  width: 70px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
    width: 250px;
  }
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container {
  display: flex;
  gap: 6px;
  width: auto;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .number {
  font-size: 16px;
  color: var(--yellow);
  width: 20px;
  text-align: center;
  margin-top: -1px;
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .content {
  width: calc(100% - 20px);
}

#PageDashboard .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.toggle-collapse {
  width: 50px;
}

@media (max-width: 425px) and (min-width: 320px) {
  #PageDashboard #tblCurrentTickets .ant-table-container .ant-table-cell,
  #PageDashboard #tblAllProjects .ant-table-container .ant-table-cell,
  #PageDashboard #tblAllRetainers .ant-table-container .ant-table-cell {
    font-size: 16px !important;
  }

  #PageDashboard #tblCurrentTickets .ant-table-container .ant-table-cell .ant-select .ant-select-selector .ant-select-selection-item,
  #PageDashboard #tblAllProjects .ant-table-container .ant-table-cell .ant-select .ant-select-selector .ant-select-selection-item,
  #PageDashboard #tblAllRetainers .ant-table-container .ant-table-cell .ant-select .ant-select-selector .ant-select-selection-item {
    font-size: 16px !important;
  }
}

@media (max-width: 425px) and (min-width: 320px) {
  #PageDashboard .table-request-time-off .table-custom .table-custom-thead th {
    font-size: 16px !important;
  }
}

#PageDashboard .custom-table-sortable-header-cell .custom-table-sortable-header-actions {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

#PageDashboard .ant-table-thead > tr:hover .custom-table-sortable-header-cell .custom-table-sortable-header-actions,
#PageDashboard .custom-table-sortable-header-cell:hover .custom-table-sortable-header-actions,
#PageDashboard .custom-table-sortable-header-cell:focus-within .custom-table-sortable-header-actions {
  opacity: 1;
  pointer-events: auto;
}

.page-dashboard-table {
  display: flex;
  flex-direction: column;
}

.page-dashboard-table--top {
  margin-bottom: 20px;
  display: none;
}

@media (min-width: 768px) {
  .page-dashboard-table--top {
    display: block;
  }
}

.page-dashboard-table--bottom {
  margin-top: 10px;
  align-items: center;
}

@media (min-width: 768px) {
  .page-dashboard-table--bottom {
    align-items: flex-end;
  }
}

.page-dashboard-table--bottom .ant-pagination.ant-pagination-mini.table-pagination {
  justify-content: center;
}

@media (min-width: 768px) {
  .page-dashboard-table--bottom .ant-pagination.ant-pagination-mini.table-pagination {
    justify-content: flex-end;
  }
}

.modal-wrap-admin-dashboard .ant-modal {
  width: 600px !important;
}

@media (max-width: 575px) {
  .modal-wrap-admin-dashboard .ant-modal {
    max-width: calc(100vw - 16px) !important;
  }
}

@media (max-width: 345px) {
  .modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body {
    padding: 10px !important;
  }
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper {
  display: flex;
  flex-direction: column;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) {
  position: static !important;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown {
  position: static !important;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container {
  box-shadow: none;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel {
  width: 100%;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel.ant-picker-panel-focused {
  border-color: transparent !important;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel {
  width: 100%;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header {
  padding: 0px 18px;
  border-bottom: transparent;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-view .ant-picker-month-btn,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-view .ant-picker-month-btn:hover,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn:hover {
  color: #000000;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-prev-btn,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-next-btn {
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-prev-btn .ant-picker-prev-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-prev-btn .ant-picker-next-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-next-btn .ant-picker-prev-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-next-btn .ant-picker-next-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  display: none;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content {
  width: 100%;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: var(--yellow);
  color: #ffffff;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr.ant-picker-week-panel-row-selected td {
  background: #fcfddc;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr.ant-picker-week-panel-row-selected td .ant-picker-cell-inner {
  color: #000000;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel {
  width: 100%;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header {
  padding: 0px 55px;
  border-bottom: transparent;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-view .ant-picker-decade-btn {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-view .ant-picker-decade-btn:hover {
  color: #000000;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::after,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::after,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::after,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::after {
  width: 10px;
  height: 10px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: #fcfddc;
  color: #000000;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel {
  width: 100%;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header {
  padding: 0px 55px;
  border-bottom: transparent;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-view {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::after,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::after,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::after,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::after {
  width: 10px;
  height: 10px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: #fcfddc;
  color: #000000;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel {
  width: 100%;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header {
  padding: 0px 55px;
  border-bottom: transparent;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn:hover {
  color: #000000;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::before,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::after,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::after,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::after,
.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::after {
  width: 10px;
  height: 10px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: #fcfddc;
  color: #000000;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper > div.ant-picker {
  visibility: hidden;
  height: 0px;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper .ant-picker-cell-inner {
  color: #262626;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper .ant-picker-cell-inner::after {
  border-color: #262626;
}

.modal-wrap-admin-dashboard .ant-modal .ant-modal-content .ant-modal-body .select-date-wrapper .ant-picker-cell-inner::before {
  border-color: #262626;
}

#tblAllProjects table td.ant-table-cell {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

#tblAllProjects table td.ant-table-cell:last-child {
  border-right: none;
}

#tblAllProjects table .ant-table-cell .text-ellipses {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#tblAllProjects table .team-members {
  text-align: center;
}

#tblAllProjects table tr > td {
  padding: 0px 16px;
  vertical-align: middle !important;
}

#tblAllRetainers table td.ant-table-cell {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

#tblAllRetainers table td.ant-table-cell:last-child {
  border-right: none;
}

#tblAllRetainers table .ant-table-cell .text-ellipses {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#tblAllRetainers table .team-members {
  text-align: center;
}

#tblAllRetainers table tr > td {
  padding: 0px 16px;
  vertical-align: middle !important;
}

.dropdown-color-picker .ant-dropdown-menu-item:hover {
  background-color: white;
}

.dashboard-table-admin-collapse .ant-collapse-header {
  padding-left: 25px !important;
}

@media (max-width: 575px) {
  .dashboard-table-admin-collapse .ant-collapse-content-box {
    padding: 5px 5px 10px !important;
  }

  .dashboard-table-admin-collapse .ant-collapse-content-box .page-dashboard-table {
    margin-top: 0px !important;
  }
}

.dashboard-table-admin-collapse.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box {
  padding: 24px !important;
}

@media (max-width: 575px) {
  .dashboard-table-admin-collapse.collapse-all-time-off-requests .ant-collapse-content .ant-collapse-content-box {
    padding: 5px !important;
  }
}

@media (max-width: 767px) {
  .dashboard-table-admin-collapse.collapse-all-time-off-requests .table-pagination-wrapper {
    align-items: center;
  }

  .dashboard-table-admin-collapse.collapse-all-time-off-requests .table-pagination-wrapper .ant-pagination {
    display: flex;
    justify-content: center;
  }
}

.client-dashboard {
  display: flex;
  flex-wrap: wrap !important;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 30px;
}

.client-dashboard .ant-space-item:nth-child(2) {
  width: calc(100% - 126.56px);
}

.client-dashboard .dashboard-card {
  width: 371.03px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .client-dashboard .dashboard-card {
    width: 250px;
  }
}

@media (max-width: 672px) {
  .client-dashboard .dashboard-card {
    width: 100%;
  }
}

.client-dashboard .dashboard-card-full {
  width: 100%;
}

@media (max-width: 767px) {
  .table-entries-table-pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 10px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  .table-entries-table-pagination-wrapper .ant-pagination {
    right: 0px !important;
  }
}

@media (max-width: 767px) {
  .table-entries-table-pagination-wrapper .ant-pagination .ant-pagination-total-text {
    display: none !important;
  }
}

.page-dashboard-table-client-header {
  margin-top: -5px !important;
}

.page-dashboard-table-client-header .table-entries-table-pagination-wrapper-header {
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .page-dashboard-table-client-header .table-entries-table-pagination-wrapper-header {
    margin-bottom: 10px;
  }
}

@media (max-width: 860px) {
  .table-entries-table-pagination-wrapper-client-add {
    display: flex;
    flex-direction: column-reverse;
    align-content: flex-end !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
  }
}

@media (max-width: 767px) {
  .table-entries-table-pagination-wrapper-client-add {
    align-content: unset !important;
    flex-wrap: unset !important;
    align-items: center !important;
    margin-top: -10px;
  }

  .table-entries-table-pagination-wrapper-client-add .ant-space-align-center {
    gap: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 10px;
  }
}

.btn-clear-filter-all span {
  color: black;
  font-size: 14px;
}

.btn-clear-filter-all svg {
  color: var(--yellow);
  padding-top: 4px;
}

.root-modal-column .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-radio-wrapper-checked .ant-radio.ant-radio-checked .ant-radio-inner::after {
  background-color: var(--yellow) !important;
}

.popover-color-picker {
  padding-bottom: 0px !important;
}

.popover-color-picker .ant-popover-content .ant-popover-arrow {
  display: none;
}

.popover-color-picker .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 5px 10px 10px 10px !important;
}

@media (max-width: 768px) {
  .modal-setting-up {
    width: 80% !important;
  }
}

.modal-setting-up .location-text {
  padding-left: 27px;
}

.modal-setting-up-success a.ant-typography {
  color: var(--yellow) !important;
  text-decoration: none;
}

.modal-setting-up-success .btn-close {
  color: #fff;
  background-color: var(--yellow);
  border: none;
  z-index: 99999;
}

.modal-setting-up .steps-content .active {
  display: block;
}

.modal-setting-up .steps-content .inactive {
  display: none;
}

.modal-setting-up .typo-title {
  font-size: 20px;
  font-weight: 600;
}

.modal-setting-up .div-vertical {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal-setting-up .date-radio-group .radio-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* Creates 2 columns */
  grid-gap: 20px;
  /* Adjust the space between rows and columns */
  align-items: start;
  /* Aligns items to the start of each cell */
}

.modal-setting-up .date-radio-group .ant-radio-inner::after {
  background-color: white !important;
}

.modal-setting-up .float-input-no-label .float-label {
  display: none;
}

.modal-setting-up .settings-content-tabs .ant-tabs-content .ant-card-bordered {
  margin-bottom: 0px !important;
}

.modal-setting-up .chevy-active {
  color: var(--yellow);
}

.modal-setting-up .chevy-inactive {
  color: #353535;
  opacity: 0.5;
}

.modal-setting-up .setting-up-steps .ant-steps-item-title::after {
  display: none !important;
}

.modal-setting-up .setting-up-steps .ant-steps-item .ant-steps-item-icon .ant-steps-icon {
  top: -2px !important;
  line-height: 2;
}

.modal-setting-up .setting-up-steps .ant-steps-item-active .ant-steps-item-icon {
  background: var(--yellow) !important;
  border: none !important;
}

.modal-setting-up .setting-up-steps .ant-steps-item-active .ant-steps-item-icon .ant-steps-icon {
  top: -1px !important;
}

.modal-setting-up .setting-up-steps .ant-steps-item-active .chevy {
  color: var(--yellow);
}

.modal-setting-up .setting-up-steps .ant-steps-item-finish .ant-steps-item-icon {
  background: var(--yellow) !important;
  border: none !important;
}

.modal-setting-up .setting-up-steps .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
  top: -0.5px !important;
  color: white;
}

.modal-setting-up .setting-up-steps .ant-steps-item-finish .chevy {
  color: var(--yellow);
}

.modal-setting-up .btn-link {
  color: var(--yellow) !important;
}

#PageTicketing .btn-top-actions {
  display: flex;
  gap: 12px;
}

@media (max-width: 575px) {
  #PageTicketing .btn-top-actions {
    flex-direction: column;
  }
}

#PageTicketing .btn-top-actions .ant-btn {
  width: 190px;
  border-radius: 3px;
}

@media (max-width: 575px) {
  #PageTicketing .btn-top-actions .ant-btn {
    width: 100%;
  }
}

#PageTicketing .select-project-acronyms {
  width: 180px;
}

#PageTicketing .btn-top-actions-status {
  display: flex;
  gap: 12px;
}

@media (max-width: 575px) {
  #PageTicketing .btn-top-actions-status {
    flex-direction: column;
    margin-top: 12px;
  }
}

#PageTicketing .btn-top-actions-status .ant-btn {
  width: 89px;
  border-radius: 3px;
}

@media (max-width: 575px) {
  #PageTicketing .btn-top-actions-status .ant-btn {
    width: 100%;
  }
}

#PageTicketing .btn-top-actions-status .priority-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 386px;
}

#PageTicketing .btn-top-actions-status .priority-wrapper .btn-priority-filter.ant-btn {
  width: auto;
  background-color: transparent;
  border: 0px;
  color: #000000;
  display: flex;
  align-items: center;
}

#PageTicketing .btn-top-actions-status .priority-wrapper .btn-priority-filter.ant-btn svg {
  margin-right: 5px;
  border-radius: 50%;
  font-size: 10px;
  padding: 2px 6px;
}

#PageTicketing .btn-top-actions-status .priority-wrapper .btn-priority-filter.btn-standard svg {
  color: #ffffff;
  background-color: #0866c6 !important;
  border-color: #0866c6 !important;
}

#PageTicketing .btn-top-actions-status .priority-wrapper .btn-priority-filter.btn-fastest svg {
  color: #ffffff;
  background-color: #1c9a06 !important;
  border-color: #1c9a06 !important;
}

#PageTicketing .btn-top-actions-status .priority-wrapper .btn-priority-filter.btn-lightspeed svg {
  color: #ffffff;
  background-color: #993300 !important;
  border-color: #993300 !important;
}

#PageTicketing .btn-priority {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageTicketing .btn-priority span {
  line-height: 18px;
}

#PageTicketing .btn-priority.btn-standard {
  color: #ffffff;
  background-color: #0866c6 !important;
  border-color: #0866c6 !important;
}

#PageTicketing .btn-priority.btn-rapid {
  color: #ffffff;
  background-color: #1c9a06 !important;
  border-color: #1c9a06 !important;
}

#PageTicketing .btn-priority.btn-fastest {
  color: #ffffff;
  background-color: #993300 !important;
  border-color: #993300 !important;
}

@media (max-width: 767px) {
  #PageTicketing .table-pagination-wrapper .ant-pagination.table-pagination {
    justify-content: flex-end;
  }
}

#PageTicketing .tbl-page-size {
  margin-top: 12px;
}

#PageTicketing .tbl-page-size .ant-select {
  width: 100%;
}

@media (max-width: 575px) {
  #PageTicketing .tbl-bottom-showing-entries .table-showing-entries {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageTicketing .table-pagination-wrapper {
    text-align: center;
  }
}

@media (max-width: 575px) {
  #PageTicketing .table-pagination-wrapper .ant-pagination.table-pagination {
    justify-content: center;
  }
}

#PageTicketing .tbl_client_comments .title {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageTicketing .tbl_client_comments .title .text.active {
  color: var(--yellow);
}

#PageTicketing .tbl_client_comments .title .active-status {
  position: relative;
  height: 22px;
}

#PageTicketing .tbl_client_comments .title .active-status::before {
  content: "\2022";
  position: absolute;
  top: -22px;
  font-size: 38px;
  color: #0bb400;
}

#PageTicketing .tbl_responses .title {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageTicketing .tbl_responses .title .text.active {
  color: var(--yellow);
}

#PageTicketing .tbl_responses .title .active-status {
  position: relative;
  height: 22px;
}

#PageTicketing .tbl_responses .title .active-status::before {
  content: "\2022";
  position: absolute;
  top: -22px;
  font-size: 38px;
  color: #0bb400;
}

#PageTicketing .quill-output-wrapper {
  display: flex;
}

#PageTicketingForm .close-ticket-wrapper {
  height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
}

#PageTicketingForm .ticket-no-wrapper {
  display: flex;
  gap: 25px;
}

#PageTicketingForm .ticket-no-wrapper .ant-input-group-wrapper {
  width: 150px;
}

#PageTicketingForm .ticket-no-wrapper .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon {
  background-color: #f1f3f2;
  border-color: #cccccc;
  border-right: 0px;
  padding-right: 5px;
}

#PageTicketingForm .ticket-no-wrapper .ant-input-group-wrapper .ant-input-wrapper .ant-input.ant-input-disabled {
  background-color: #f1f3f2;
  border-color: #cccccc;
  color: #575958;
  border-left: 0px;
  padding-left: 0px;
}

#PageTicketingForm .ticket-no-wrapper .btn-close-ticket {
  background-color: #920503;
  color: #ffffff;
}

#PageTicketingForm .ticket-no-wrapper .btn-close-ticket:hover,
#PageTicketingForm .ticket-no-wrapper .btn-close-ticket:focus {
  border-color: #920503;
}

#PageTicketingForm .customer-details-wrapper {
  display: flex;
  justify-content: flex-end;
}

#PageTicketingForm .customer-details-wrapper .customer-details {
  width: 180px;
  display: flex;
  justify-content: space-between;
}

#PageTicketingForm .ant-layout:not(.ant-layout-has-collapse) .customer-details-wrapper {
  justify-content: flex-end;
}

@media (min-width: 768px) and (max-width: 991px) {
  #PageTicketingForm .ant-layout:not(.ant-layout-has-collapse) .customer-details-wrapper {
    justify-content: flex-start;
  }
}

@media (max-width: 991px) {
  #PageTicketingForm .ant-layout:not(.ant-layout-has-collapse) .ticket-no-wrapper .ant-input-group-wrapper {
    width: 180px;
  }
}

@media (width: 768px) {
  #PageTicketingForm .ant-layout.ant-layout-has-collapse .customer-details-wrapper {
    justify-content: flex-end;
  }
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-head {
  padding-left: 15px;
  padding-right: 15px;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body {
  padding: 15px;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo {
  border-radius: 5px !important;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo .ant-card-cover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 200px;
  overflow: hidden;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo .ant-card-cover .ant-image {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo .ant-card-cover .ant-image .ant-image-img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo .ant-card-cover .ant-image .ant-image-mask {
  height: 250px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo .ant-card-body {
  padding: 15px 10px;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  margin-bottom: 0px;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-description {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo .ant-card-actions {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#PageTicketingForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-card .ant-card-body .card-photo-wrapper .card-photo .ant-card-actions li {
  color: var(--yellow);
}

#PageTicketingForm .card-upload .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  padding: 3px 0px;
}

#PageTicketingForm .card-upload .ant-card-head .ant-card-head-wrapper .ant-card-head-title .subtitle {
  font-size: 14px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 0px;
  max-height: 400px;
  overflow-y: scroll;
  --webkit-overflow-scrolling: touch;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar-track {
  background-color: transparent;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar-thumb {
  background-color: #58595b;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar-track,
#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

@supports (scrollbar-width: auto) {
  #PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box > div:not(:first-child) {
  margin-top: 10px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-left-wrapper .message-left {
  width: 80%;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-left-wrapper .message-left .title {
  padding: 10px 15px;
  font-size: 12px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-left-wrapper .message-left .description {
  padding: 10px 15px;
  background-color: #e2eaf7;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-left-wrapper .message-left .attachment {
  padding: 5px 15px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-left-wrapper .message-left .attachment .ant-image {
  width: 60px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-right-wrapper {
  display: flex;
  justify-content: flex-end;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-right-wrapper .message-right {
  width: 80%;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-right-wrapper .message-right .title {
  padding: 10px 15px;
  font-size: 12px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-right-wrapper .message-right .description {
  padding: 10px 15px;
  background-color: #f9ead8;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-right-wrapper .message-right .attachment {
  padding: 5px 15px;
}

#PageTicketingForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-right-wrapper .message-right .attachment .ant-image {
  width: 60px;
}

.dropdown-customer-details .ant-dropdown-menu {
  padding: 0px !important;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .name {
  font-weight: 600;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .number {
  margin-top: 10px;
  display: flex;
  gap: 5px;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .number .icon {
  color: var(--yellow);
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .email {
  display: flex;
  gap: 5px;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .email .icon {
  color: var(--yellow);
}

.modal-form-upload-photos .ant-modal-content .ant-modal-footer {
  padding-top: 0px;
  border-top: 0px;
}

@media (max-width: 425px) {
  .collapse-description-comment .ant-form-item.mobile-form-item {
    margin-bottom: 0 !important;
  }
}

.btn-top-actions {
  font-size: 16px;
}

.btn-top-actions--tickets button.ant-btn {
  height: 45px !important;
  padding: 6.4px 15px;
  font-size: 16px;
}

@media (min-width: 768px) {
  .btn-top-actions--tickets button.ant-btn {
    height: auto !important;
    padding: 6.4px 7px;
    font-size: 12px;
  }
}

@media (min-width: 1024px) {
  .btn-top-actions--tickets button.ant-btn {
    height: 45px !important;
    padding: 6.4px 15px;
    font-size: 16px;
  }
}

.ticket-resolved-check .ant-checkbox-wrapper {
  font-size: 16px;
}

#PageClientRetainer .btn-top-actions {
  display: flex;
  gap: 12px;
}

@media (max-width: 575px) {
  #PageClientRetainer .btn-top-actions {
    flex-direction: column;
  }
}

#PageClientRetainer .btn-top-actions .ant-btn {
  width: 190px;
  border-radius: 3px;
}

@media (max-width: 575px) {
  #PageClientRetainer .btn-top-actions .ant-btn {
    width: 100%;
  }
}

#PageClientRetainer .select-project-acronyms {
  width: 190px;
}

#PageClientRetainer .select-project-acronyms .ant-select-selector {
  border-color: var(--yellow);
  border-radius: 5px;
  box-shadow: none;
}

#PageClientRetainer .select-project-acronyms .ant-select-selector .ant-select-selection-search::-moz-placeholder {
  color: var(--yellow);
}

#PageClientRetainer .select-project-acronyms .ant-select-selector .ant-select-selection-search::placeholder {
  color: var(--yellow);
}

#PageClientRetainer .select-project-acronyms .ant-select-selector .ant-select-selection-placeholder {
  color: var(--yellow);
}

#PageClientRetainer .select-project-acronyms .ant-select-arrow {
  color: var(--yellow);
}

#PageClientRetainer .select-project-acronyms-wrapper {
  margin-top: 12px;
  display: flex;
  gap: 12px;
}

#PageClientRetainer .select-project-acronyms-wrapper .select-project-acronyms {
  width: calc(100% - 122px);
}

#PageClientRetainer .select-project-acronyms-wrapper .tbl-page-size {
  margin-top: 0px;
  width: 110px;
}

#PageClientRetainer .select-support-details-wrapper {
  margin-top: 12px;
  display: flex;
  gap: 12px;
}

#PageClientRetainer .select-support-details-wrapper .tbl-page-size {
  margin-top: 0px;
  width: 110px;
}

@media (max-width: 575px) {
  #PageClientRetainer .select-support-details-wrapper .tbl-page-size {
    width: 100%;
  }
}

#PageClientRetainer .btn-top-actions-year {
  display: flex;
  gap: 12px;
}

@media (max-width: 575px) {
  #PageClientRetainer .btn-top-actions-year {
    margin-top: 12px;
  }
}

#PageClientRetainer .btn-top-actions-year .ant-btn {
  width: 89px;
  border-radius: 3px;
}

@media (max-width: 575px) {
  #PageClientRetainer .btn-top-actions-year .ant-btn {
    width: 50%;
  }
}

#PageClientRetainer .btn-top-actions-year .priority-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 386px;
}

#PageClientRetainer .btn-top-actions-year .priority-wrapper .btn-priority-filter.ant-btn {
  width: auto;
  background-color: transparent;
  border: 0px;
  color: #000000;
  display: flex;
  align-items: center;
}

#PageClientRetainer .btn-top-actions-year .priority-wrapper .btn-priority-filter.ant-btn svg {
  margin-right: 5px;
  border-radius: 50%;
  font-size: 10px;
  padding: 2px 6px;
}

#PageClientRetainer .btn-top-actions-year .priority-wrapper .btn-priority-filter.btn-standard svg {
  color: #ffffff;
  background-color: #0866c6 !important;
  border-color: #0866c6 !important;
}

#PageClientRetainer .btn-top-actions-year .priority-wrapper .btn-priority-filter.btn-rapid svg {
  color: #ffffff;
  background-color: #1c9a06 !important;
  border-color: #1c9a06 !important;
}

#PageClientRetainer .btn-top-actions-year .priority-wrapper .btn-priority-filter.btn-fastest svg {
  color: #ffffff;
  background-color: #e4151f !important;
  border-color: #e4151f !important;
}

#PageClientRetainer .btn-priority {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageClientRetainer .btn-priority span {
  line-height: normal;
}

#PageClientRetainer .btn-priority.btn-standard {
  color: #ffffff;
  background-color: #0866c6 !important;
  border-color: #0866c6 !important;
}

#PageClientRetainer .btn-priority.btn-rapid {
  color: #ffffff;
  background-color: #1c9a06 !important;
  border-color: #1c9a06 !important;
}

#PageClientRetainer .btn-priority.btn-fastest {
  color: #ffffff;
  background-color: #e4151f !important;
  border-color: #e4151f !important;
}

@media (max-width: 767px) {
  #PageClientRetainer .table-pagination-wrapper .ant-pagination.table-pagination {
    justify-content: flex-end;
  }
}

#PageClientRetainer .tbl-page-size {
  margin-top: 12px;
}

#PageClientRetainer .tbl-page-size .ant-select {
  width: 100%;
}

@media (max-width: 575px) {
  #PageClientRetainer .tbl-bottom-showing-entries .table-showing-entries {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageClientRetainer .table-pagination-wrapper {
    text-align: center;
  }
}

@media (max-width: 575px) {
  #PageClientRetainer .table-pagination-wrapper .ant-pagination.table-pagination {
    justify-content: center;
  }
}

#PageClientRetainer .color-retainer-hours {
  color: #ea2b32;
}

#PageClientRetainer .color-design {
  color: #2993c1;
}

#PageClientRetainer .color-programming {
  color: #36a800;
}

.modal-support-details {
  width: 100% !important;
}

@media (min-width: 1024px) {
  .modal-support-details {
    width: 85% !important;
    top: 60px;
  }
}

@media (min-width: 1440px) {
  .modal-support-details {
    width: 55% !important;
    top: 60px;
  }
}

.modal-support-details .title-top {
  text-align: center;
  font-size: 14px;
  margin-bottom: 25px;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper {
  overflow-x: auto;
  padding-bottom: 10px;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table {
  border-collapse: collapse;
  border: 1px solid #e5e7e6;
  table-layout: fixed;
  width: 100%;
  font-size: 14px;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table thead tr th {
  padding: 3px;
  border-bottom: 1px solid #e5e7e6;
  padding: 20px;
  line-height: normal;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table thead tr th b {
  font-weight: 700;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table thead tr th:not(:last-child) {
  border-right: 1px solid #e5e7e6;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table thead tr th:nth-child(1) {
  width: 218px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table thead tr th:nth-child(1) {
    width: 110px;
  }
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table thead tr th:nth-child(2) {
  width: 180px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table thead tr th:nth-child(2) {
    width: 150px;
  }
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table thead tr th:nth-child(3) {
  width: 230px;
  font-weight: 600;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table thead tr th:nth-child(4) {
  width: 230px;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr.low td {
  padding: 20px;
  padding-bottom: 0;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr.low td:not(:first-child) {
  background: white;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr.low td:first-child {
  background: white;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr.medium td {
  padding: 20px;
  padding-bottom: 0;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr.medium td:not(:first-child) {
  background: #fafafa;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr.medium td:first-child {
  background: #fafafa;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr.high td {
  padding: 20px;
  padding-bottom: 0;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr.high td:not(:first-child) {
  background: white;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr.high td:first-child {
  background: white;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td,
.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th {
  padding: 3px;
  line-height: normal;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td:not(:last-child),
.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th:not(:last-child) {
  border-right: 1px solid #e5e7e6;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td b,
.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th b {
  font-weight: 700;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th:not(.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th:last-child) {
  background: #fd9803;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th:not(:first-child) {
  color: #ffffff;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th:first-child {
  font-weight: 600;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th:nth-child(3) {
  width: 115px;
  background: #1a66cc !important;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th:nth-child(4) {
  width: 115px;
  background: #068003 !important;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th:nth-child(5) {
  width: 115px;
  background: #993300 !important;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr th:nth-child(6) {
  width: 115px;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.low {
  background: #dceef4;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.medium {
  background: #d8e4bd;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.high {
  background: #f2dada;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.priority-level .ant-space {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.priority-level .ant-space .circle svg {
  color: white;
  width: 18px;
  height: 18px;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.priority-level .ant-space .l-c svg {
  color: #1a66cc;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.priority-level .ant-space .m-c svg {
  color: #068003;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.priority-level .ant-space .h-c svg {
  color: #993300;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.priority-level .ant-space .l-c-t {
  color: #1a66cc;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.priority-level .ant-space .m-c-t {
  color: #068003;
}

.modal-support-details .ant-modal-content .ant-modal-body .tbl-wrapper table tbody tr td.priority-level .ant-space .h-c-t {
  color: #993300;
}

.ant-modal-root .ant-modal-wrap .ant-modal.modal-support-details .ant-modal-content .ant-modal-body {
  padding: 20px 20px 11px 20px;
}

#PageEditProfile > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 5px;
}

#PageEditProfile .ant-card-head {
  min-height: auto;
}

#PageEditProfile .ant-card-head .ant-card-head-title {
  padding: 9px 0;
}

#PageEditProfile .ant-layout .ant-layout-header .header-left-menu .ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title .ant-page-header-icon svg {
  margin-left: 5px;
}

#PageEditProfile .card-personal-information .ant-card-head {
  padding: 0px 24px;
}

#PageEditProfile .card-personal-information .ant-card-body {
  padding-bottom: 0;
}

@media (max-width: 425px) {
  #PageEditProfile .card-personal-information .ant-card-body {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 575px) {
  #PageEditProfile .card-personal-information .ant-row.form-row {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}

#PageEditProfile .card-bank-information .ant-card-head {
  padding: 0px 24px;
}

#PageEditProfile .card-bank-information .ant-card-body {
  padding-bottom: 0;
}

#PageEditProfile .card-bank-information .ant-card-body .ant-btn.ant-btn-link.btn-delete {
  background: transparent !important;
  color: #cccccc !important;
}

#PageEditProfile .e_signature_canvas_wrapper {
  margin-bottom: 18px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfcfcf;
}

#PageEditProfile .e_signature_canvas_wrapper img {
  max-width: 100%;
  max-height: 100%;
}

#PageEditProfile .btn_group_e_signature_canvas_wrapper {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

@media (max-width: 575px) {
  #PageEditProfile .btn_group_e_signature_canvas_wrapper {
    flex-direction: column;
    gap: 18px;
  }
}

@media (max-width: 575px) {
  #PageEditProfile .btn_group_e_signature_canvas_wrapper .ant-btn {
    width: 100%;
  }
}

#PageEditProfile .edit-profile-layout > div:first-child {
  order: 2;
}

@media (min-width: 1200px) {
  #PageEditProfile .edit-profile-layout > div:first-child {
    order: 1;
  }
}

#PageEditProfile .edit-profile-layout > div:nth-child(2) {
  order: 1;
}

@media (min-width: 1200px) {
  #PageEditProfile .edit-profile-layout > div:nth-child(2) {
    order: 2;
  }
}

#PageEditProfile .ant-card-head {
  min-height: auto;
}

#PageEditProfile .ant-card-head .ant-card-head-title {
  padding: 9px 0;
}

#PageEditProfile .time_off_repeats_and_end_date {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start !important;
}

#PageEditProfile .time_off_repeats_and_end_date .ant-space-item:first-child {
  width: 48%;
}

#PageEditProfile .time_off_repeats_and_end_date .ant-space-item:nth-child(2) {
  width: 4%;
  height: 45px;
}

#PageEditProfile .time_off_repeats_and_end_date .ant-space-item:nth-child(2) div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
}

#PageEditProfile .time_off_repeats_and_end_date .ant-space-item:nth-child(3) {
  width: 48%;
}

#PageEditProfile .btn-delete {
  color: #c80202;
}

@media (max-width: 767px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .page-size-wrapper.top {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .page-size-wrapper.top .ant-btn {
  display: none;
}

@media (max-width: 767px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .page-size-wrapper.top .ant-btn {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .page-size-wrapper.top .tbl-page-size {
    display: none;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter {
  width: 100%;
  justify-content: flex-start;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .ant-btn[name=btn_add_new_week] {
  padding: 0px !important;
  margin: 0px !important;
  height: auto !important;
  line-height: normal !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper {
  width: 100%;
  justify-content: space-between;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
    justify-content: flex-end;
  }
}

@media (max-width: 575px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .ant-btn {
    display: none;
  }
}

@media (max-width: 575px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .ant-btn {
    width: auto !important;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size {
  display: none;
}

@media (max-width: 575px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size {
    display: flex;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size .ant-select .ant-select-selector {
    padding-left: 0px;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .year-wrapper {
  width: 185px;
  display: flex;
  gap: 5px;
}

@media (max-width: 575px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .year-wrapper {
    width: 100%;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .year-wrapper .ant-btn {
  width: 92.5px;
}

@media (max-width: 575px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .year-wrapper .ant-btn {
    width: 50%;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .ant-btn.ant-btn-lg {
  height: 40px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper {
  position: relative;
  border: 1px solid #ccc;
  clear: both;
  max-width: 100%;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom {
  position: relative;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder {
  position: sticky;
  top: 0;
  z-index: 3;
  overflow: auto hidden;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
  padding: 0px 15px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head {
  background-color: transparent;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column {
  padding: 14px 14px;
  text-align: left;
  font-weight: 900;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.action {
  text-align: center;
  width: 110px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date {
  width: 130px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date .sorters .title {
  font-weight: 900;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.week {
  width: 70px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.day {
  width: 100px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.toggle-collapse {
  width: 50px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter {
  display: flex;
  flex-direction: column;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up {
  display: flex;
  align-items: flex-end;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up.active svg {
  color: #000;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up svg {
  margin-top: 2px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down {
  display: flex;
  align-items: flex-start;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down.active svg {
  color: #000;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down svg {
  margin-top: -8px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .title {
  font-weight: 500;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body {
  overflow-x: auto;
  padding: 15px 15px;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .loading-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container {
  table-layout: fixed;
  width: 100%;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead {
  background-color: #fafafa;
  border: 1px solid #ccc;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column {
  padding: 2px 14px;
  color: #b9bbba;
  text-align: left;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
  width: 112px;
  padding-left: 40px;
  padding-right: 20px;
}

@media (max-width: 1800px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .btn-status.paid svg {
  color: #0d7211;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid var(--yellow);
  background-color: #ffffff;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  left: 16%;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
  border-color: #0d7211;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 70px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn {
  padding: 0px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn svg {
  margin: 0px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date {
  width: 130px;
  text-align: left;
  cursor: pointer;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .from {
  margin-right: 3px;
  margin-left: 0px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.week {
  width: 70px;
  cursor: pointer;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day {
  width: 100px;
  cursor: pointer;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day .from {
  margin-right: 3px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.hours {
  width: 70px;
  cursor: pointer;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
  width: 500px;
  cursor: pointer;
}

@media (max-width: 575px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse {
  width: 50px;
  cursor: pointer;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container {
  position: relative;
  height: 30px;
  cursor: pointer;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  position: absolute;
  top: 60%;
  right: 0;
  width: 28px;
  color: #b9bbba;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  position: absolute;
  top: -2px;
  width: 12px;
  height: 2px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before {
  left: 3px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::before {
  transform: rotate(45deg) translateX(2.5px);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::after {
  transform: rotate(-45deg) translateX(-2.5px);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::before {
  transform: rotate(-45deg) translateX(2.5px);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::after {
  transform: rotate(45deg) translateX(-2.5px);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead {
  background-color: var(--yellow);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column {
  color: #ffffff;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner::after {
  border-color: #0d7211;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: #ffffff;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  color: #ffffff;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  background-color: currentcolor;
  top: -5px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper {
  height: 100%;
  transition: height 0.3s ease;
  width: 100%;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper.has-toggle-collapse {
  height: 0px;
  overflow: hidden;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container {
  table-layout: fixed;
  width: 100%;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody {
  border: 1px solid #ccc;
  border-top: none;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row:nth-child(even) {
  background-color: #fafafa;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column {
  text-align: left;
  padding: 14px 14px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
  width: 112px;
  padding-left: 40px;
  padding-right: 20px;
}

@media (max-width: 1800px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper .total_amount-wrapper {
  width: 70px;
  display: flex;
  justify-content: center;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date {
  width: 130px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.week {
  width: 70px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.day {
  width: 100px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.hours {
  width: 70px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
    width: 250px;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .number {
  font-size: 16px;
  color: var(--yellow);
  width: 20px;
  text-align: center;
  margin-top: -1px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .content {
  width: auto;
  max-width: calc(100% - 20px);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.top {
  align-items: baseline;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.center {
  align-items: center;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.toggle-collapse {
  width: 50px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.select {
  width: 70px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.year {
  width: 70px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employees {
  width: 180px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_from,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_to {
  width: 111px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.created_at {
  width: 110px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.request_type {
  width: 136px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.status {
  width: 135px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.days {
  width: 70px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.reason {
  width: 120px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employee_notes,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.manager_notes {
  width: 180px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.pto_balance,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.npto_balance {
  width: 181px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.approved_by {
  width: 129px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content {
  width: 1680px !important;
}

@-moz-document url-prefix()  {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content {
    width: 1695px !important;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container {
  width: 1680px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th {
  cursor: pointer;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select {
  width: 70px;
  display: flex;
  justify-content: center;
  height: 48px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select .checkbox-wrapper {
  display: flex;
  align-items: center;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.year {
  padding-left: 82px;
  width: 100%;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  width: 16px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper {
  width: 1680px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container {
  width: 1680px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column {
  width: auto !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select {
  width: 70px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select .checkbox-wrapper {
  display: flex;
  justify-content: center;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action {
  width: 70px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action > div {
  margin-left: 0px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employees {
  width: 180px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_from,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_to {
  width: 110px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.created_at {
  width: 110px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.request_type {
  width: 115px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status {
  width: 135px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select {
  width: 100%;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select .ant-select-selector {
  padding: 0px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-selector .ant-select-selection-item {
  color: #f1a243;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-arrow .anticon svg {
  color: #f1a243;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-selector .ant-select-selection-item {
  color: #1752a2;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-arrow .anticon svg {
  color: #1752a2;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-selector .ant-select-selection-item {
  color: #cb474f;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-arrow .anticon svg {
  color: #cb474f;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .pending {
  color: #f1a243;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .approved {
  color: #1752a2;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .denied {
  color: #cb474f;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .balance {
  color: #2f7e56;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.day {
  width: 70px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.hours {
  width: 70px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.reason {
  width: 120px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employee_notes,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.manager_notes {
  width: 180px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance {
  width: 150px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance .balance,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance .balance {
  color: #2f7e56;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.approved_by {
  width: 115px !important;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card {
  border-color: #e6e6e6;
  box-shadow: 5px 5px 6px 0 #efefef;
  border-radius: 10px !important;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card:hover {
  transform: translateY(-6px);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .title-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .the-card-title {
  min-width: 21px !important;
  font-size: 25px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 425px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .the-card-title {
    font-size: 21px;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .card-icon {
  display: block;
  padding: 10px;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

@media (max-width: 425px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .card-icon {
    font-size: 16px;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .card-description {
  position: relative;
  top: -3px;
  margin-bottom: -6px;
  line-height: 15px;
}

@media (max-width: 425px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .card-description {
    font-size: 16px;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .the-card-title,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .card-icon {
  color: #c80202;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .card-icon {
  background-color: rgba(128, 0, 32, 0.1);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 32, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .ant-row {
    margin-top: 10px !important;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .the-card-title,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .card-icon {
  color: #104b91;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .card-icon {
  background-color: #e8edf4;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .ticket-container:hover .the-card-title {
  color: rgba(16, 75, 145, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .ant-row {
    margin-top: 10px !important;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .the-card-title,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .card-icon {
  color: rgb(9, 121, 0);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .card-icon {
  background-color: #eaf4e6;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .ticket-container:hover .the-card-title {
  color: rgba(9, 121, 0, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .ant-row {
    margin-top: 10px !important;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .the-card-title,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .card-icon {
  color: rgb(128, 0, 128);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .card-icon {
  background-color: rgba(128, 0, 128, 0.1);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 128, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ant-row {
    margin-top: 10px !important;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }

  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ant-row .ticket-container:nth-child(2) {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-purple-theme .the-card-title,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-purple-theme .card-icon {
  color: #c62fac;
  /* a light purple color */
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-purple-theme .card-icon {
  background-color: #f5d9f8;
  /* a light purple background color */
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-purple-theme .ticket-container:hover .the-card-title {
  color: rgba(198, 47, 172, 0.3);
  /* a light purple color with 30% opacity */
  transition: all 0.3s ease;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-green-theme .the-card-title,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-green-theme .card-icon {
  color: #1fbfba;
  /* a light green color */
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-green-theme .card-icon {
  background-color: #d6f7fc;
  /* a light green background color */
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-green-theme .ticket-container:hover .the-card-title {
  color: rgba(31, 191, 186, 0.3);
  /* a light green color with 30% opacity */
  transition: all 0.3s ease;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-orange-theme .the-card-title,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-orange-theme .card-icon {
  color: #fc7e45;
  /* a light orange color */
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-orange-theme .card-icon {
  background-color: #ffe2d7;
  /* a light orange background color */
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-orange-theme .ticket-container:hover .the-card-title {
  color: rgba(252, 126, 69, 0.3);
  /* a light orange color with 30% opacity */
  transition: all 0.3s ease;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .card-h-full,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .card-h-full {
  height: 100%;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .card-h-full .ant-card-body,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .card-h-full .ant-card-body {
  height: calc(100% - 48px);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-head,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card .ant-card-head {
  background: var(--yellow);
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  color: #ffffff;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card .ant-card-body {
  padding-bottom: 24px !important;
}

@media (max-width: 425px) {
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body,
  #PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card .ant-card-body {
    padding-bottom: 10px !important;
  }
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon svg,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon svg {
  color: #41a8ff;
  font-size: 32px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon .title,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon .title {
  color: #000;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon .description,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon .description {
  color: #a5a5a5;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card.card-attachments .ant-card-body,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card.card-attachments .ant-card-body {
  text-align: center;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card.card-attachments .ant-card-body .ant-upload-drag-icon svg,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card.card-attachments .ant-card-body .ant-upload-drag-icon svg {
  color: #eeeeee;
  font-size: 32px;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card.card-attachments .ant-card-body .ant-upload-drag-icon .description,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card.card-attachments .ant-card-body .ant-upload-drag-icon .description {
  color: #eeeeee;
}

#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card.card-attachments .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell,
#PageEditProfile .ant-tabs .ant-tabs-content .tab-employee-archived .ant-card.card-attachments .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell {
  vertical-align: middle;
}

#PageEditProfile .graph-wrapper {
  position: relative;
}

#PageEditProfile .graph-wrapper .btn-extra {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

#PageEditProfile .graph-wrapper .btn-extra .information {
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 700;
}

.card-profile-photo .ant-card-body .ant-upload-picture-card-wrapper .ant-upload:hover {
  border-color: transparent;
}

.card-profile-photo .ant-card-body .ant-upload-picture-card-wrapper .ant-upload .ant-upload {
  border: 1px solid var(--yellow);
  box-shadow: -1px 1px 10px -1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -1px 1px 10px -1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 1px 10px -1px rgba(0, 0, 0, 0.75);
}

.card-profile-photo .profile-photo-container {
  position: relative;
  width: 180px;
  height: 180px;
  margin: auto;
  border: 1px solid var(--yellow);
  box-shadow: -1px 1px 10px -1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -1px 1px 10px -1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 1px 10px -1px rgba(0, 0, 0, 0.75);
}

.card-profile-photo .profile-photo-container .x-mark-button {
  position: absolute;
  background-color: var(--yellow);
  top: -11px;
  right: -11px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 1.4px 0;
  font-size: 11px;
}

@-moz-document url-prefix()  {
  .card-profile-photo .profile-photo-container .x-mark-button {
    padding: 0.4px 0;
  }
}

.card-profile-photo .profile-photo-container .x-mark-button svg {
  color: white;
  font-size: 11px;
}

.card-profile-photo .profile-photo-button-container {
  width: 180px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.wrap-modal-billing-users .ant-modal {
  width: 40% !important;
}

@media (max-width: 1200px) {
  .wrap-modal-billing-users .ant-modal {
    width: 50% !important;
  }
}

@media (max-width: 992px) {
  .wrap-modal-billing-users .ant-modal {
    width: 60% !important;
  }
}

@media (max-width: 768px) {
  .wrap-modal-billing-users .ant-modal {
    width: 70% !important;
  }
}

@media (max-width: 576px) {
  .wrap-modal-billing-users .ant-modal {
    width: 95% !important;
  }
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .table-users .ant-table .ant-table-container .ant-table-body .ant-table-tbody .ant-table-row .ant-table-cell .ant-flex .ant-input {
  text-align: center;
  width: 15%;
  background-color: transparent;
  border: 0px;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .table-users .ant-table .ant-table-container .ant-table-body .ant-table-tbody .ant-table-row .ant-table-cell .ant-flex .ant-input:focus {
  box-shadow: none;
  border: 0px;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  padding: 5px 0px;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title .ant-flex .ant-flex {
  font-size: 26px !important;
  font-weight: 600;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title .ant-flex .ant-flex .ant-flex {
  font-size: 16px !important;
  font-weight: 400;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title .card-selected-wrapper {
  width: 60%;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title .card-selected-wrapper .card-selected {
  border: 1px solid #ccc;
  background: #fff;
  padding: 3px 0px 3px 5px;
  width: 100%;
  border-radius: 5px;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title .card-selected-wrapper .card-selected .ant-select {
  width: 100%;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title .card-selected-wrapper .card-selected .ant-select .ant-select-selector {
  border: 0px;
  background: transparent;
  box-shadow: none;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title .card-selected-wrapper .card-selected .ant-select .ant-select-selector:focus {
  box-shadow: none;
  border: 0px;
}

.wrap-modal-billing-users .ant-modal .ant-modal-content .ant-modal-body .ant-card .ant-card-body .ant-flex .value {
  margin-right: 50px;
}

.wrap-modal-billing-renewals-checkout .ant-modal {
  width: 40% !important;
}

@media (max-width: 1200px) {
  .wrap-modal-billing-renewals-checkout .ant-modal {
    width: 50% !important;
  }
}

@media (max-width: 992px) {
  .wrap-modal-billing-renewals-checkout .ant-modal {
    width: 60% !important;
  }
}

@media (max-width: 768px) {
  .wrap-modal-billing-renewals-checkout .ant-modal {
    width: 70% !important;
  }
}

@media (max-width: 576px) {
  .wrap-modal-billing-renewals-checkout .ant-modal {
    width: 95% !important;
  }
}

.wrap-modal-billing-renewals-checkout .ant-modal .ant-modal-content .ant-modal-body .tbl-storage-payment .ant-table .ant-table-container .ant-table-body .ant-table-tbody .ant-table-row .ant-table-cell .ant-flex .ant-input {
  text-align: center;
  width: 15%;
  background-color: transparent;
  border: 0px;
}

.wrap-modal-billing-renewals-checkout .ant-modal .ant-modal-content .ant-modal-body .tbl-storage-payment .ant-table .ant-table-container .ant-table-body .ant-table-tbody .ant-table-row .ant-table-cell .ant-flex .ant-input:focus {
  box-shadow: none;
  border: 0px;
}

#PageEmployee > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 15px;
}

#PageEmployee .btn_add {
  width: 185px;
}

@media (max-width: 767px) {
  #PageEmployee .page-size-wrapper.top {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}

#PageEmployee .page-size-wrapper.top .ant-btn {
  display: none;
}

@media (max-width: 767px) {
  #PageEmployee .page-size-wrapper.top .ant-btn {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #PageEmployee .page-size-wrapper.top .tbl-page-size {
    display: none;
  }
}

#PageEmployee .tbl-top-filter {
  width: 100%;
  justify-content: flex-start;
}

#PageEmployee .tbl-top-filter .ant-btn[name=btn_add_new_week] {
  padding: 0px !important;
  margin: 0px !important;
  height: auto !important;
  line-height: normal !important;
}

#PageEmployee .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper {
  width: 100%;
  justify-content: space-between;
}

#PageEmployee .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  #PageEmployee .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
    justify-content: flex-end;
  }
}

@media (max-width: 575px) {
  #PageEmployee .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  #PageEmployee .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .ant-btn {
    display: none;
  }
}

@media (max-width: 575px) {
  #PageEmployee .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .ant-btn {
    width: auto !important;
  }
}

#PageEmployee .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size {
  display: none;
}

@media (max-width: 575px) {
  #PageEmployee .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size {
    display: flex;
  }

  #PageEmployee .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size .ant-select .ant-select-selector {
    padding-left: 0px;
  }
}

#PageEmployee .year-wrapper {
  width: 185px;
  display: flex;
  gap: 5px;
}

@media (max-width: 575px) {
  #PageEmployee .year-wrapper {
    width: 100%;
  }
}

#PageEmployee .year-wrapper .ant-btn {
  width: 92.5px;
}

@media (max-width: 575px) {
  #PageEmployee .year-wrapper .ant-btn {
    width: 50%;
  }
}

#PageEmployee .ant-btn.ant-btn-lg {
  height: 40px !important;
}

#PageEmployee .table-custom-wrapper {
  position: relative;
  border: 1px solid #ccc;
  clear: both;
  max-width: 100%;
}

#PageEmployee .table-custom-wrapper .table-custom {
  position: relative;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder {
  position: sticky;
  top: 0;
  z-index: 3;
  overflow: auto hidden;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
  padding: 0px 15px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head {
  background-color: transparent;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column {
  padding: 14px 14px;
  text-align: left;
  font-weight: 900;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.action {
  text-align: center;
  width: 110px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date {
  width: 130px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date .sorters .title {
  font-weight: 900;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.week {
  width: 70px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.day {
  width: 100px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.toggle-collapse {
  width: 0px;
  padding: 14px 8px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter {
  display: flex;
  flex-direction: column;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up {
  display: flex;
  align-items: flex-end;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up.active svg {
  color: #000;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up svg {
  margin-top: 2px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down {
  display: flex;
  align-items: flex-start;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down.active svg {
  color: #000;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down svg {
  margin-top: -8px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .title {
  font-weight: 500;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body {
  overflow-x: auto;
  padding: 15px 15px;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track,
#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .loading-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container {
  table-layout: fixed;
  width: 100%;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead {
  background-color: #fafafa;
  border: 1px solid #ccc;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column {
  padding: 2px 14px;
  color: #b9bbba;
  text-align: left;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
  width: 112px;
  padding-left: 40px;
  padding-right: 20px;
}

@media (max-width: 1800px) {
  #PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .btn-status.paid svg {
  color: #0d7211;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid var(--yellow);
  background-color: #ffffff;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  left: 16%;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
  border-color: #0d7211;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-btn:disabled {
  background: transparent !important;
  color: #e5e5e5 !important;
  border-color: transparent !important;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 70px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn {
  padding: 0px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn svg {
  margin: 0px !important;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date {
  width: 130px;
  text-align: left;
  cursor: pointer;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .from {
  margin-right: 3px;
  margin-left: 0px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.week {
  width: 70px;
  cursor: pointer;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day {
  width: 100px;
  cursor: pointer;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day .from {
  margin-right: 3px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.hours {
  width: 70px;
  cursor: pointer;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
  width: 500px;
  cursor: pointer;
}

@media (max-width: 575px) {
  #PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse {
  width: 50px;
  cursor: pointer;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container {
  position: relative;
  height: 30px;
  cursor: pointer;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  position: absolute;
  top: 60%;
  right: 0;
  width: 28px;
  color: #b9bbba;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  position: absolute;
  top: -2px;
  width: 12px;
  height: 2px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before {
  left: 3px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::before {
  transform: rotate(45deg) translateX(2.5px);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::after {
  transform: rotate(-45deg) translateX(-2.5px);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::before {
  transform: rotate(-45deg) translateX(2.5px);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::after {
  transform: rotate(45deg) translateX(-2.5px);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead {
  background-color: var(--yellow);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column {
  color: #ffffff;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner::after {
  border-color: #0d7211;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: #ffffff;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  color: #ffffff;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  background-color: currentcolor;
  top: -5px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper {
  height: 100%;
  transition: height 0.3s ease;
  width: 100%;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper.has-toggle-collapse {
  height: 0px;
  overflow: hidden;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container {
  table-layout: fixed;
  width: 100%;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody {
  border: 1px solid #ccc;
  border-top: none;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row:nth-child(even) {
  background-color: #fafafa;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column {
  text-align: left;
  padding: 14px 14px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
  width: 112px;
  padding-left: 20px;
  padding-right: 20px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn:disabled {
  background: transparent !important;
  border-color: transparent !important;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper .total_amount-wrapper {
  width: 70px;
  display: flex;
  justify-content: center;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date {
  width: 130px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.week {
  width: 70px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.day {
  width: 100px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.hours {
  width: 70px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
    width: 250px;
  }
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .number {
  font-size: 16px;
  color: var(--yellow);
  width: 20px;
  text-align: center;
  margin-top: -1px;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .content {
  width: auto;
  max-width: calc(100% - 20px);
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.disabled {
  cursor: not-allowed;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.disabled .number,
#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.disabled .company-task-text {
  color: inherit !important;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.top {
  align-items: baseline;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.center {
  align-items: center;
}

#PageEmployee .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.toggle-collapse {
  width: 50px;
}

@media (max-width: 1380px) {
  #PageEmployee .table-custom-wrapper.table-hours .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
    width: 1100px !important;
  }
}

@media (max-width: 1380px) {
  #PageEmployee .table-custom-wrapper.table-hours .table-custom .table-custom-container .table-custom-body .table-custom-body-content-wrapper {
    width: 1070px !important;
  }
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.select {
  width: 70px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.year {
  width: 70px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_from,
#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_to {
  width: 110px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.created_at {
  width: 110px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employees {
  width: 150px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.request_type {
  width: 115px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.status {
  width: 135px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.days {
  width: 70px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.reason {
  width: 120px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employee_notes,
#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.manager_notes {
  width: 180px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.pto_balance,
#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.npto_balance {
  width: 150px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.approved_by {
  width: 115px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content {
  width: 1757px !important;
}

@-moz-document url-prefix()  {
  #PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content {
    width: 1757px !important;
  }
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container {
  width: 1757px !important;
  width: 1907px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th {
  cursor: pointer;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select {
  width: 70px;
  display: flex;
  justify-content: center;
  height: 48px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select .checkbox-wrapper {
  display: flex;
  align-items: center;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.year {
  padding-left: 82px;
  width: 100%;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  width: 16px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper {
  width: 1921px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container {
  width: 1680px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column {
  width: auto !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select {
  width: 70px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select .checkbox-wrapper {
  display: flex;
  justify-content: center;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action {
  width: 70px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action > div {
  margin-left: 0px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_from,
#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_to {
  width: 110px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.created_at {
  width: 110px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employees {
  width: 150px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.request_type {
  width: 115px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status {
  width: 135px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select {
  width: 100%;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select .ant-select-selector {
  padding: 0px;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-selector .ant-select-selection-item {
  color: #f1a243;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-arrow .anticon svg {
  color: #f1a243;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-selector .ant-select-selection-item {
  color: #1752a2;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-arrow .anticon svg {
  color: #1752a2;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-selector .ant-select-selection-item {
  color: #cb474f;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-arrow .anticon svg {
  color: #cb474f;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .pending {
  color: #f1a243;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .approved {
  color: #1752a2;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .denied {
  color: #cb474f;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .balance {
  color: #2f7e56;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.day {
  width: 70px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.hours {
  width: 70px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.reason {
  width: 120px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employee_notes,
#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.manager_notes {
  width: 180px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance,
#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance {
  width: 150px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance .balance,
#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance .balance {
  color: #2f7e56;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance1 {
  width: 150px !important;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance1 .balance {
  color: #2f7e56;
}

#PageEmployee .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.approved_by {
  width: 115px !important;
}

#PageEmployee .dashboard-card {
  border-color: #e6e6e6;
  box-shadow: 5px 5px 6px 0 #efefef;
  border-radius: 10px !important;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

#PageEmployee .dashboard-card:hover {
  transform: translateY(-6px);
}

#PageEmployee .dashboard-card .title-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

#PageEmployee .dashboard-card .the-card-title {
  min-width: 21px !important;
  font-size: 25px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 425px) {
  #PageEmployee .dashboard-card .the-card-title {
    font-size: 21px;
  }
}

#PageEmployee .dashboard-card .card-icon {
  display: block;
  padding: 10px;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

@media (max-width: 425px) {
  #PageEmployee .dashboard-card .card-icon {
    font-size: 16px;
  }
}

#PageEmployee .dashboard-card .card-description {
  position: relative;
  top: -3px;
  margin-bottom: -6px;
  line-height: 15px;
}

@media (max-width: 425px) {
  #PageEmployee .dashboard-card .card-description {
    font-size: 16px;
  }
}

#PageEmployee .dashboard-card.issues .the-card-title,
#PageEmployee .dashboard-card.issues .card-icon {
  color: #c80202;
}

#PageEmployee .dashboard-card.issues .card-icon {
  background-color: rgba(128, 0, 32, 0.1);
}

#PageEmployee .dashboard-card.issues .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 32, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageEmployee .dashboard-card.issues .ant-row {
    margin-top: 10px !important;
  }

  #PageEmployee .dashboard-card.issues .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageEmployee .dashboard-card.issues .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageEmployee .dashboard-card.new-request .the-card-title,
#PageEmployee .dashboard-card.new-request .card-icon {
  color: #104b91;
}

#PageEmployee .dashboard-card.new-request .card-icon {
  background-color: #e8edf4;
}

#PageEmployee .dashboard-card.new-request .ticket-container:hover .the-card-title {
  color: rgba(16, 75, 145, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageEmployee .dashboard-card.new-request .ant-row {
    margin-top: 10px !important;
  }

  #PageEmployee .dashboard-card.new-request .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageEmployee .dashboard-card.new-request .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageEmployee .dashboard-card.questions .the-card-title,
#PageEmployee .dashboard-card.questions .card-icon {
  color: rgb(9, 121, 0);
}

#PageEmployee .dashboard-card.questions .card-icon {
  background-color: #eaf4e6;
}

#PageEmployee .dashboard-card.questions .ticket-container:hover .the-card-title {
  color: rgba(9, 121, 0, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageEmployee .dashboard-card.questions .ant-row {
    margin-top: 10px !important;
  }

  #PageEmployee .dashboard-card.questions .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageEmployee .dashboard-card.questions .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageEmployee .dashboard-card.employees .the-card-title,
#PageEmployee .dashboard-card.employees .card-icon {
  color: rgb(128, 0, 128);
}

#PageEmployee .dashboard-card.employees .card-icon {
  background-color: rgba(128, 0, 128, 0.1);
}

#PageEmployee .dashboard-card.employees .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 128, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageEmployee .dashboard-card.employees .ant-row {
    margin-top: 10px !important;
  }

  #PageEmployee .dashboard-card.employees .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageEmployee .dashboard-card.employees .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }

  #PageEmployee .dashboard-card.employees .ant-row .ticket-container:nth-child(2) {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

#PageEmployee .dashboard-card.light-purple-theme .the-card-title,
#PageEmployee .dashboard-card.light-purple-theme .card-icon {
  color: #c62fac;
  /* a light purple color */
}

#PageEmployee .dashboard-card.light-purple-theme .card-icon {
  background-color: #f5d9f8;
  /* a light purple background color */
}

#PageEmployee .dashboard-card.light-purple-theme .ticket-container:hover .the-card-title {
  color: rgba(198, 47, 172, 0.3);
  /* a light purple color with 30% opacity */
  transition: all 0.3s ease;
}

#PageEmployee .dashboard-card.light-green-theme .the-card-title,
#PageEmployee .dashboard-card.light-green-theme .card-icon {
  color: #1fbfba;
  /* a light green color */
}

#PageEmployee .dashboard-card.light-green-theme .card-icon {
  background-color: #d6f7fc;
  /* a light green background color */
}

#PageEmployee .dashboard-card.light-green-theme .ticket-container:hover .the-card-title {
  color: rgba(31, 191, 186, 0.3);
  /* a light green color with 30% opacity */
  transition: all 0.3s ease;
}

#PageEmployee .dashboard-card.light-orange-theme .the-card-title,
#PageEmployee .dashboard-card.light-orange-theme .card-icon {
  color: #fc7e45;
  /* a light orange color */
}

#PageEmployee .dashboard-card.light-orange-theme .card-icon {
  background-color: #ffe2d7;
  /* a light orange background color */
}

#PageEmployee .dashboard-card.light-orange-theme .ticket-container:hover .the-card-title {
  color: rgba(252, 126, 69, 0.3);
  /* a light orange color with 30% opacity */
  transition: all 0.3s ease;
}

.modal-wrap-choose-date-range .ant-modal {
  width: 600px !important;
}

@media (max-width: 575px) {
  .modal-wrap-choose-date-range .ant-modal {
    max-width: calc(100vw - 16px) !important;
  }
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper {
  border-radius: 10px;
  padding-top: 10px;
  border: 1px dashed #ececec;
  display: flex;
  flex-direction: column;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range {
  margin: 0 auto;
  background-color: #dedede;
  border-radius: 5px;
  padding: 2px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range:hover,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range.ant-picker-focused,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range:focus {
  border: transparent;
  box-shadow: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 2px 10px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input.ant-picker-input-active {
  background-color: #ffffff;
  border-radius: 5px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input.ant-picker-input-holder {
  border: transparent;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-active-bar {
  display: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input:nth-child(1)::before {
  content: "Start";
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input:nth-child(3)::before {
  content: "End";
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-suffix {
  display: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) {
  position: static !important;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown {
  position: static !important;
  padding: 0px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-range-arrow {
  display: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container {
  box-shadow: none;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar-track {
  background-color: transparent;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar-track,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel {
  border: 0px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header {
  border: 0px;
  padding: 0 20px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-prev-btn,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-next-btn {
  display: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-prev-icon::before,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-next-icon::before,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-super-prev-icon::before,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-super-next-icon::before {
  width: 10px;
  height: 10px;
  border-width: 2px 0 0 2px;
  color: #2578f2;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-view button {
  font-size: 16px !important;
  color: #2578f2;
}

.modal-wrap-select-week .ant-modal {
  width: 600px !important;
}

@media (max-width: 575px) {
  .modal-wrap-select-week .ant-modal {
    max-width: calc(100vw - 16px) !important;
  }
}

@media (max-width: 345px) {
  .modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body {
    padding: 10px !important;
  }
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper {
  display: flex;
  flex-direction: column;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) {
  position: static !important;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown {
  position: static !important;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container {
  box-shadow: none;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel.ant-picker-panel-focused {
  border-color: transparent !important;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header {
  padding: 0px 18px;
  border-bottom: transparent;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-view .ant-picker-month-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-view .ant-picker-month-btn:hover,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn:hover {
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-prev-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-next-btn {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-prev-btn .ant-picker-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-prev-btn .ant-picker-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-next-btn .ant-picker-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-next-btn .ant-picker-next-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  display: none;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr.ant-picker-week-panel-row-selected td {
  background: #fcfddc;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr.ant-picker-week-panel-row-selected td .ant-picker-cell-inner {
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header {
  padding: 0px 55px;
  border-bottom: transparent;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-view .ant-picker-decade-btn {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-view .ant-picker-decade-btn:hover {
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::after {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: #fcfddc;
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header {
  padding: 0px 55px;
  border-bottom: transparent;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-view {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::after {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: #fcfddc;
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header {
  padding: 0px 55px;
  border-bottom: transparent;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn:hover {
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::after {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: #fcfddc;
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper > div.ant-picker {
  visibility: hidden;
  height: 0px;
}

@media (max-width: 575px) {
  .modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .ant-btn {
    width: 100%;
  }
}

.modal-wrap-edit-hours-tasks .ant-modal {
  width: 700px !important;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-header {
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc !important;
  padding: 12px 12px;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-header .ant-collapse-expand-icon svg {
  color: #616161;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow {
  right: 12px;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-header .ant-collapse-header-text {
  color: #2e3032;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-content .ant-collapse-content-box {
  padding: 12px;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-content .ant-collapse-content-box .ant-empty {
  margin: 20px 0 !important;
}

@supports (scrollbar-width: auto) {
  .modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-content .ant-collapse-content-box {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording:not(.ant-collapse-item-active) .ant-collapse-header {
  border-bottom: 0px !important;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .ant-input.ant-input-disabled.no-float-wrapper {
  color: #4d4e50;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-total-hours-manual .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon,
.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-timer-hours .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon {
  border: 0px;
  border-left: 1px solid #cccccc;
  background-color: transparent;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-total-hours-manual .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon svg,
.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-timer-hours .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon svg {
  color: #8c53fb;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-total-hours-manual.disabled .ant-input-group-wrapper .ant-input-wrapper .ant-input[disabled],
.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-timer-hours.disabled .ant-input-group-wrapper .ant-input-wrapper .ant-input[disabled] {
  background-color: #f5f5f5;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-total-hours-manual.disabled .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon,
.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-timer-hours.disabled .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon {
  background: #f5f5f5;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-total-hours-manual.disabled input,
.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-timer-hours.disabled input {
  color: #4d4e50;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .tasks-title {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
}

@media (max-width: 575px) {
  .modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .tasks-title {
    margin-top: 15px;
  }
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .quill .ql-container.ql-snow {
  min-height: 120px;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .btn-add-new-task {
  font-size: 15px;
}

@media (max-width: 425px) {
  .modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .float-wrapper .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
    height: 45px !important;
  }
}

.modal-wrap-rounding-hours .ant-modal {
  width: 700px !important;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .total-rounded-hours.rounded_hours .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content {
  display: flex;
  justify-content: flex-end;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group {
  width: 100%;
  margin-bottom: 10px;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .radio-wrapper .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio.ant-radio-checked .ant-radio-inner::after {
  background-color: #ffffff;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space {
  width: 100%;
  justify-content: space-between;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item {
  width: 48%;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item div .radio-wrapper {
  margin-bottom: 10px;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item-split .ant-divider {
  height: 100%;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group.radio-wrapper-no-action-necessary {
  margin-left: 28px;
}

@media (max-width: 575px) {
  .modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group.radio-wrapper-no-action-necessary {
    margin-left: 0px;
    height: 47px;
  }
}

.lightyellow-background {
  background-color: lightyellow;
}

.timer-recordings-span:hover {
  background-color: lightyellow;
}

.float-select-quick-add-popup .dropdown-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-right: 5px;
}

.float-select-quick-add-popup .dropdown-wrapper .input-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.float-select-quick-add-popup .dropdown-wrapper .input-wrapper .ant-input {
  border: 0px;
}

.float-select-quick-add-popup .dropdown-wrapper .input-wrapper .ant-select {
  border: 0px;
}

.float-select-quick-add-popup .dropdown-wrapper .input-wrapper .ant-select .ant-select-selector {
  box-shadow: none;
}

.modal-wrap-request-time-off .ant-modal {
  width: 600px !important;
}

.modal-wrap-request-time-off .ant-modal-body {
  padding: 20px !important;
}

.modal-wrap-request-time-off .ant-modal-body .btn-add-request-time-off {
  font-size: 15px;
}

.popup-time-off-status {
  padding: 0px;
}

.popup-time-off-status .rc-virtual-list .rc-virtual-list-holder .rc-virtual-list-holder-inner .ant-select-item.ant-select-item-option.pending .ant-select-item-option-content {
  color: #f1a243;
}

.popup-time-off-status .rc-virtual-list .rc-virtual-list-holder .rc-virtual-list-holder-inner .ant-select-item.ant-select-item-option.approved .ant-select-item-option-content {
  color: #1752a2;
}

.popup-time-off-status .rc-virtual-list .rc-virtual-list-holder .rc-virtual-list-holder-inner .ant-select-item.ant-select-item-option.denied .ant-select-item-option-content {
  color: #cb474f;
}

.pending .ant-select-arrow {
  color: #f1a243;
}

.approved .ant-select-arrow {
  color: #1752a2;
}

.denied .ant-select-arrow {
  color: #cb474f;
}

.company-task-text {
  color: var(--yellow);
}

.ant-form-item-explain .ant-form-item-explain-error:nth-child(2) {
  margin-top: -6px;
}

#PageBilling .billing-renewals-checkout-modal .ant-space-item .ant-radio-group .ant-radio-checked .ant-radio-inner::after {
  background: white !important;
}

#PageBilling .billing-renewals .switch {
  border: 2px solid #000;
}

#PageBilling .billing-renewals .switch .ant-switch-handle {
  top: 2px !important;
}

#PageBilling .billing-renewals .switch .ant-switch-handle::before {
  background-color: var(--yellow) !important;
}

#PageBilling .billing-renewals .switch.ant-switch-checked {
  border: 2px solid #000 !important;
  background-color: transparent;
}

@media (max-width: 425px) {
  #PageBilling .billing-renewals .switch .ant-switch-handle {
    width: 17px;
    height: 17px;
  }

  #PageBilling .billing-renewals .switch .ant-switch-checked .ant-switch-handle {
    left: calc(100% - 18px) !important;
  }
}

@media (max-width: 425px) {
  #PageBilling .billing-renewals .switchswitch .ant-switch-checked .ant-switch-handle {
    left: calc(100% - 18px) !important;
  }
}

@media (max-width: 425px) {
  #PageBilling .billing-renewals .billing-card-product {
    width: 100% !important;
    margin-bottom: 20px;
  }
}

#PageBilling .plan-btn-wrapper {
  display: flex !important;
  gap: 10px;
}

@media (max-width: 425px) {
  #PageBilling .plan-btn-wrapper {
    flex-direction: column;
  }
}

#PageBilling .switch-text.active {
  color: var(--yellow);
  font-weight: bold;
}

#PageBilling .billing-card-product {
  background-color: #f1f1f3;
  border: 1px solid #d6d8d9;
  border-radius: 0px !important;
  height: 100%;
}

#PageBilling .billing-card-product.active {
  border: 1px solid #d6d8d9;
}

#PageBilling .billing-card-product.active .ant-card-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--yellow);
  opacity: 0.1;
}

#PageBilling .billing-card-product .ant-card-body {
  padding: 20px;
}

#PageBilling .billing-card-product .add-user {
  height: 40px;
  border: 1px solid var(--yellow);
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageBilling .billing-card-product .add-user svg {
  color: var(--yellow);
}

#PageBilling .billing-card-product .add-user span {
  font-size: 14px;
  font-weight: bold;
  color: var(--yellow);
}

#PageBilling .billing-card-product .add-user.disabled {
  background-color: #f1f1f3;
  color: #d6d8d9;
  border: 1px solid #d6d8d9;
}

#PageBilling .billing-card-product .add-user.disabled svg {
  color: #d6d8d9;
}

#PageBilling .billing-card-product .add-user.disabled span {
  color: #d6d8d9;
}

#PageBilling .billing-card-product .feature-item {
  max-height: 25px;
  height: 25px;
  line-height: 1;
}

#PageBilling .billing-card-product .inclusion-icon {
  color: var(--yellow);
  height: 21px;
  width: 30px;
}

#PageBilling .billing-card-product .typo-title {
  font-size: 16px;
  font-weight: bold;
  color: var(--yellow);
}

#PageBilling .billing-card-product .typo-discount {
  font-size: 12px;
  color: var(--yellow);
}

#PageBilling .billing-card-product .typo-price {
  font-size: 16px;
}

#PageBilling .billing-card-product .typo-price span {
  font-weight: bold;
}

#PageBilling .billing-card-product .typo-inclusion-subtext {
  font-size: 13px !important;
}

#PageBilling .billing-card-product .rectangle {
  padding: 3px;
  border: 1px solid #d6d8d9;
  width: 100%;
  text-align: center;
  background-color: white;
}

#PageBilling .billing-credit-card {
  border: 1px solid grey;
  height: 150px;
  width: 100%;
  background-color: #eeeeee;
  border-radius: 10px;
  padding: 12px !important;
}

#PageBilling .billing-credit-card-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

#PageBilling .billing-credit-card-btn-icon {
  color: var(--yellow);
}

#PageBilling .billing-credit-card-btn:hover {
  background-color: #e6e7e9 !important;
  cursor: pointer;
}

#PageBilling .billing-credit-card .card-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#PageBilling .billing-credit-card .card-header-logo {
  height: 25px;
}

#PageBilling .billing-credit-card .card-header-btn {
  padding: 0px !important;
  width: 0px;
}

#PageBilling .billing-credit-card .card-header-btn-icon {
  color: var(--yellow);
}

#PageBilling .billing-credit-card .card-body {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  height: 50px;
  align-items: center;
}

#PageBilling .billing-credit-card .card-body .hidden-number {
  display: flex;
  align-content: center;
}

#PageBilling .billing-credit-card .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

#PageBilling .custom-table {
  border: 1px solid #e6e7e9 !important;
}

#PageBilling .custom-table .ant-table-thead .ant-table-cell:nth-child(1),
#PageBilling .custom-table .ant-table-thead .ant-table-cell:nth-child(2) {
  background-color: #f5f5f5;
}

#PageBilling .custom-table .ant-table-row {
  border: none !important;
}

#PageBilling .custom-table .ant-table-row .ant-table-cell {
  border-bottom: none !important;
}

#PageBilling .custom-card {
  border: 1px solid #e6e7e9 !important;
}

#PageBilling .custom-card .ant-card-head {
  padding: 0px !important;
  background-color: #f9f9f9 !important;
}

#PageBilling .custom-card .ant-card-head-title {
  padding: 0px !important;
}

#PageBilling .custom-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#PageBilling .custom-card-title-first {
  padding: 20px;
  width: 40%;
  background-color: #f5f5f5;
  font-size: 20px;
  font-weight: bold;
  color: black;
}

#PageBilling .custom-card .ant-card-body {
  padding-top: 0px !important;
}

#PageBilling .custom-card .ant-card-body .float-left {
  display: flex;
  justify-content: flex-start;
}

#PageBilling .custom-card .ant-card-body .float-right {
  display: flex;
  justify-content: flex-end;
}

#PageBilling .billing-chkbox {
  text-align: center;
}

#PageBilling .billing-chkbox span {
  padding: 0px !important;
}

#PageBilling .link-text {
  color: var(--yellow);
}

#PageBilling .custom-range-picker {
  border: none !important;
}

#PageBilling .custom-range-picker-icon {
  color: #808080;
}

#PageBilling .custom-range-picker .ant-picker-range {
  border: none !important;
}

#PageBilling .custom-range-picker .ant-picker-focused {
  border: none !important;
  box-shadow: none !important;
}

#PageBilling .ant-select-arrow {
  color: var(--yellow);
}

#PageBilling .card-billing-storage {
  border: 1px solid #e6e7e9 !important;
  border-radius: 5px !important;
}

#PageBilling .card-billing-storage .ant-card-head {
  background: #f5f5f5 !important;
  border-bottom: 0px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  padding: 0px 20px !important;
  min-height: auto !important;
}

#PageBilling .card-billing-storage .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  font-weight: 300;
  padding: 10px 0px !important;
  font-size: 14px !important;
}

#PageBilling .card-billing-storage .ant-card-body {
  padding: 20px !important;
}

#PageBilling .card-billing-storage .ant-card-body .total,
#PageBilling .card-billing-storage .ant-card-body .used {
  font-weight: 600;
  font-size: 16px;
}

#PageBilling .plan-card-wrapper {
  min-width: 157px !important;
}

#PageBilling .plan-card-wrapper .billing-card-product .ant-card-body {
  padding-left: 15px;
  padding-right: 15px;
}

#PageBilling .feature-card-wrapper {
  max-width: 458px !important;
}

#PageBilling .feature-mobile-view {
  display: none !important;
}

#PageBilling .feature-desktop-view {
  display: flex !important;
}

@media (max-width: 768px) {
  #PageBilling .ant-layout:not(.ant-layout-has-collapse) .feature-card-wrapper {
    display: none !important;
  }

  #PageBilling .ant-layout:not(.ant-layout-has-collapse) .feature-mobile-view {
    display: block !important;
  }

  #PageBilling .ant-layout:not(.ant-layout-has-collapse) .feature-mobile-view .inclusion-icon {
    height: 12px !important;
    width: 12px !important;
  }

  #PageBilling .ant-layout:not(.ant-layout-has-collapse) .feature-mobile-view .feature-item {
    max-height: unset !important;
    height: unset !important;
    line-height: 2 !important;
  }

  #PageBilling .ant-layout:not(.ant-layout-has-collapse) .feature-desktop-view {
    display: none !important;
  }
}

@media (max-width: 1023px) and (min-width: 320px) {
  #PageBilling .ant-layout-has-collapse .feature-card-wrapper {
    display: none !important;
  }

  #PageBilling .ant-layout-has-collapse .plan-card-wrapper {
    margin-bottom: 20px;
  }

  #PageBilling .ant-layout-has-collapse .feature-mobile-view {
    display: block !important;
  }

  #PageBilling .ant-layout-has-collapse .feature-mobile-view .inclusion-icon {
    height: 12px !important;
    width: 12px !important;
  }

  #PageBilling .ant-layout-has-collapse .feature-mobile-view .feature-item {
    max-height: unset;
    height: unset;
    line-height: 2;
  }

  #PageBilling .ant-layout-has-collapse .feature-desktop-view {
    display: none !important;
  }

  #PageBilling .ant-layout-has-collapse .ant-col-xl-3 {
    display: block;
    flex: 0 0 31.5% !important;
    max-width: 31.5% !important;
  }
}

@media (max-width: 1023px) and (min-width: 320px) and (max-width: 768px) {
  #PageBilling .ant-layout-has-collapse .ant-col-md-12 {
    display: block;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 1023px) and (min-width: 320px) and (max-width: 425px) {
  #PageBilling .ant-layout-has-collapse .ant-col-xs-24 {
    display: block;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 1264px) and (min-width: 320px) {
  #PageBilling .ant-layout-no-collapse .feature-card-wrapper {
    display: none !important;
  }

  #PageBilling .ant-layout-no-collapse .plan-card-wrapper {
    margin-bottom: 20px;
  }

  #PageBilling .ant-layout-no-collapse .feature-mobile-view {
    display: block !important;
  }

  #PageBilling .ant-layout-no-collapse .feature-mobile-view .inclusion-icon {
    height: 12px !important;
    width: 12px !important;
  }

  #PageBilling .ant-layout-no-collapse .feature-mobile-view .feature-item {
    max-height: unset;
    height: unset;
    line-height: 2;
  }

  #PageBilling .ant-layout-no-collapse .feature-desktop-view {
    display: none !important;
  }

  #PageBilling .ant-layout-no-collapse .ant-col-xl-3 {
    display: block;
    flex: 0 0 31.5% !important;
    max-width: 31.5% !important;
  }

  #PageBilling .ant-layout-no-collapse .ant-col-md-12 {
    display: block;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

.billing-renewals-checkout-modal .ant-space-item .ant-radio-group .ant-radio-checked .ant-radio-inner::after {
  background: white !important;
}

.billing-renewals-checkout-modal .custom-card {
  border: 1px solid #e6e7e9 !important;
}

.billing-renewals-checkout-modal .custom-card .ant-card-head {
  padding: 0px !important;
  background-color: #f9f9f9 !important;
}

.billing-renewals-checkout-modal .custom-card .ant-card-head-title {
  padding: 0px !important;
}

.billing-renewals-checkout-modal .custom-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.billing-renewals-checkout-modal .custom-card-title-first {
  padding: 20px;
  width: 40%;
  background-color: #f5f5f5;
  font-size: 20px;
  font-weight: bold;
  color: black;
}

.billing-renewals-checkout-modal .custom-card .ant-card-body {
  padding-top: 0px !important;
}

.billing-renewals-checkout-modal .custom-card .ant-card-body .float-left {
  display: flex;
  justify-content: flex-start;
}

.billing-renewals-checkout-modal .custom-card .ant-card-body .float-right {
  display: flex;
  justify-content: flex-end;
}

.card-custom-mobile .custom-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.card-custom-mobile .custom-card-title .custom-card-title-second .ant-space {
  display: inline-flex;
  flex-wrap: wrap;
}

@media (max-width: 592px) {
  .card-custom-mobile .custom-card-title .custom-card-title-second {
    width: 100%;
    padding-left: 20px;
    padding-bottom: 20px;
  }
}

.card-custom-mobile .custom-card-title .select-dropdown-custom {
  padding: 5px;
}

@media (max-width: 378px) {
  .card-custom-mobile .custom-card-title .select-dropdown-custom {
    padding: 0px;
    width: calc(100% - 24px) !important;
  }
}

@media (max-width: 378px) {
  .card-custom-mobile .custom-card-title .custom-card-title-second .ant-space-item {
    width: 100%;
  }
}

.custom-table-filter-ph {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#PageRetainerTickets > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 10px;
}

@media (max-width: 575px) {
  #PageRetainerTickets .ant-btn.btn-main-tertiary {
    width: 100%;
    height: 40px !important;
  }
}

#PageRetainerTickets .ant-btn-lg {
  height: 40px !important;
}

#PageRetainerTickets .btn-add {
  width: 190px;
  background-color: var(--yellow);
  color: #ffffff;
  border-color: var(--yellow);
}

#PageRetainerTickets .btn-add:hover,
#PageRetainerTickets .btn-add:focus {
  background-color: var(--yellow);
  color: #ffffff;
  border-color: var(--yellow);
  box-shadow: none;
}

@media (max-width: 575px) {
  #PageRetainerTickets .btn-add {
    width: 100%;
    margin-bottom: 10px;
  }
}

#PageRetainerTickets .btn-top-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 9px;
}

@media (max-width: 767px) {
  #PageRetainerTickets .btn-top-actions {
    margin-top: 10px;
  }
}

@media (max-width: 575px) {
  #PageRetainerTickets .btn-top-actions {
    flex-direction: column;
    margin-top: 0px;
  }
}

#PageRetainerTickets .btn-top-actions .ant-btn {
  width: 90px;
  border-radius: 3px;
}

@media (max-width: 575px) {
  #PageRetainerTickets .btn-top-actions .ant-btn {
    width: 100%;
  }
}

#PageRetainerTickets .btn-priority {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageRetainerTickets .btn-priority span {
  line-height: 18px;
}

#PageRetainerTickets .btn-priority.btn-standard {
  color: #ffffff;
  background-color: #0866c6 !important;
  border-color: #0866c6 !important;
}

#PageRetainerTickets .btn-priority.btn-rapid {
  color: #ffffff;
  background-color: #1c9a06 !important;
  border-color: #1c9a06 !important;
}

#PageRetainerTickets .btn-priority.btn-fastest {
  color: #ffffff;
  background-color: #993300 !important;
  border-color: #993300 !important;
}

#PageRetainerTickets .tbl_client_request_questions .title {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageRetainerTickets .tbl_client_request_questions .title .text.active {
  color: var(--yellow);
}

#PageRetainerTickets .tbl_client_request_questions .title .active-status {
  position: relative;
  height: 22px;
}

#PageRetainerTickets .tbl_client_request_questions .title .active-status::before {
  content: "\2022";
  position: absolute;
  top: -22px;
  font-size: 38px;
  color: #0bb400;
}

#PageRetainerTickets .row-uncharge {
  background-color: #d8ead2;
}

#PageRetainerTickets .update-actual-hours {
  background-color: #d8ead2;
}

#PageRetainerTickets .update-actual-hours:hover {
  background-color: #d8ead2 !important;
}

#PageRetainerTickets .update-actual-hours:hover .ant-table-cell-row-hover {
  background-color: #d8ead2 !important;
}

@media (max-width: 767px) {
  #PageRetainerTickets .table-pagination-wrapper .ant-pagination .table-pagination {
    justify-content: flex-end !important;
  }
}

#PageRetainerTickets .retainer-tickets-mobile .tbl-page-size {
  justify-content: flex-start;
}

@media (min-width: 576px) {
  #PageRetainerTickets .retainer-tickets-mobile .tbl-page-size {
    justify-content: flex-end;
  }
}

#PageRetainerTickets .tbl-page-size .ant-select-selector {
  border: none !important;
}

@media (max-width: 575px) {
  #PageRetainerTickets .tbl-page-size .ant-select-selector {
    height: 40px;
    display: flex;
    align-items: center;
  }
}

#PageRetainerTickets .position-midle {
  display: flex;
  flex-direction: row-reverse;
}

#PageRetainerTickets .pagination-and-support-details {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}

#PageRetainerTickets .mrtop-0 {
  margin-top: 0px;
}

@media (max-width: 575px) {
  #PageRetainerTickets .mrtop-0 {
    margin-top: 4px;
  }
}

#PageRetainerTickets .display-right {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 575px) {
  #PageRetainerTickets .display-right {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageRetainerTickets .display-right .ant-space {
    width: 100%;
  }
}

#PageRetainerTickets .display-right .table-showing-entries {
  justify-content: flex-end;
}

@media (max-width: 575px) {
  #PageRetainerTickets .display-right .table-showing-entries {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #PageRetainerTickets .display-right .ant-pagination {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageRetainerTickets .display-right .ant-pagination .ant-pagination-total-text {
    margin-right: 0px !important;
  }
}

#PageRetainerTickets .display-right .ant-pagination .ant-pagination-next {
  margin-right: -10px !important;
}

@media (max-width: 575px) {
  #PageRetainerTickets .display-right .ant-pagination .ant-pagination-next {
    margin-right: 0px !important;
  }
}

#PageRetainerTickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-body tbody tr td.ant-table-cell-row-hover {
  background: transparent;
}

#PageRetainerTickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after,
#PageRetainerTickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 22%;
}

#PageRetainerTickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 22%;
}

#PageRetainerTickets .page-system-settings.tab-retainer-individual .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .remaining_hours__wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

#PageRetainerTickets .page-system-settings.tab-retainer-individual .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .no_expiration__wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 2560px) and (min-width: 770px) {
  #PageRetainerTickets .retainers-page-size {
    position: relative;
    margin-top: -37px;
    z-index: -10;
  }
}

.courtesy-no-charge {
  font-weight: 800 !important;
}

.modal-form-client-project .ant-modal {
  width: 550px !important;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-radio-wrapper > .ant-radio > .ant-radio-inner {
  border-color: #5e5e5e;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked > .ant-radio.ant-radio-checked > .ant-radio-inner {
  border-color: #8c53fb;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked > .ant-radio.ant-radio-checked > .ant-radio-inner::after {
  background-color: #ffffff;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space {
  width: 100%;
  gap: 0px !important;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .horizontal {
  display: flex;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .horizontal > .ant-radio-wrapper {
  width: 50%;
  margin-right: 0px;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .ant-divider::before,
.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .ant-divider::after {
  border-top: 1px solid #8c53fb;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .ant-divider .ant-divider-inner-text {
  color: #545454;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item .general-note {
  font-size: 12px;
  color: #808285;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .ant-btn {
  width: auto;
  height: auto;
  padding: 0px;
  line-height: normal;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .ant-btn svg {
  font-size: 32px;
  color: #057900;
  cursor: pointer;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .btn-play.is_loading svg {
  color: #545454;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .timer {
  display: flex;
  line-height: 38px;
  gap: 3px;
}

.modal-form-client-project .ant-modal .ant-modal-content .ant-modal-body .timer-wrapper .timer > div {
  font-size: 38px;
  line-height: 38px;
}

.add-retainer-hours-modal .ant-card .ant-card-head {
  min-height: auto;
}

.add-retainer-hours-modal .ant-card-head-title {
  font-size: 16px;
  padding: 9px 0;
}

.add-retainer-hours-modal .ant-table thead.ant-table-thead tr th {
  font-weight: 600;
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title {
  position: relative;
  height: 125px;
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title .btn-group-wrapper {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  left: -12px;
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title .btn-group-wrapper .confirm-wrapper {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title .btn-group-wrapper .ant-btn {
  color: #fff;
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 2px;
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title .btn-group-wrapper .ant-btn.btn-confirm {
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title .btn-group-wrapper .ant-btn.btn-cancel {
  color: var(--yellow);
  border-color: var(--yellow);
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title .btn-group-wrapper .ant-btn.btn-edit-hours {
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title .btn-group-wrapper .ant-divider {
  margin: 0px;
  color: #ffffff;
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title .btn-group-wrapper .ant-divider::before,
.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title .btn-group-wrapper .ant-divider::after {
  border-top: 0px;
}

.ant-popover.ant-popconfirm.popconfirm_retainer_charge_status .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons {
  display: none;
}

.add-retainer-hours-card .ant-card-body .ant-form-item {
  margin-bottom: 0px;
}

.add-retainer-hours-card .ant-card-body .mb-24 {
  margin-bottom: 24px;
}

.add-retainer-hours-card .ant-card-body .mb-24 .ant-form-item-explain-error {
  margin-bottom: -20px !important;
}

.add-retainer-hours-card .ant-card-body .mb-custom .ant-form-item-explain-error {
  margin-bottom: 0px !important;
}

.add-retainer-hours-collapse {
  border: 1px solid #d9d9d9 !important;
  border-radius: 5px !important;
}

.add-retainer-hours-collapse .ant-form-item {
  margin-bottom: 0px;
}

.add-retainer-hours-collapse .mb-24 {
  margin-bottom: 24px;
}

.add-retainer-hours-collapse .ant-collapse-header {
  background: #f1f3f2;
  height: 43.14px;
  padding: 8px 24px !important;
}

.add-retainer-hours-collapse .ant-collapse-header .ant-collapse-header-text {
  font-size: 16px;
  font-weight: 600;
  color: #4c4e4d;
}

.add-retainer-hours-collapse .ant-collapse-content {
  border: 0px !important;
  padding: 0px !important;
}

.add-retainer-hours-collapse .ant-collapse-content .ant-collapse-content-box {
  padding: 24px 24px 0 24px !important;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 15px;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-tabs.page-system-settings > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-tabs.page-system-settings > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab {
  padding-top: 0px;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions {
  display: flex;
  gap: 21px;
  justify-content: flex-start;
}

@media (min-width: 768px) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions {
    gap: 30px;
  }
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range {
  display: flex;
  align-items: center;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .calendar-svg,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .calendar-svg {
  color: black;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range {
  padding-left: 6px;
  width: 220px;
  height: 32px;
  border-radius: 5px;
  border-color: transparent;
}

@media (max-width: 991px) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range {
    width: 300px;
  }
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range.ant-picker-focused,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range.ant-picker-focused {
  box-shadow: none;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range .ant-picker-active-bar,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range .ant-picker-active-bar {
  background-color: var(--yellow);
}

@media (max-width: 575px) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range .ant-picker-active-bar,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker.ant-picker-range .ant-picker-active-bar {
    background-color: transparent;
  }
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker .ant-picker-active-bar,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .filter-date-range .ant-picker .ant-picker-active-bar {
  margin-left: 7px;
}

@media (max-width: 767px) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .table-pagination-wrapper .ant-pagination.table-pagination,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .table-pagination-wrapper .ant-pagination.table-pagination {
    justify-content: flex-end;
  }
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions-open-status,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions-open-status {
  margin-top: 10px;
  display: flex;
  gap: 12px;
}

@media (max-width: 575px) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions-open-status,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions-open-status {
    margin-top: 12px;
    flex-direction: column;
  }
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions-open-status .ant-btn,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions-open-status .ant-btn {
  width: 89px;
  border-radius: 3px;
}

@media (max-width: 575px) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions-open-status .ant-btn,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-top-actions-open-status .ant-btn {
    width: 100%;
  }
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .filter-date-range .ant-picker.ant-picker-range,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .filter-date-range .ant-picker.ant-picker-range {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border-color: #cccccc;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size {
  margin-top: 12px !important;
}

@media (max-width: 767px) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size {
    margin-top: 4px !important;
  }
}

@media (max-width: 575px) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size {
    width: 100%;
  }

  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size .ant-select-selector,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size .ant-select-selector {
    height: 40px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size .ant-select,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse .ant-collapse-item .ant-card-head .ant-collapse-content .ant-collapse-content-box .tbl-page-size .ant-select {
    width: 100%;
  }
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@supports (-moz-appearance: none) {
  #PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority.btn-priority--individual span,
  #PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority.btn-priority--individual span {
    position: relative;
    top: -1px;
  }
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority span,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority span {
  line-height: 18px;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority.btn-standard,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority.btn-standard {
  color: #ffffff;
  background-color: #197fb4 !important;
  border-color: #197fb4 !important;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority.btn-rapid,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority.btn-rapid {
  color: #ffffff;
  background-color: #139a00 !important;
  border-color: #139a00 !important;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority.btn-fastest,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .btn-priority.btn-fastest {
  color: #ffffff;
  background-color: #993300 !important;
  border-color: #993300 !important;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_client_comments .title,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_client_comments .title {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_client_comments .title .text.active,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_client_comments .title .text.active {
  color: var(--yellow);
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_client_comments .title .active-status,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_client_comments .title .active-status {
  position: relative;
  height: 22px;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_client_comments .title .active-status::before,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_client_comments .title .active-status::before {
  content: "\2022";
  position: absolute;
  top: -22px;
  font-size: 38px;
  color: #0bb400;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_responses .title,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_responses .title {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_responses .title .text.active,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_responses .title .text.active {
  color: var(--yellow);
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_responses .title .active-status,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_responses .title .active-status {
  position: relative;
  height: 22px;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_responses .title .active-status::before,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .tbl_responses .title .active-status::before {
  content: "\2022";
  position: absolute;
  top: -22px;
  font-size: 38px;
  color: #0bb400;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .quill-output-wrapper,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .quill-output-wrapper {
  display: flex;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status {
  width: 150px;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.client-status .ant-select-selector .ant-select-selection-item,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.client-status .ant-select-selector .ant-select-selection-item {
  color: #f58d13;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.client-status .ant-select-arrow,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.client-status .ant-select-arrow {
  color: #f58d13;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.resolved-status .ant-select-selector .ant-select-selection-item,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.resolved-status .ant-select-selector .ant-select-selection-item {
  color: #1e53d5;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.resolved-status .ant-select-arrow,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.resolved-status .ant-select-arrow {
  color: #1e53d5;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.company-status .ant-select-selector .ant-select-selection-item,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.company-status .ant-select-selector .ant-select-selection-item {
  color: #de2b1f;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.company-status .ant-select-arrow,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .select-ticket-status.company-status .ant-select-arrow {
  color: #de2b1f;
}

#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .btn-start-ticket svg,
#PageProjectTickets > .ant-layout > .ant-layout-content > .content-wrapper .btn-filter svg,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-start-ticket svg,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-filter svg {
  color: #000;
}

#PageProjectTickets.page-project-tikect-individual > .ant-layout > .ant-layout-content > .content-wrapper,
#PageVluxeoSupport.page-project-tikect-individual > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 10px;
}

@media (max-width: 575px) {
  #PageProjectTickets .account-setup-filter .tbl-bottom-showing-entries .table-entries-table-pagination-wrapper-2,
  #PageVluxeoSupport .account-setup-filter .tbl-bottom-showing-entries .table-entries-table-pagination-wrapper-2 {
    flex-direction: column-reverse;
  }
}

#PageProjectTickets .account-setup-filter .tbl-bottom-showing-entries .table-entries-table-pagination-wrapper-2 .ant-pagination,
#PageVluxeoSupport .account-setup-filter .tbl-bottom-showing-entries .table-entries-table-pagination-wrapper-2 .ant-pagination {
  width: auto;
}

#PageProjectTickets .account-setup-filter-mobile .table-pagination .ant-pagination-next,
#PageVluxeoSupport .account-setup-filter-mobile .table-pagination .ant-pagination-next {
  margin-right: -10px;
}

@media (max-width: 575px) {
  #PageProjectTickets .account-setup-filter-mobile .table-pagination .ant-pagination-next,
  #PageVluxeoSupport .account-setup-filter-mobile .table-pagination .ant-pagination-next {
    margin-right: 0px !important;
  }
}

@media (max-width: 575px) {
  #PageProjectTickets .account-setup-filter-mobile .display-center,
  #PageVluxeoSupport .account-setup-filter-mobile .display-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }

  #PageProjectTickets .account-setup-filter-mobile .display-center .table-pagination,
  #PageVluxeoSupport .account-setup-filter-mobile .display-center .table-pagination {
    display: flex;
    justify-content: center;
    margin-right: 0px !important;
  }

  #PageProjectTickets .account-setup-filter-mobile .display-center .table-pagination .ant-pagination-total-text,
  #PageVluxeoSupport .account-setup-filter-mobile .display-center .table-pagination .ant-pagination-total-text {
    margin-right: 0px !important;
  }
}

#PageProjectTickets .account-setup-filter-mobile .btn-top-actions,
#PageVluxeoSupport .account-setup-filter-mobile .btn-top-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  #PageProjectTickets .account-setup-filter-mobile .ant-row-center,
  #PageVluxeoSupport .account-setup-filter-mobile .ant-row-center {
    display: flex;
    justify-content: flex-end;
  }
}

#PageProjectTickets .account-setup-filter-mobile .ant-row-center .display-center,
#PageVluxeoSupport .account-setup-filter-mobile .ant-row-center .display-center {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}

@media (max-width: 575px) {
  #PageProjectTickets .account-setup-filter-mobile .ant-row-center .display-center,
  #PageVluxeoSupport .account-setup-filter-mobile .ant-row-center .display-center {
    align-items: center !important;
  }
}

#PageProjectTickets .account-setup-filter-mobile .ant-row-center .display-center .table-pagination,
#PageVluxeoSupport .account-setup-filter-mobile .ant-row-center .display-center .table-pagination {
  display: flex;
  justify-content: flex-end;
  margin-right: 0px !important;
}

@media (max-width: 575px) {
  #PageProjectTickets .account-setup-filter-mobile .ant-row-center .display-center .table-pagination,
  #PageVluxeoSupport .account-setup-filter-mobile .ant-row-center .display-center .table-pagination {
    justify-content: center !important;
  }
}

#PageProjectTickets .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-total-text,
#PageVluxeoSupport .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-total-text {
  margin-right: 0px !important;
}

#PageProjectTickets .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-next,
#PageVluxeoSupport .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-next {
  margin-right: -10px !important;
}

@media (max-width: 575px) {
  #PageProjectTickets .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-next,
  #PageVluxeoSupport .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-next {
    margin-right: 0px !important;
  }
}

#PageProjectTickets .account-setup-filter-mobile .ant-row-center .ant-select-table-pagesize,
#PageVluxeoSupport .account-setup-filter-mobile .ant-row-center .ant-select-table-pagesize {
  margin-top: -4px !important;
}

@media (max-width: 575px) {
  #PageProjectTickets .ant-btn.btn-main-tertiary,
  #PageVluxeoSupport .ant-btn.btn-main-tertiary {
    width: 100%;
    height: 40px;
  }
}

@media (max-width: 425px) {
  .filter-date-range-popup {
    left: 80px !important;
  }
}

@media (max-width: 375px) {
  .filter-date-range-popup {
    left: 50px !important;
  }
}

@media (max-width: 320px) {
  .filter-date-range-popup {
    left: 20px !important;
  }
}

.ellipsis-arrow {
  cursor: pointer;
  font-size: 15px;
  color: var(--yellow);
  transition: all 0.3s ease-in-out;
}

.ellipsis-arrow:hover {
  transform: scale(1.5);
}

#PageProjectTicketForm > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 10px;
}

#PageProjectTicketForm .close-ticket-wrapper {
  height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
}

#PageProjectTicketForm .ticket-no-wrapper {
  display: flex;
  gap: 25px;
}

#PageProjectTicketForm .ticket-no-wrapper .ant-input-group-wrapper {
  width: 200px;
}

@media (max-width: 575px) {
  #PageProjectTicketForm .ticket-no-wrapper .ant-input-group-wrapper {
    width: 100%;
  }
}

#PageProjectTicketForm .ticket-no-wrapper .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon {
  background-color: transparent;
  border: 0px;
  height: 45px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #b80b0b;
  padding-right: 5px;
  padding-left: 0px;
}

#PageProjectTicketForm .ticket-no-wrapper .ant-input-group-wrapper .ant-input-wrapper .ant-input.ant-input-disabled {
  background-color: transparent;
  border: 0px;
  height: 45px;
  color: #b80b0b;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 0px;
}

#PageProjectTicketForm .ticket-action-wrapper {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1199px) {
  #PageProjectTicketForm .ticket-action-wrapper {
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {
  #PageProjectTicketForm .ticket-action-wrapper {
    justify-content: center;
  }
}

#PageProjectTicketForm .ticket-action-wrapper .btn_close_tiket {
  padding: 4px 8px;
  line-height: normal;
  margin-top: 10px;
  height: 40px;
}

@media (min-width: 576px) {
  #PageProjectTicketForm .ticket-action-wrapper .btn_close_tiket {
    height: auto;
  }
}

#PageProjectTicketForm .ticket-action-wrapper .btn_close_tiket.disabled {
  padding: 0px !important;
}

#PageProjectTicketForm .ticket-action-wrapper .btn_close_tiket.disabled button {
  border-radius: 5px;
  padding: 4px 8px;
  line-height: normal;
  margin-top: 2px;
  height: 40px;
}

@media (min-width: 576px) {
  #PageProjectTicketForm .ticket-action-wrapper .btn_close_tiket.disabled button {
    height: auto;
  }
}

#PageProjectTicketForm .col-priority-status-action-wrapper {
  display: flex;
}

@media (max-width: 575px) {
  #PageProjectTicketForm .col-priority-status-action-wrapper {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageProjectTicketForm .col-priority-status-action-wrapper .priority-status-action-wrapper .label {
    justify-content: center;
    width: 100%;
  }
}

#PageProjectTicketForm .priority-status-action-wrapper {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}

@media (min-width: 1024px) {
  #PageProjectTicketForm .priority-status-action-wrapper {
    margin-top: 0;
  }
}

#PageProjectTicketForm .priority-status-action-wrapper .label {
  display: flex;
  gap: 5px;
  align-items: center;
  width: 200px;
}

#PageProjectTicketForm .priority-status-action-wrapper .label > span {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#PageProjectTicketForm .priority-status-action-wrapper .label .priority-info svg {
  cursor: pointer;
  color: #bab6b6;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item {
  margin-bottom: 0px;
  width: 100%;
  margin-top: 10px;
}

@media (min-width: 692px) {
  #PageProjectTicketForm .priority-status-action-wrapper .ant-form-item {
    margin-top: 0.1px;
  }
}

@media (min-width: 768px) {
  #PageProjectTicketForm .priority-status-action-wrapper .ant-form-item {
    margin-top: 0.1px;
  }
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input {
  min-height: 25px;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group {
  line-height: normal !important;
  display: flex;
  gap: 15px;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper {
  line-height: normal !important;
  border: 0px;
  width: auto;
  padding: 0px;
  box-shadow: none;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked::after {
  content: "";
  bottom: 0;
  right: 0;
  width: calc(100% - 19px);
  height: 2px;
  position: absolute;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:nth-child(1) div.letter {
  background-color: #1a66cc;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:nth-child(1) div.word {
  color: #1a66cc;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:nth-child(1)::after {
  background: #1a66cc;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:nth-child(2) div.letter {
  background-color: #068003;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:nth-child(2) div.word {
  color: #068003;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:nth-child(2)::after {
  background: #068003;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:nth-child(3) div.letter {
  background-color: #930;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:nth-child(3) div.word {
  color: #930;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:nth-child(3)::after {
  background: #930;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper::before {
  background-color: transparent;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled {
  background: transparent;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper span:not(.ant-radio-button) {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper div.letter {
  width: 16px !important;
  height: 16px !important;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  text-transform: capitalize;
  background-color: #1e1e1e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0px;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-radio-group .ant-radio-button-wrapper div.word {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-form-item .ant-form-item-explain.ant-form-item-explain-connected {
  line-height: normal !important;
  margin-top: -5px !important;
  margin-bottom: 0px !important;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper {
  margin-right: 20px;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper > span:last-child {
  font-weight: 400;
  font-size: 16px;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper:nth-child(1) > span:last-child {
  color: #197fb4;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper:nth-child(1).ant-radio-wrapper-checked .ant-radio-checked .ant-radio-inner::after {
  background-color: #197fb4;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper:nth-child(2) > span:last-child {
  color: #139a00;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper:nth-child(2).ant-radio-wrapper-checked .ant-radio-checked .ant-radio-inner::after {
  background-color: #139a00;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper:nth-child(3) > span:last-child {
  color: #e50e1a;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper:nth-child(3).ant-radio-wrapper-checked .ant-radio-checked .ant-radio-inner::after {
  background-color: #e50e1a;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper .ant-radio {
  top: 0.1em;
}

#PageProjectTicketForm .priority-status-action-wrapper .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
  border-color: #1b1b1b;
  border-width: 2px;
  width: 14px;
  height: 14px;
}

@media (max-width: 691px) {
  #PageProjectTicketForm .priority-status-action-wrapper {
    gap: 0px;
    flex-direction: column;
  }
}

#PageProjectTicketForm .customer-details-wrapper {
  display: flex;
  justify-content: flex-end;
}

#PageProjectTicketForm .customer-details-wrapper--ticket-customer-details {
  justify-content: flex-start !important;
}

@media (min-width: 1440px) {
  #PageProjectTicketForm .customer-details-wrapper--ticket-customer-details {
    justify-content: flex-end !important;
  }
}

#PageProjectTicketForm .customer-details-wrapper .customer-details {
  width: 180px;
  display: flex;
  justify-content: space-between;
}

#PageProjectTicketForm .customer-details-wrapper .btn-customer-details {
  box-shadow: none;
  background-color: transparent;
  border: 0px;
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#PageProjectTicketForm .customer-details-wrapper .btn-customer-details:focus {
  box-shadow: none;
}

#PageProjectTicketForm .customer-details-wrapper .btn-customer-details::after {
  box-shadow: none !important;
}

#PageProjectTicketForm .customer-details-wrapper .btn-customer-details svg {
  color: #000;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}

#PageProjectTicketForm .customer-details-wrapper .btn-customer-details svg:first-child {
  margin-right: 5px;
}

#PageProjectTicketForm .customer-details-wrapper .btn-customer-details svg:last-child {
  margin-left: 5px;
}

#PageProjectTicketForm .customer-details-wrapper .btn-customer-details span {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#PageProjectTicketForm .customer-details-wrapper.customer-details-wrapper--ticket-customer-details .ant-flex {
  width: 100%;
  justify-content: flex-end;
  gap: 20px;
}

@media (min-width: 1200px) {
  #PageProjectTicketForm .customer-details-wrapper.customer-details-wrapper--ticket-customer-details .ant-flex.not-collapse {
    align-items: flex-start;
  }
}

@media (max-width: 850px) {
  #PageProjectTicketForm .customer-details-wrapper.customer-details-wrapper--ticket-customer-details .ant-flex.not-collapse {
    flex-wrap: wrap;
    gap: 0px 20px;
  }
}

@media (min-width: 1200px) {
  #PageProjectTicketForm .customer-details-wrapper.customer-details-wrapper--ticket-customer-details .ant-flex.not-collapse .ant-btn {
    padding-top: 0px !important;
    height: auto !important;
  }
}

@media (max-width: 1199px) {
  #PageProjectTicketForm .customer-details-wrapper.customer-details-wrapper--ticket-customer-details .ant-flex {
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {
  #PageProjectTicketForm .customer-details-wrapper.customer-details-wrapper--ticket-customer-details .ant-flex {
    flex-direction: column;
    justify-content: center;
    gap: 0px;
  }
}

@media (max-width: 575px) {
  #PageProjectTicketForm .btn-submit {
    width: 100%;
  }
}

#PageProjectTicketForm .ant-layout:not(.ant-layout-has-collapse) .customer-details-wrapper {
  justify-content: flex-end;
}

@media (min-width: 768px) and (max-width: 991px) {
  #PageProjectTicketForm .ant-layout:not(.ant-layout-has-collapse) .customer-details-wrapper {
    justify-content: flex-start;
  }
}

@media (max-width: 991px) {
  #PageProjectTicketForm .ant-layout:not(.ant-layout-has-collapse) .ticket-no-wrapper .ant-input-group-wrapper {
    width: 180px;
  }
}

@media (width: 768px) {
  #PageProjectTicketForm .ant-layout.ant-layout-has-collapse .customer-details-wrapper {
    justify-content: flex-end;
  }
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg {
  color: var(--yellow) !important;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 24px 24px 0px 24px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .float-wrapper.float-select .ant-select .ant-select-arrow {
  color: var(--yellow) !important;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .float-wrapper.float-select .ant-select .ant-select-arrow svg {
  color: var(--yellow) !important;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-head {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--yellow) !important;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  padding: 0px;
  color: #fff;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .dragger-upload-attachment .ant-upload-drag-icon {
  margin-bottom: 15px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .dragger-upload-attachment .ant-upload-drag-icon .anticon svg {
  font-size: 55px;
  color: #40a9fc;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .dragger-upload-attachment .ant-upload-text {
  color: #000;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-head {
  padding-left: 15px;
  padding-right: 15px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body {
  padding: 15px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded {
  border-radius: 5px !important;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 150px;
  overflow: hidden;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .react-player-video-wrapper {
  height: 150px !important;
  width: auto !important;
  display: flex;
  align-items: center;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .react-player-video-wrapper video {
  max-width: 100%;
  height: auto;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .ant-image {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .ant-image .ant-image-img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .ant-image .ant-image-mask {
  height: 150px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded.video .ant-card-cover {
  height: 150px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-body {
  padding: 15px 10px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  margin-bottom: 0px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-description {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-actions {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-actions li {
  color: var(--yellow) !important;
}

#PageProjectTicketForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-actions li span:hover {
  color: var(--yellow) !important;
}

#PageProjectTicketForm .card-upload .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  padding: 3px 0px;
}

#PageProjectTicketForm .card-upload .ant-card-head .ant-card-head-wrapper .ant-card-head-title .subtitle {
  font-size: 14px;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-header {
  background-color: var(--yellow) !important;
  color: #000;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg {
  color: #fff;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
  color: #fff;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .dragger-upload-attachment .ant-upload-drag-icon {
  margin-bottom: 15px;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .dragger-upload-attachment .ant-upload-drag-icon .anticon svg {
  font-size: 55px;
  color: #40a9fc;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .dragger-upload-attachment .ant-upload-text {
  color: #000;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded {
  border-radius: 5px !important;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-cover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 150px;
  overflow: hidden;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .react-player-video-wrapper {
  height: 200px !important;
  width: auto !important;
  display: flex;
  align-items: center;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .react-player-video-wrapper video {
  max-width: 100%;
  height: auto;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .ant-image {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .ant-image .ant-image-img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .ant-image .ant-image-mask {
  height: 150px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded.video .ant-card-cover {
  height: 200px;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-body {
  padding: 15px 10px;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  margin-bottom: 0px;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-description {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-actions {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-actions li {
  color: var(--yellow) !important;
}

#PageProjectTicketForm .collapse-ticket-attachment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .card-uploaded-wrapper .card-file-uploaded .ant-card-actions li span:hover {
  color: var(--yellow) !important;
}

#PageProjectTicketForm .collapse-history .message-form-wrapper .ant-input-affix-wrapper:focus,
#PageProjectTicketForm .collapse-history .message-form-wrapper .ant-input-affix-wrapper:hover {
  border-color: var(--yellow) !important;
}

#PageProjectTicketForm .collapse-history .message-form-wrapper .ant-input-affix-wrapper-focused {
  box-shadow: none;
  border-color: var(--yellow) !important;
}

#PageProjectTicketForm .collapse-history .message-form-wrapper button.ant-btn-icon-only {
  width: 62px;
  height: 62px;
  border-left: none;
}

#PageProjectTicketForm .collapse-history .message-form-wrapper button.ant-btn-icon-only:active,
#PageProjectTicketForm .collapse-history .message-form-wrapper button.ant-btn-icon-only:hover {
  border: 1px solid var(--yellow) !important;
  background-color: var(--yellow) !important;
  color: white;
  border-left: none;
}

#PageProjectTicketForm .collapse-history .message-wrapper {
  padding-top: 18px;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageProjectTicketForm .collapse-history .message-wrapper .message-content {
  word-break: break-word;
  font-size: 14px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 0px 0px 10px;
  scrollbar-width: thin;
  scrollbar-color: #58595b transparent;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar-track {
  background-color: transparent;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar-thumb {
  background-color: #58595b;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar-track,
#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box > div:not(:first-child) {
  margin-top: 10px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-form-wrapper .message-form {
  display: flex;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-form-wrapper .message-form .ant-input-affix-wrapper .ant-input-suffix {
  cursor: pointer;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-form-wrapper .message-attachment {
  padding: 5px 15px;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-form-wrapper .message-attachment .ant-image {
  width: 60px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-form-wrapper .message-attachment video {
  max-width: 60px;
  width: 100%;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper {
  transition: all 0.3s ease-in-out;
  max-height: 400px;
  overflow-y: auto;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .attachment {
  padding: 5px 5px;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .attachment .ant-image {
  width: 100px;
  height: 100px;
  display: flex;
  border: 1px solid #f1f3f2;
  border-radius: 5px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .attachment .ant-image > .ant-image-img.attachment-image {
  -o-object-fit: contain;
     object-fit: contain;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .attachment .ant-image > .ant-image-mask {
  border-radius: 5px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .attachment .video-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid #f1f3f2;
  width: 100px;
  height: 100px;
  border-radius: 5px;
  overflow: hidden;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .attachment .video-wrapper .video-wrapper-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 5px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .attachment .video-wrapper .video-wrapper-mask svg {
  font-size: 32px;
  color: white;
  cursor: pointer;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .attachment .video-wrapper video {
  max-width: 100px;
  width: 100%;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-left-wrapper {
  display: flex;
  padding-left: 12px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-left-wrapper .message-left {
  width: auto;
  max-width: 75%;
  background-color: #d8e3fe;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-left-wrapper .message-left .title {
  padding: 10px 20px 0px 15px;
  font-size: 14px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-left-wrapper .message-left .title .date,
#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-left-wrapper .message-left .title .name {
  font-weight: 550;
  text-align: left;
  color: #1e53d5;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-left-wrapper .message-left .title .name {
  margin-top: -5px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-left-wrapper .message-left .message-content {
  padding: 10px 15px;
  border-radius: 10px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-left-wrapper .message-left .attachment {
  justify-content: flex-start;
  background-color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 1px solid #f1f3f2;
  border-right: 1px solid #f1f3f2;
  border-left: 1px solid #f1f3f2;
  width: 100%;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-right-wrapper {
  display: flex;
  justify-content: flex-end;
  padding-right: 12px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-right-wrapper .message-right {
  width: auto;
  max-width: 75%;
  background-color: #e1fbdd;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 10px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-right-wrapper .message-right .title {
  padding: 10px 15px 0px 15px;
  font-size: 14px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-right-wrapper .message-right .title .date,
#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-right-wrapper .message-right .title .name {
  font-weight: 550;
  text-align: right;
  color: #287609;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-right-wrapper .message-right .title .name {
  margin-top: -5px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-right-wrapper .message-right .message-content {
  padding: 10px 15px;
  border-radius: 10px;
}

#PageProjectTicketForm .collapse-history .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .message-wrapper .message-right-wrapper .message-right .attachment {
  justify-content: flex-end;
  background-color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 1px solid #f1f3f2;
  border-right: 1px solid #f1f3f2;
  border-left: 1px solid #f1f3f2;
  width: 100%;
}

#PageProjectTicketForm .btn-group-add-submit {
  display: flex;
  justify-content: space-between;
  gap: 20px 15px;
}

#PageProjectTicketForm .btn-group-add-submit.client {
  justify-content: flex-end;
}

#PageProjectTicketForm .btn-group-add-submit .btn-submit {
  background: #2b8400 !important;
  border: 1px solid #2b8400 !important;
}

#PageProjectTicketForm .btn-group-add-submit .btn-submit span {
  color: #ffffff;
}

@media (max-width: 575px) {
  #PageProjectTicketForm .btn-group-add-submit {
    flex-direction: column-reverse;
  }
}

.dropdown-customer-details .ant-dropdown-menu {
  padding: 0px !important;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .name {
  font-weight: 600;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .number {
  margin-top: 10px;
  display: flex;
  gap: 5px;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .number .icon {
  color: var(--yellow) !important;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .email {
  display: flex;
  gap: 5px;
}

.dropdown-customer-details .ant-dropdown-menu .ant-dropdown-menu-item .email .icon {
  color: var(--yellow) !important;
}

.dropdown-ticket-details .ant-dropdown-menu {
  padding: 0px !important;
}

.dropdown-ticket-details .ant-dropdown-menu .ant-dropdown-menu-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dropdown-ticket-details .ant-dropdown-menu .ant-dropdown-menu-item .appname {
  font-weight: 600;
}

.dropdown-ticket-details .ant-dropdown-menu .ant-dropdown-menu-item .created span {
  font-weight: 600;
}

.dropdown-ticket-details .ant-dropdown-menu .ant-dropdown-menu-item .type span {
  font-weight: 600;
}

.modal-wrap-form-upload-videos .ant-modal .ant-modal-content .ant-modal-footer {
  padding-top: 0px;
  border-top: 0px;
}

.modal-wrap-preview-attachment .ant-modal {
  width: 70% !important;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded {
  border-radius: 5px !important;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-cover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 150px;
  overflow: hidden;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-cover .react-player-video-wrapper {
  height: 200px !important;
  width: auto !important;
  display: flex;
  align-items: center;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-cover .react-player-video-wrapper video {
  max-width: 100%;
  height: auto;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-cover .ant-image {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-cover .ant-image .ant-image-img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-cover .ant-image .ant-image-mask {
  height: 150px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded.video .ant-card-cover {
  height: 200px;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-body {
  padding: 15px 10px;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  margin-bottom: 0px;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-description {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-actions {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-actions li {
  color: var(--yellow);
}

.modal-wrap-preview-attachment .ant-modal .ant-modal-content .ant-modal-body .card-file-uploaded .ant-card-actions li span:hover {
  color: var(--yellow);
}

.ticket-add-media .ant-collapse-content-box {
  padding-bottom: 24px !important;
}

.display-right-on-mobile {
  display: flex;
  justify-content: center;
}

.display-right-on-mobile .ant-space {
  width: 100%;
}

.display-right-on-mobile .tbl-page-size {
  justify-content: flex-start;
}

@media (min-width: 576px) {
  .display-right-on-mobile .tbl-page-size {
    justify-content: flex-end;
  }
}

.display-right-on-mobile .table-showing-entries {
  justify-content: center;
}

.display-right-on-mobile .ant-pagination {
  justify-content: center;
}

.page-project-mobile .tbl-page-size {
  justify-content: flex-start;
}

@media (min-width: 576px) {
  .page-project-mobile .tbl-page-size {
    justify-content: flex-end;
  }
}

.page-project-mobile .ant-pagination {
  justify-content: center;
}

@media (min-width: 576px) {
  .page-project-mobile .ant-pagination {
    justify-content: flex-end;
  }
}

.ticket_quill p {
  font-size: 16px;
}

.ticket_history .quill-output {
  font-size: 16px !important;
}

.ticket_history .quill-output p {
  font-size: 16px !important;
}

@media (max-width: 425px) {
  .ticket_history .quill-output p {
    font-size: 16px !important;
  }
}

.ant-select-dropdown.popup-ticket-status .rc-virtual-list .rc-virtual-list-holder .rc-virtual-list-holder-inner .ant-select-item.company-status .ant-select-item-option-content {
  color: #de2b1f;
}

.ant-select-dropdown.popup-ticket-status .rc-virtual-list .rc-virtual-list-holder .rc-virtual-list-holder-inner .ant-select-item.client-status .ant-select-item-option-content {
  color: #f58d13;
}

.ant-select-dropdown.popup-ticket-status .rc-virtual-list .rc-virtual-list-holder .rc-virtual-list-holder-inner .ant-select-item.resolved-status .ant-select-item-option-content {
  color: #1e53d5;
}

.select-ticket-status.client-status .ant-select-selector .ant-select-selection-item {
  color: #f58d13;
}

.select-ticket-status.client-status .ant-select-arrow {
  color: #f58d13;
}

.select-ticket-status.resolved-status .ant-select-selector .ant-select-selection-item {
  color: #1e53d5;
}

.select-ticket-status.resolved-status .ant-select-arrow {
  color: #1e53d5;
}

.select-ticket-status.company-status .ant-select-selector .ant-select-selection-item {
  color: #de2b1f;
}

.select-ticket-status.company-status .ant-select-arrow {
  color: #de2b1f;
}

.drawer-filter-project-ticket {
  z-index: 1001;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper {
  width: 400px !important;
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 10px;
}

@media (max-width: 575px) {
  .drawer-filter-project-ticket .ant-drawer-content-wrapper {
    width: 100% !important;
  }
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content {
  border-top-left-radius: 10px !important;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
  background-color: var(--yellow) !important;
  padding: 20px;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title {
  flex-direction: row-reverse;
  color: #fff;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title .ant-drawer-close {
  margin: 0px;
  color: #fff;
  padding: 0px;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title .ant-drawer-title {
  color: #fff;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
  padding: 20px;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .filter-search .ant-input-affix-wrapper {
  border: 0px;
  padding-left: 0px;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .filter-date-range .ant-picker.ant-picker-range {
  border: 0px;
  box-shadow: none !important;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .filter-status {
  width: 100%;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .filter-status .ant-select-selector {
  padding-left: 0px;
  padding-right: 0px;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .filter-status .ant-select-selector .ant-select-selection-placeholder {
  color: #000;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .filter-status .ant-select-arrow {
  right: 0px;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .filter-status .ant-select-arrow svg {
  color: #000;
}

.drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .flex-btn-apply {
  justify-content: flex-end;
}

@media (max-width: 575px) {
  .drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .flex-btn-apply {
    justify-content: center;
  }

  .drawer-filter-project-ticket .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .flex-btn-apply .ant-btn {
    width: 100%;
  }
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 15px;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-tabs.page-system-settings > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-tabs.page-system-settings > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab {
  padding-top: 0px;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .tab-support,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .tab-support {
  margin-top: 10px !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .tab-support .ant-tabs-tab-active .ant-tabs-tab-btn,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .tab-support .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .tab-support .ant-tabs-tab-btn:hover,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .tab-support .ant-tabs-tab-btn:hover {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .tab-support .tab-video-faqs,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .tab-support .tab-video-faqs {
  margin-top: 10px !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .tab-support .tab-video-faqs .ant-tabs-ink-bar::after,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .tab-support .tab-video-faqs .ant-tabs-ink-bar::after {
  right: 0px !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel {
  background-color: transparent !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel .ant-collapse-header,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel .ant-collapse-header {
  padding: 0px !important;
  padding-right: 40px !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel .ant-collapse-content-box,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel .ant-collapse-content-box {
  padding: 16px 0px !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel .ant-collapse-expand-icon svg,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel .ant-collapse-expand-icon svg {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel .ant-collapse-header-text,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .faq-collapse-custom-panel .ant-collapse-header-text {
  color: black !important;
  font-weight: bold;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2 {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2 svg,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2 svg {
  color: black !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2:hover,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2:focus,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2:hover,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2:focus {
  color: black !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2:hover svg,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2:focus svg,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2:hover svg,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .btn-main-primary2:focus svg {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-select-arrow,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-select-arrow {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-pagination-item-active,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-pagination-item-active {
  color: var(--yellow) !important;
  border-color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-pagination-item-active a,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-pagination-item-active a {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-body,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-header.ant-table-sticky-holder,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-body {
  scrollbar-color: var(--yellow) #eeeeee !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-cell .ant-btn-link svg,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-cell .ant-btn-link svg {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-cell .tbl_client_comments .text.active,
#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-cell .tbl_responses .text.active,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-cell .tbl_client_comments .text.active,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-cell .tbl_responses .text.active {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .status-column span,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .status-column span {
  color: var(--yellow) !important;
}

#PageVluxeoSupport > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg,
.page-vluxeo-support > .ant-layout > .ant-layout-content > .content-wrapper .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg {
  color: var(--yellow) !important;
}

#PageVluxeoSupport .card-ticket-attachment .ant-card-head,
.page-vluxeo-support .card-ticket-attachment .ant-card-head {
  background-color: var(--yellow) !important;
  color: white !important;
}

.page-vluxeo-support-filter .ant-drawer-header {
  background-color: var(--yellow) !important;
}

.page-vluxeo-support-filter .btn-main-primary {
  background-color: var(--yellow) !important;
  border-color: var(--yellow) !important;
}

.page-vluxeo-support-filter .btn-main-primary:hover {
  background-color: white !important;
  color: var(--yellow) !important;
}

#PageMessaging > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 5px;
}

#PageMessaging .tag-view-as {
  background: white;
  border-radius: 5px;
}

#PageMessaging .btn-group-action {
  display: flex;
  gap: 5px;
  width: auto;
  flex-direction: column;
}

@media (min-width: 576px) {
  #PageMessaging .btn-group-action {
    width: 290px;
    flex-direction: row;
  }
}

#PageMessaging .btn-group-action .ant-btn {
  border-radius: 3px;
  width: 100%;
  height: 40px;
}

@media (max-width: 425px) {
  #PageMessaging .btn-group-action .ant-btn {
    font-size: 19px;
  }
}

@media (min-width: 576px) {
  #PageMessaging .btn-group-action .ant-btn {
    width: 50%;
    height: auto;
  }
}

#PageMessaging .btn-group-action .ant-btn svg {
  margin-left: 7px;
}

#PageMessaging .btn-group-action .ant-btn.btn-chat {
  background-color: #2b8400;
  border-color: #2b8400;
  color: #ffffff;
}

#PageMessaging .btn-group-action .ant-btn.btn-chat:hover,
#PageMessaging .btn-group-action .ant-btn.btn-chat:focus {
  background-color: #ffffff;
  border-color: #2b8400;
  color: #2b8400;
}

#PageMessaging .btn-group-action .ant-btn.btn-archived {
  background-color: #c80202;
  border-color: #c80202;
  color: #ffffff;
}

#PageMessaging .btn-group-action .ant-btn.btn-archived:hover,
#PageMessaging .btn-group-action .ant-btn.btn-archived:focus {
  border-color: #c80202;
  color: #c80202;
  background-color: white;
}

#PageMessaging .btn-group-action .ant-btn.btn-chat-outline {
  background-color: #ffffff;
  border-color: #2b8400;
  color: #2b8400;
}

#PageMessaging .btn-group-action .ant-btn.btn-chat-outline:hover,
#PageMessaging .btn-group-action .ant-btn.btn-chat-outline:focus {
  background-color: #ffffff;
  border-color: #2b8400;
  color: #2b8400;
}

#PageMessaging .btn-group-action .ant-btn.btn-archived-outline {
  border-color: #c80202;
  color: #c80202;
}

#PageMessaging .btn-group-action .ant-btn.btn-archived-outline:hover,
#PageMessaging .btn-group-action .ant-btn.btn-archived-outline:focus {
  border-color: #c80202;
  color: #c80202;
}

#PageMessaging .chat-wrapper {
  border: 1px solid #d9d9d9;
  display: flex;
  height: 70vh;
}

#PageMessaging .chat-wrapper .chat-users {
  overflow: hidden auto;
  height: calc(70vh - 2px);
  width: 290px;
  border-right: 1px solid #d9d9d9;
  --webkit-overflow-scrolling: touch;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

#PageMessaging .chat-wrapper .chat-users.has-collapse {
  width: 48px;
}

#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar-thumb {
  background-color: #1d85b8;
}

#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar-track,
#PageMessaging .chat-wrapper .chat-users::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

@supports (scrollbar-width: auto) {
  #PageMessaging .chat-wrapper .chat-users {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageMessaging .chat-wrapper .chat-users .ant-menu {
  border: 0px;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item {
  margin: 0px;
  align-items: center;
  padding-left: 11px !important;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item::after {
  border-right: 0px;
  position: inherit;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item .ant-menu-item-icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item .ant-menu-title-content {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item.ant-menu-item-active,
#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item.ant-menu-item-selected {
  background-color: #f2f2f2;
  color: #2e3032;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item.chat-users-header {
  background-color: #ffffff;
  padding: 26px 15px !important;
  display: flex;
  cursor: auto;
  color: #2e3032 !important;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item.chat-users-header .ant-menu-title-content {
  display: flex;
  align-items: center;
  gap: 13px;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item.chat-users-header .ant-menu-title-content .chat-users-header-action {
  margin-top: 3px;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item.chat-users-header .ant-menu-title-content .chat-users-header-action .anticon {
  font-size: 17px;
  color: #8c53fb;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu .ant-menu-item.chat-users-header .ant-menu-title-content .chat-users-header-title {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1px;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu.ant-menu-inline-collapsed {
  width: 48px;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu.ant-menu-inline-collapsed .ant-menu-item .ant-menu-title-content {
  overflow: visible;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu.ant-menu-inline-collapsed .ant-menu-item .ant-menu-title-content .chat-users-header-action {
  margin-top: 4px;
}

#PageMessaging .chat-wrapper .chat-users .ant-menu.ant-menu-inline-collapsed .ant-menu-item.chat-users-header .ant-menu-title-content .chat-users-header-title {
  display: none;
}

#PageMessaging .chat-wrapper .chat-discussion {
  width: calc(100% - 290px);
  display: flex;
  flex-direction: column;
}

#PageMessaging .chat-wrapper .chat-discussion.has-collapse {
  width: calc(100% - 48px);
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form {
  display: flex;
  align-items: center;
  width: 100%;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .ant-input-group-wrapper {
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid transparent;
  height: 52px;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .ant-input-group-wrapper.ant-input-group-wrapper-focused {
  border: 1px solid #1d85b8;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .ant-input-group-wrapper .ant-input-wrapper.ant-input-group {
  height: 52px;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .ant-input-group-wrapper .ant-input-wrapper.ant-input-group .ant-input {
  height: 50px;
  border: 0px;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .ant-input-group-wrapper .ant-input-wrapper.ant-input-group .ant-input:focus {
  box-shadow: none;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .ant-input-group-wrapper .ant-input-wrapper.ant-input-group .ant-input-group-addon {
  border: 0px;
  padding: 0px;
  background-color: transparent;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .ant-input-group-wrapper .ant-input-wrapper.ant-input-group .ant-input-group-addon .ant-btn {
  color: grey;
  width: 49px;
  height: 49px;
  border-radius: 0px;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .ant-input-group-wrapper .ant-input-wrapper.ant-input-group .ant-input-group-addon .ant-btn:hover {
  color: #1d85b8;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .btn-submit {
  width: 52px;
  height: 52px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 0px;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-message-form .btn-submit:hover {
  border-top-color: #1d85b8;
  border-right-color: #1d85b8;
  border-bottom-color: #1d85b8;
  background-color: #1d85b8;
  color: #ffffff;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list {
  width: 100%;
  height: calc(70vh - 52px);
  overflow: hidden auto;
  --webkit-overflow-scrolling: touch;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list::-webkit-scrollbar-thumb {
  background-color: #1d85b8;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list::-webkit-scrollbar-track,
#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

@supports (scrollbar-width: auto) {
  #PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message {
  width: 80%;
  display: flex;
  gap: 10px;
  padding: 10px;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message .message-avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  #PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message .message-avatar {
    width: 45px;
    height: 45px;
  }
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message .message .title {
  font-size: 14px;
  line-height: 1;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message .message .title .name {
  color: gray;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message .message .title .date {
  margin-left: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4509803922);
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message .message .message-content {
  word-break: break-word;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message.right {
  float: right;
  flex-direction: row-reverse;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message.right .message .title {
  float: right;
}

#PageMessaging .chat-wrapper .chat-discussion .chat-discussion-list .chat-message.right .message .message-content {
  float: right;
  text-align: right;
}

.ant-menu-inline-collapsed-tooltip {
  display: none;
}

.ant-modal-content .ant-modal-body .avatar-uploader .ant-upload-list-picture {
  max-height: 404px !important;
  overflow: scroll !important;
  overflow-x: hidden !important;
}

.ant-modal-content .ant-modal-body .avatar-uploader .ant-upload-list-picture::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.ant-modal-content .ant-modal-body .avatar-uploader .ant-upload-list-picture::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

.ant-modal-content .ant-modal-body .avatar-uploader .ant-upload-list-picture::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

.ant-modal-content .ant-modal-body .avatar-uploader .ant-upload-list-picture::-webkit-scrollbar-track,
.ant-modal-content .ant-modal-body .avatar-uploader .ant-upload-list-picture::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 15px;
}

#PageVideosAndArticles .ant-input-affix-wrapper {
  border-radius: 5px;
}

#PageVideosAndArticles .table-global-search .ant-input-affix-wrapper {
  border-radius: 0px;
  display: flex;
  height: 33px;
  padding-right: 11px;
}

#PageVideosAndArticles .table-global-search.right {
  width: 22px;
  transition: width 0.3s;
  float: right;
}

#PageVideosAndArticles .table-global-search.right.show {
  width: 200px;
}

@media (max-width: 575px) {
  #PageVideosAndArticles .table-global-search.right.show {
    width: 100% !important;
  }
}

#PageVideosAndArticles .table-global-search.right.show .ant-input-affix-wrapper {
  padding: 4px 11px;
}

#PageVideosAndArticles .resource-top-filter-column1 {
  order: 2;
}

@media (min-width: 1200px) {
  #PageVideosAndArticles .resource-top-filter-column1 {
    order: 1;
  }
}

#PageVideosAndArticles .resource-top-filter-column2 {
  order: 1;
}

@media (min-width: 1200px) {
  #PageVideosAndArticles .resource-top-filter-column2 {
    order: 2;
  }
}

#PageVideosAndArticles .select-resource-category-wrapper .ant-select,
#PageVideosAndArticles .select-filters-wrapper .ant-select {
  width: 100%;
}

#PageVideosAndArticles .select-resource-category-wrapper .ant-select .ant-select-selector,
#PageVideosAndArticles .select-filters-wrapper .ant-select .ant-select-selector {
  box-shadow: unset !important;
  border: 1px solid var(--yellow);
}

#PageVideosAndArticles .select-resource-category-wrapper .ant-select .ant-select-selector:hover,
#PageVideosAndArticles .select-filters-wrapper .ant-select .ant-select-selector:hover {
  border: 1px solid var(--yellow);
}

#PageVideosAndArticles .select-resource-category-wrapper .ant-select .ant-select-selector:focus,
#PageVideosAndArticles .select-filters-wrapper .ant-select .ant-select-selector:focus {
  border: 1px solid var(--yellow);
}

#PageVideosAndArticles .select-resource-category-wrapper .ant-select .ant-select-arrow,
#PageVideosAndArticles .select-filters-wrapper .ant-select .ant-select-arrow {
  color: var(--yellow);
}

#PageVideosAndArticles .select-resource-category-wrapper .ant-btn,
#PageVideosAndArticles .select-filters-wrapper .ant-btn {
  color: #808082;
  width: auto;
  height: auto;
  padding: 0px;
  font-size: 16px;
}

#PageVideosAndArticles .select-resource-category-wrapper .ant-btn.active,
#PageVideosAndArticles .select-filters-wrapper .ant-btn.active {
  color: var(--yellow);
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group {
  display: flex;
  justify-content: space-between;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters.btn-my-favourites {
  justify-content: flex-start;
}

@media (min-width: 1200px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters.btn-my-favourites {
    justify-content: flex-end;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-resource-category {
  gap: 12px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-resource-category .btn-group-left {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 12px;
  flex-wrap: wrap;
  align-items: baseline;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-resource-category .btn-group-left .ant-btn {
  border-radius: 5px;
  font-size: 16px;
  height: auto;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-resource-category .btn-group-right {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 15px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-resource-category .btn-group-right .ant-btn {
  font-size: 18px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-resource-category .btn-group-right .ant-btn.ant-btn-icon-only {
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
  height: auto;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-resource-category .btn-group-right .ant-btn svg {
  font-size: 18px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-resource-category .btn-group-right .ant-btn.btn-search {
  color: #808082;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-left {
  display: flex;
  align-items: baseline;
}

@media (max-width: 991px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-left {
    flex-direction: column;
    align-items: flex-start;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-left .label {
  line-height: normal;
  margin-right: 20px;
}

@media (max-width: 991px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-left .ant-space {
    gap: 10px !important;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-left .ant-space .ant-space-item .ant-btn {
  color: #808082;
  width: auto;
  height: auto;
  padding: 0px;
  font-size: 16px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-left .ant-space .ant-space-item .ant-btn.active {
  color: var(--yellow);
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-left .ant-space .ant-space-item-split .ant-divider {
  margin: 0px;
  border-color: #999999;
  top: -0.12em;
  height: 1em;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-right {
  display: flex;
  align-items: baseline;
}

@media (max-width: 991px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-right {
    align-items: flex-end;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-right .search-bar {
  width: 0;
  transition: width 0.5s ease-out;
  overflow: hidden;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-right .search-bar.show {
  width: 100%;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-right .ant-btn {
  color: var(--yellow);
  padding-left: 0px;
  padding-right: 0px;
  font-weight: 700;
  font-size: 16px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .btn-group.btn-filters .btn-group-right .ant-btn svg {
  color: var(--yellow);
  margin-right: 8px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .collapse-mobile-filter .ant-collapse-content .ant-collapse-content-box .ant-space .ant-space-item .ant-btn {
  padding: 0px;
  width: auto;
  height: auto;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .collapse-mobile-filter .ant-collapse-content .ant-collapse-content-box .ant-space .ant-space-item .ant-btn.btn-search {
  color: #808082;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .collapse-mobile-filter .ant-collapse-content .ant-collapse-content-box .btn-my-favorites-wrapper .ant-btn {
  padding: 0px;
  width: auto;
  height: auto;
  color: #4095c8;
  font-weight: 700;
  font-size: 16px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .collapse-mobile-filter .ant-collapse-content .ant-collapse-content-box .btn-my-favorites-wrapper .ant-btn svg {
  color: #d79f00;
  margin-right: 8px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-cover > div {
  width: auto !important;
  height: 200px !important;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body {
  padding: 0px 0px 0px 0px;
}

@media (max-width: 425px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body {
    padding: 0px 0px 0px 0px !important;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos div,
#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-image-bg {
  width: 100% !important;
  height: 180px !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media (min-width: 1600px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos div,
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-image-bg {
    height: 160px !important;
  }
}

@media (min-width: 1700px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos div,
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-image-bg {
    height: 200px !important;
  }
}

@media (max-width: 575px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos div,
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-image-bg {
    height: 200px !important;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-image-bg {
  -o-object-fit: cover;
     object-fit: cover;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-overlay {
  position: absolute;
  height: 180px !important;
  width: 100% !important;
  background: rgba(0, 0, 0, 0.2784313725) !important;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1600px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-overlay {
    height: 160px !important;
  }
}

@media (min-width: 1700px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-overlay {
    height: 200px !important;
  }
}

@media (max-width: 575px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-overlay {
    height: 200px !important;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .video-overlay svg {
  font-size: 45px;
  color: white;
  cursor: pointer;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .react-player__preview .react-player__shadow {
  display: none !important;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .react-player__preview .react-player__shadow .react-player__play-icon {
  display: none !important;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos iframe {
  border-radius: 5px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos iframe .ytp-title-channel {
  display: none !important;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .react-player-video-wrapper {
  width: 100% !important;
  height: 220px !important;
  display: flex;
  align-items: center;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-videos .react-player-video-wrapper video {
  height: auto !important;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-articles {
  width: auto !important;
  height: 180px !important;
  display: flex;
  align-items: center;
}

@media (min-width: 1600px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-articles {
    height: 160px !important;
  }
}

@media (min-width: 1700px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-articles {
    height: 200px !important;
  }
}

@media (max-width: 575px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-articles {
    height: auto !important;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-articles img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 180px !important;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1600px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-articles img {
    height: 160px !important;
  }
}

@media (min-width: 1700px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-articles img {
    height: 200px !important;
  }
}

@media (max-width: 575px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .thumbnail-articles img {
    height: 200px !important;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .rhap_container {
  background-size: cover;
  width: auto !important;
  height: 180px !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: unset;
}

@media (min-width: 1600px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .rhap_container {
    height: 160px !important;
  }
}

@media (min-width: 1700px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .rhap_container {
    height: 200px !important;
  }
}

@media (max-width: 575px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .rhap_container {
    height: 200px !important;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .rhap_container .rhap_time {
  color: white;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .rhap_container .rhap_main-controls-button {
  color: white;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .rhap_container .rhap_button-clear {
  color: white;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .rhap_container .rhap_button-clear {
  color: white;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .title-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .title-wrapper svg {
  padding-top: 5px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .title-wrapper svg.active {
  color: var(--yellow);
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .description {
  color: #909092;
  line-height: 1.3;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .date {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  font-size: 13px;
  font-weight: bold;
  flex-direction: column;
}

@media (min-width: 1440px) {
  #PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .date {
    gap: 33px;
    flex-direction: row;
  }
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .date .date-text {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-top: 0px;
  font-weight: bold;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .category {
  color: var(--yellow);
  font-size: 15px;
  font-weight: 500;
  font-size: 12px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .title {
  line-height: normal;
  color: #000000;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 0px;
  align-items: center;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .title .date-text-draft {
  font-style: italic;
  font-size: 12px;
  color: var(--yellow);
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .extra-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  border: 0px;
  box-shadow: unset;
  background: transparent;
  padding: 0px;
  text-align: center;
  width: 30px;
  height: 20px;
  border-radius: 5px;
  z-index: 10;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .extra-btn svg {
  color: white;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .extra-btn:hover,
#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .extra-btn:focus {
  background: rgba(0, 0, 0, 0.2901960784);
  color: white !important;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .extra-btn:hover svg,
#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .extra-btn:focus svg {
  color: white;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .audio-player .rhap_main {
  flex-direction: column-reverse;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .audio-player .rhap_main .rhap_progress-section {
  flex: none;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .audio-player .rhap_repeat-button {
  display: none !important;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .audio-player .rhap_volume-controls {
  display: none !important;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .audio-player .rhap_controls-section {
  display: flex;
  flex: auto;
  justify-content: center;
  align-items: center;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .audio-player .rhap_controls-section .rhap_additional-controls {
  display: none !important;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .audio-player .rhap_main-controls-button {
  width: 43px;
  height: 43px;
  margin-top: 20px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .card-resources .ant-card-body .audio-player .rhap_progress-section {
  margin-bottom: 10px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .ant-pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .dropdown-btn {
  padding: 0px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .dropdown-btn .ant-space {
  height: 100%;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .dropdown-btn .ant-space .ant-space-item {
  height: 100%;
  display: flex;
  align-items: center;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .dropdown-btn .ant-space .ant-space-item:nth-child(2) {
  padding-right: 6px;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .dropdown-btn .ant-space .ant-space-item:nth-child(3) {
  border-left: 1px solid #ffffff;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .dropdown-btn:hover .ant-space .ant-space-item {
  border-color: none;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .dropdown-btn:focus .ant-space .ant-space-item {
  border-color: none;
}

#PageVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper .ant-pagination.table-pagination {
  display: flex;
  justify-content: center;
}

#PageVideosAndArticles .attachment-wrapper {
  margin-top: 0px !important;
}

#PageVideosAndArticles .attachment-wrapper .attachment-title {
  margin-bottom: 5px !important;
}

.modal-preview-video .ant-modal-content {
  background: transparent !important;
  box-shadow: unset !important;
}

.modal-preview-video .ant-modal-content .ant-modal-close {
  display: none !important;
}

.modal-preview-video .ant-modal-content .ant-modal-body {
  padding: 0px !important;
  background: unset !important;
}

.modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
  width: 100% !important;
  height: 480px !important;
  border-radius: 5px;
}

@media (max-width: 850px) {
  .modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
    height: 460px !important;
  }
}

@media (max-width: 768px) {
  .modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
    height: 414px !important;
  }
}

@media (max-width: 660px) {
  .modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
    height: 369px !important;
  }
}

@media (max-width: 560px) {
  .modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
    height: 306px !important;
  }
}

@media (max-width: 473px) {
  .modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
    height: 257px !important;
  }
}

@media (max-width: 473px) {
  .modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
    height: 257px !important;
  }
}

@media (max-width: 425px) {
  .modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
    height: 230px !important;
  }
}

@media (max-width: 425px) {
  .modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
    height: 202px !important;
  }
}

@media (max-width: 320px) {
  .modal-preview-video .ant-modal-content .ant-modal-body div:nth-child(1) {
    height: 171px !important;
  }
}

.modal-preview-video .ant-modal-content .ant-modal-body iframe {
  position: relative;
  width: 100% !important;
  border-radius: 5px;
  background: transparent;
}

.modal-preview-video .ant-modal-content .ant-modal-body iframe html body {
  background: transparent !important;
}

.modal-preview-video .close-modal-preview-video {
  position: absolute;
  font-size: 25px;
  color: #fff;
  top: -11px;
  right: -11px;
  cursor: pointer;
}

.btn-new-resource-overlay-classname {
  width: 185px;
}

.btn-new-resource-overlay-classname li {
  font-size: 16px;
}

.attachment-wrapper {
  margin-top: 6px;
}

.attachment-wrapper .attachment-title {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}

.attachment-wrapper .ant-upload.ant-upload-drag {
  height: 110px !important;
  border-color: #585858;
  background: #f4f4f4;
}

.attachment-wrapper .attachment-uploaded-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 10px;
  margin-top: 10px;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item {
  position: relative;
  width: 100%;
  height: 240px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item {
    width: calc(25% - 8px);
  }
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item:hover .attachment-uploaded-item-mask {
  opacity: 1;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask {
  position: absolute;
  width: 100%;
  height: calc(100% - 20px);
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 99;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.3);
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn svg {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-audio,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document {
  width: 100%;
  height: 220px;
  background: #fff;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image.error,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video.error,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-audio.error,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document.error {
  border: 2px solid #c80202;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-name {
  margin-top: 5px;
  color: #898989;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image img {
  width: 100%;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-audio,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video {
  display: flex;
  align-items: center;
  justify-content: center;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document svg,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-audio svg,
.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video svg {
  font-size: 50px;
  color: #585858;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video .react-player-video-wrapper {
  width: 100% !important;
  height: 220px !important;
  display: flex;
  align-items: center;
}

.attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video .react-player-video-wrapper video {
  height: auto !important;
  max-height: 220px !important;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper {
  display: block;
  margin: 0 auto;
  width: 60px !important;
  height: 60px !important;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item {
  width: 60px !important;
  height: 60px !important;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item:hover .attachment-uploaded-item-mask {
  opacity: 1;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions {
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  top: unset;
  right: unset;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 3px;
  background: transparent;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn svg {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document,
.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video {
  width: 60px !important;
  height: 60px !important;
  box-shadow: none;
  margin-top: -8px;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document svg,
.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video svg {
  font-size: 23px;
  color: #585858;
}

.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document .react-player-video-wrapper,
.attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video .react-player-video-wrapper {
  width: 100% !important;
  height: 100% !important;
}

#PageAddVideosAndArticles .attachment-wrapper {
  margin-top: 0px !important;
}

#PageAddVideosAndArticles .attachment-wrapper .attachment-title {
  margin-bottom: 5px !important;
}

#PageAddVideosAndArticles .ant-card-head {
  min-height: auto;
}

#PageAddVideosAndArticles .ant-card-head .ant-card-head-title {
  padding: 9px 0;
}

#PageAddVideosAndArticles .flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#PageAddVideosAndArticles .text-default-color {
  color: var(--yellow);
}

#PageAddVideosAndArticles .ant-upload.ant-upload-select-picture-card {
  background-color: unset;
  border: 0px;
  width: auto;
  height: auto;
  margin-right: 0px;
}

#PageAddVideosAndArticles #avatar,
#PageAddVideosAndArticles #avatar-resource img {
  width: 130px;
  height: 130px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 15px;
  border-radius: 5px;
}

#PageAddVideosAndArticles .avatar-resource-btn {
  position: absolute;
  top: 7px;
  left: 153px;
  z-index: 10;
  border-radius: 5px;
  border: 0px;
  background: transparent;
  color: transparent;
}

#PageAddVideosAndArticles #avatar-resource,
#PageAddVideosAndArticles #avatar-resource img {
  width: 180px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 15px;
  border-radius: 5px;
}

#PageAddVideosAndArticles #avatar-resource .ant-image,
#PageAddVideosAndArticles #avatar-resource img .ant-image {
  height: 150px;
  border-radius: 5px;
}

#PageAddVideosAndArticles #avatar-resource .ant-image .ant-image-mask,
#PageAddVideosAndArticles #avatar-resource img .ant-image .ant-image-mask {
  height: 150px;
  border-radius: 5px;
}

#PageAddVideosAndArticles #avatar-resource:hover .avatar-resource-btn,
#PageAddVideosAndArticles #avatar-resource img:hover .avatar-resource-btn {
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

#PageForReviewVideosAndArticles > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 15px;
}

#PageForReviewVideosAndArticles .ant-table-column-sorter {
  margin-left: -8px;
}

#PageForReviewVideosAndArticles .ant-table-body .ant-table-cell {
  padding-left: 27px !important;
}

#PageForReviewVideosAndArticles .ant-table-body .ant-table-selection-column {
  padding-left: 8px !important;
}

#PageForReviewVideosAndArticles .resources-filter-mobile {
  row-gap: 10px;
  display: flex;
}

@media (min-width: 768px) {
  #PageForReviewVideosAndArticles .resources-filter-mobile {
    display: none;
  }
}

#PageForReviewVideosAndArticles .resources-filter-mobile .tbl-page-size {
  justify-content: flex-start;
}

#PageForReviewVideosAndArticles .resources-filter-mobile .tbl-page-size .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  padding-left: 0;
}

#PageForReviewVideosAndArticles .resources-filter-mobile .ant-pagination.table-pagination {
  justify-content: center;
}

#PageForReviewVideosAndArticles .resources-filter-mobile .btn-action .ant-space {
  flex-direction: column;
  width: 100%;
}

@media (min-width: 576px) {
  #PageForReviewVideosAndArticles .resources-filter-mobile .btn-action .ant-space {
    width: auto;
    flex-direction: row;
  }
}

#PageForReviewVideosAndArticles .resources-filter-mobile .btn-action .ant-space .ant-space-item {
  width: 100%;
}

@media (min-width: 576px) {
  #PageForReviewVideosAndArticles .resources-filter-mobile .btn-action .ant-space .ant-space-item {
    width: auto;
  }
}

#PageForReviewVideosAndArticles .resources-filter-mobile .btn-action .ant-space .ant-space-item .btn-approve {
  width: 100%;
  height: 40px;
}

@media (min-width: 576px) {
  #PageForReviewVideosAndArticles .resources-filter-mobile .btn-action .ant-space .ant-space-item .btn-approve {
    width: auto;
    height: 32px;
  }
}

@media (max-width: 575px) {
  #PageForReviewVideosAndArticles .table-global-search.animated {
    width: 100%;
  }
}

.btn-search-refresh {
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 1200px) {
  .btn-search-refresh {
    justify-content: flex-end;
  }
}

.btn-new-resource {
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 1200px) {
  .btn-new-resource {
    justify-content: flex-end;
  }
}

.article-wrapper {
  position: relative;
}

.article-wrapper .thumbnail-articles {
  display: flex;
  justify-content: center;
  align-items: center;
}

.article-wrapper .image-container {
  position: relative;
  width: 100%;
}

.article-wrapper .overlay-image {
  width: 100%;
  height: auto;
}

.article-wrapper .image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* Adjust the last value to change the opacity */
}

.article-wrapper .icon-container {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  /* Add this line */
  z-index: 1;
  font-size: 39px;
}

@media (max-width: 480px) {
  .approve-sponsor {
    flex-direction: column;
    width: 100%;
  }

  .approve-sponsor .ant-space-item {
    width: 100%;
  }

  .approve-sponsor .ant-space-item button {
    width: 100%;
  }
}

#PageMyHours > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 10px;
}

@media (max-width: 425px) {
  #PageMyHours .ant-collapse-content .ant-collapse-content-box .btn-my-hours {
    display: flex;
    flex-direction: column;
  }

  #PageMyHours .ant-collapse-content .ant-collapse-content-box .btn-my-hours .ant-space-item {
    width: 100% !important;
  }

  #PageMyHours .ant-collapse-content .ant-collapse-content-box .btn-my-hours .ant-space-item .ant-btn.ant-btn-lg {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}

@media (max-width: 575px) {
  #PageMyHours .collapse-default-invoices .ant-collapse-item .ant-collapse-header {
    padding-inline: 10px !important;
  }
}

@media (max-width: 575px) {
  #PageMyHours .collapse-default-invoices .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg {
    right: 10px;
  }
}

#PageMyHours .collapse-default-invoices .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 15px 20px 20px !important;
}

@media (max-width: 575px) {
  #PageMyHours .collapse-default-invoices .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
    padding: 5px 10px 10px !important;
  }
}

@media (max-width: 575px) {
  #PageMyHours .collapse-default-invoices .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .tbl-page-size .ant-select {
    margin-right: -10px !important;
  }
}

@media (max-width: 575px) {
  #PageMyHours .collapse-default-invoices .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-pagination.table-pagination {
    right: -10px !important;
  }
}

@media (max-width: 575px) {
  #PageMyHours .collapses-mobile-1 .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
    padding: 10px !important;
  }
}

@media (max-width: 768px) {
  #PageMyHours .ant-layout:not(.ant-layout-has-collapse) .ant-collapse-content-box {
    padding-bottom: 15px !important;
  }

  #PageMyHours .ant-layout:not(.ant-layout-has-collapse) .ant-collapse-content-box .btn-my-hours {
    display: flex;
    flex-direction: column;
  }

  #PageMyHours .ant-layout:not(.ant-layout-has-collapse) .ant-collapse-content-box .btn-my-hours .ant-space-item {
    width: 100% !important;
  }

  #PageMyHours .ant-layout:not(.ant-layout-has-collapse) .ant-collapse-content-box .btn-my-hours .ant-space-item .ant-btn.ant-btn-lg {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}

@media (max-width: 425px) {
  #PageMyHours #tbl1 table thead.ant-table-thead tr th {
    font-size: 16px !important;
  }
}

#PageMyHours .year-wrapper {
  width: 185px;
  display: flex;
  gap: 5px;
}

@media (max-width: 575px) {
  #PageMyHours .year-wrapper {
    width: 100%;
  }
}

#PageMyHours .year-wrapper .ant-btn {
  width: 92.5px;
}

@media (max-width: 575px) {
  #PageMyHours .year-wrapper .ant-btn {
    width: 50%;
  }
}

#PageMyHours .ant-btn.ant-btn-lg {
  height: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageMyHours .table-custom-wrapper {
  position: relative;
  border: 1px solid #ccc;
  clear: both;
  max-width: 100%;
}

#PageMyHours .table-custom-wrapper .table-custom {
  position: relative;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder {
  position: sticky;
  top: 0;
  z-index: 3;
  overflow: auto hidden;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
  padding: 0px 15px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head {
  background-color: transparent;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column {
  padding: 14px 14px;
  text-align: left;
  font-weight: 600;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.action {
  text-align: center;
  width: 110px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date {
  width: 130px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.week {
  width: 70px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.day {
  width: 100px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.toggle-collapse {
  width: 50px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter {
  display: flex;
  flex-direction: column;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up {
  display: flex;
  align-items: flex-end;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up.active svg {
  color: #000;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up svg {
  margin-top: 2px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down {
  display: flex;
  align-items: flex-start;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down.active svg {
  color: #000;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down svg {
  margin-top: -8px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .title {
  font-weight: 600;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body {
  padding: 15px 15px;
  overflow: auto hidden;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track,
#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .loading-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container {
  table-layout: fixed;
  width: 100%;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead {
  background-color: #fafafa;
  border: 1px solid #ccc;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column {
  padding: 2px 14px;
  color: #b9bbba;
  text-align: left;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
  width: 112px;
  padding-left: 40px;
  padding-right: 20px;
}

@media (max-width: 1800px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .btn-status.paid svg {
  color: #0d7211;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid var(--yellow);
  background-color: #ffffff;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  left: 16%;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
  border-color: #0d7211;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 70px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn {
  padding: 0px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn svg {
  margin: 0px !important;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date {
  width: 130px;
  text-align: left;
  cursor: pointer;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .from {
  margin-right: 3px;
  margin-left: 0px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.week {
  width: 70px;
  cursor: pointer;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day {
  width: 100px;
  cursor: pointer;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day .from {
  margin-right: 3px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.hours {
  width: 70px;
  cursor: pointer;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
  width: 500px;
  cursor: pointer;
}

@media (max-width: 575px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse {
  width: 50px;
  cursor: pointer;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container {
  position: relative;
  height: 30px;
  cursor: pointer;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  position: absolute;
  top: 60%;
  right: 0;
  width: 28px;
  color: #b9bbba;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  position: absolute;
  top: -2px;
  width: 12px;
  height: 2px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before {
  left: 3px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::before {
  transform: rotate(45deg) translateX(2.5px);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::after {
  transform: rotate(-45deg) translateX(-2.5px);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::before {
  transform: rotate(-45deg) translateX(2.5px);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::after {
  transform: rotate(45deg) translateX(-2.5px);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead {
  background-color: var(--yellow);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column {
  color: #ffffff;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner::after {
  border-color: #0d7211;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: #ffffff;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  color: #ffffff;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  background-color: currentcolor;
  top: -5px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper {
  height: 100%;
  transition: height 0.3s ease;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper.has-toggle-collapse {
  height: 0px;
  overflow: hidden;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container {
  table-layout: fixed;
  width: 100%;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody {
  border: 1px solid #ccc;
  border-top: none;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row:nth-child(even) {
  background-color: #fafafa;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column {
  text-align: left;
  padding: 14px 14px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
  width: 112px;
  padding-left: 40px;
  padding-right: 20px;
}

@media (max-width: 1800px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn:disabled {
  background: transparent !important;
  border-color: transparent !important;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper .total_amount-wrapper {
  width: 70px;
  display: flex;
  justify-content: center;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date {
  width: 130px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.week {
  width: 70px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.day {
  width: 100px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.hours {
  width: 70px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
    width: 250px;
  }
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .number {
  font-size: 16px;
  color: var(--yellow);
  width: 20px;
  text-align: center;
  margin-top: -1px;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .content {
  width: auto;
  max-width: calc(100% - 20px);
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.top {
  align-items: baseline;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.center {
  align-items: center;
}

#PageMyHours .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.toggle-collapse {
  width: 50px;
}

@media (max-width: 1380px) {
  #PageMyHours .table-custom-wrapper.table-hours .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
    width: 1100px !important;
  }
}

@media (max-width: 1380px) {
  #PageMyHours .table-custom-wrapper.table-hours .table-custom .table-custom-container .table-custom-body .table-custom-body-content-wrapper {
    width: 1070px !important;
  }
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.year {
  width: 70px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_from,
#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_to {
  width: 110px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.created_at {
  width: 110px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.request_type {
  width: 110px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.status {
  width: 150px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.days {
  width: 70px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.reason {
  width: 120px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employee_notes,
#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.manager_notes {
  width: 180px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.pto_balance,
#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.npto_balance {
  width: 150px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.approved_by {
  width: 110px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th {
  cursor: pointer;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  width: 16px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column {
  width: auto !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action {
  width: 70px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action > div {
  margin-left: 0px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_from,
#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_to {
  width: 110px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.created_at {
  width: 110px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.request_type {
  width: 110px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status {
  width: 150px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select {
  width: 100%;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select .ant-select-selector {
  padding: 0px;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-selector .ant-select-selection-item {
  color: #f1a243;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-arrow .anticon svg {
  color: #f1a243;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-selector .ant-select-selection-item {
  color: #1752a2;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-arrow .anticon svg {
  color: #1752a2;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-selector .ant-select-selection-item {
  color: #cb474f;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-arrow .anticon svg {
  color: #cb474f;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .pending {
  color: #f1a243;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .approved {
  color: #1752a2;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .denied {
  color: #cb474f;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .balance {
  color: #2f7e56;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.day {
  width: 70px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.hours {
  width: 70px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.reason {
  width: 120px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employee_notes,
#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.manager_notes {
  width: 180px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance,
#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance {
  width: 150px !important;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance .balance,
#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance .balance {
  color: #2f7e56;
}

#PageMyHours .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.approved_by {
  width: 110px !important;
}

@media (max-width: 767px) {
  #PageMyHours .page-size-wrapper.top {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}

#PageMyHours .page-size-wrapper.top .ant-btn {
  display: none;
}

@media (max-width: 767px) {
  #PageMyHours .page-size-wrapper.top .ant-btn {
    display: flex;
  }
}

@media (max-width: 575px) {
  #PageMyHours .page-size-wrapper.top .tbl-page-size {
    display: none;
  }
}

#PageMyHours .tbl-top-filter {
  width: 100%;
  justify-content: flex-start;
}

#PageMyHours .tbl-top-filter .ant-btn[name=btn_add_new_week] {
  padding: 0px !important;
  margin: 0px !important;
  height: auto !important;
  line-height: normal !important;
}

#PageMyHours .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper {
  width: 100%;
  justify-content: space-between;
}

#PageMyHours .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  #PageMyHours .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
    justify-content: flex-end;
  }
}

@media (max-width: 575px) {
  #PageMyHours .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  #PageMyHours .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .ant-btn {
    display: none;
  }
}

@media (max-width: 575px) {
  #PageMyHours .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .ant-btn {
    width: auto !important;
  }
}

#PageMyHours .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size {
  display: none;
}

@media (max-width: 575px) {
  #PageMyHours .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size {
    display: flex;
  }

  #PageMyHours .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size .ant-select .ant-select-selector {
    padding-left: 0px;
  }
}

@media (max-width: 425px) {
  #PageProjectTickets .ant-collapse-content .ant-collapse-content-box {
    padding-bottom: 15px !important;
  }

  #PageProjectTickets .ant-collapse-content .ant-collapse-content-box .btn-my-hours {
    display: flex;
    flex-direction: column;
  }

  #PageProjectTickets .ant-collapse-content .ant-collapse-content-box .btn-my-hours .ant-space-item {
    width: 100% !important;
  }

  #PageProjectTickets .ant-collapse-content .ant-collapse-content-box .btn-my-hours .ant-space-item .ant-btn.ant-btn-lg {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}

@media (max-width: 768px) {
  #PageProjectTickets .ant-layout:not(.ant-layout-has-collapse) .ant-collapse-content-box {
    padding-bottom: 15px !important;
  }

  #PageProjectTickets .ant-layout:not(.ant-layout-has-collapse) .ant-collapse-content-box .btn-my-hours {
    display: flex;
    flex-direction: column;
  }

  #PageProjectTickets .ant-layout:not(.ant-layout-has-collapse) .ant-collapse-content-box .btn-my-hours .ant-space-item {
    width: 100% !important;
  }

  #PageProjectTickets .ant-layout:not(.ant-layout-has-collapse) .ant-collapse-content-box .btn-my-hours .ant-space-item .ant-btn.ant-btn-lg {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}

.modal-wrap-choose-date-range .ant-modal {
  width: 600px !important;
}

@media (max-width: 575px) {
  .modal-wrap-choose-date-range .ant-modal {
    max-width: calc(100vw - 16px) !important;
  }
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper {
  border-radius: 10px;
  padding-top: 10px;
  border: 1px dashed #ececec;
  display: flex;
  flex-direction: column;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range {
  margin: 0 auto;
  background-color: #dedede;
  border-radius: 5px;
  padding: 2px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range:hover,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range.ant-picker-focused,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range:focus {
  border: transparent;
  box-shadow: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 2px 10px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input.ant-picker-input-active {
  background-color: #ffffff;
  border-radius: 5px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input.ant-picker-input-holder {
  border: transparent;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-active-bar {
  display: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input:nth-child(1)::before {
  content: "Start";
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-input:nth-child(3)::before {
  content: "End";
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper .ant-picker.ant-picker-range .ant-picker-suffix {
  display: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) {
  position: static !important;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown {
  position: static !important;
  padding: 0px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-range-arrow {
  display: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container {
  box-shadow: none;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar-track {
  background-color: transparent;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar-track,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel {
  border: 0px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header {
  border: 0px;
  padding: 0 20px;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-prev-btn,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-super-next-btn {
  display: none;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-prev-icon::before,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-next-icon::before,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-super-prev-icon::before,
.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-super-next-icon::before {
  width: 10px;
  height: 10px;
  border-width: 2px 0 0 2px;
  color: #2578f2;
}

.modal-wrap-choose-date-range .ant-modal .date-range-wrapper > div:not(.ant-picker.ant-picker-range) > div > .ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container .ant-picker-panels .ant-picker-panel .ant-picker-date-panel .ant-picker-header .ant-picker-header-view button {
  font-size: 16px !important;
  color: #2578f2;
}

.modal-wrap-select-week .ant-modal {
  width: 600px !important;
}

@media (max-width: 575px) {
  .modal-wrap-select-week .ant-modal {
    max-width: calc(100vw - 16px) !important;
  }
}

.modal-wrap-select-week .ant-modal .ant-btn.ant-btn-lg {
  height: 40px !important;
}

@media (max-width: 345px) {
  .modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body {
    padding: 10px !important;
  }
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper {
  display: flex;
  flex-direction: column;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) {
  position: static !important;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown {
  position: static !important;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container {
  box-shadow: none;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel.ant-picker-panel-focused {
  border-color: transparent !important;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header {
  padding: 0px 18px;
  border-bottom: transparent;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-view .ant-picker-month-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-view .ant-picker-month-btn:hover,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn:hover {
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-prev-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-next-btn {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-prev-btn .ant-picker-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-prev-btn .ant-picker-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-next-btn .ant-picker-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-next-btn .ant-picker-next-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  display: none;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr.ant-picker-week-panel-row-selected td {
  background: #fcfddc;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-week-panel .ant-picker-body .ant-picker-content tbody tr.ant-picker-week-panel-row-selected td .ant-picker-cell-inner {
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header {
  padding: 0px 55px;
  border-bottom: transparent;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-view .ant-picker-decade-btn {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-view .ant-picker-decade-btn:hover {
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::after {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: #fcfddc;
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header {
  padding: 0px 55px;
  border-bottom: transparent;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-view {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::after {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-decade-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: #fcfddc;
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel {
  width: 100%;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header {
  padding: 0px 55px;
  border-bottom: transparent;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn {
  font-size: 18px;
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-view .ant-picker-year-btn:hover {
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::before,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::before {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-next-btn .ant-picker-super-prev-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-next-icon::after,
.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-header .ant-picker-header-super-prev-btn .ant-picker-super-prev-icon::after {
  width: 10px;
  height: 10px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body {
  padding: 0px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content thead tr th[aria-label="empty cell"]::before {
  content: "WN";
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content thead tr th:not([aria-label="empty cell"]) {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell.ant-picker-cell-week {
  color: var(--yellow);
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell .ant-picker-cell-inner {
  font-weight: 600;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div:not(.ant-picker) > div > .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-body .ant-picker-content tbody tr td.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: #fcfddc;
  color: #000000;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-form-item-control-input-content > div.ant-picker {
  visibility: hidden;
  height: 0px;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-picker-cell-inner {
  color: #262626;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-picker-cell-inner::after {
  border-color: #262626;
}

.modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .select-week-wrapper .ant-picker-cell-inner::before {
  border-color: #262626;
}

@media (max-width: 575px) {
  .modal-wrap-select-week .ant-modal .ant-modal-content .ant-modal-body .ant-btn {
    width: 100%;
  }
}

.modal-wrap-edit-hours-tasks .ant-modal {
  width: 700px !important;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-btn.ant-btn-lg {
  height: 40px !important;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-header {
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc !important;
  padding: 12px 12px;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-header .ant-collapse-expand-icon svg {
  color: #616161;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow {
  right: 12px;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording .ant-collapse-content .ant-collapse-content-box {
  padding: 12px;
  max-height: 200px;
  overflow: hidden auto;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .collapse-timer-recording:not(.ant-collapse-item-active) .ant-collapse-header {
  border-bottom: 0px !important;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .ant-input.ant-input-disabled.no-float-wrapper {
  color: #4d4e50;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-total-hours-manual .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon,
.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-timer-hours .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon {
  border: 0px;
  border-left: 1px solid #cccccc;
  background-color: transparent;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-total-hours-manual .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon svg,
.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-timer-hours .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon svg {
  color: #8c53fb;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-total-hours-manual.disabled .ant-input-group-wrapper .ant-input-wrapper .ant-input[disabled],
.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-timer-hours.disabled .ant-input-group-wrapper .ant-input-wrapper .ant-input[disabled] {
  background-color: #f5f5f5;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-total-hours-manual.disabled .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon,
.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .input-timer-hours.disabled .ant-input-group-wrapper .ant-input-wrapper .ant-input-group-addon {
  background: #f5f5f5;
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .tasks-title {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
}

@media (max-width: 575px) {
  .modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .tasks-title {
    margin-top: 15px;
  }
}

.modal-wrap-edit-hours-tasks .ant-modal .ant-modal-content .ant-modal-body .quill .ql-container.ql-snow {
  min-height: 120px;
}

.modal-wrap-rounding-hours .ant-modal {
  width: 700px !important;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .total-rounded-hours.rounded_hours .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content {
  display: flex;
  justify-content: flex-end;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .total-rounded-hours .float-wrapper {
  width: 100%;
}

@media (min-width: 576px) {
  .modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .total-rounded-hours .float-wrapper {
    width: 91%;
  }
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group {
  width: 100%;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  .modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group {
    margin-bottom: 0px;
  }
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space {
  width: 100%;
  justify-content: space-between;
  flex-direction: column;
  gap: 0 !important;
}

@media (min-width: 375px) {
  .modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space {
    flex-direction: row;
  }
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item {
  width: 100%;
}

@media (min-width: 375px) {
  .modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item {
    width: 45%;
  }
}

@media (min-width: 576px) {
  .modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item {
    width: 45%;
  }
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item div .radio-wrapper {
  margin-bottom: 10px;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item div .radio-wrapper .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio.ant-radio-checked .ant-radio-inner::after {
  background-color: #ffffff;
}

.modal-wrap-rounding-hours .ant-modal .ant-modal-content .ant-modal-body .ant-radio-group .ant-space .ant-space-item-split .ant-divider {
  height: 100%;
}

.table-custom-thead .sort-up svg,
.table-custom-thead .sort-down svg {
  color: #b9bbba;
}

.table-custom-thead .active svg {
  color: #000000;
}

.table-custom-thead .sorter {
  row-gap: 2px;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input {
  display: flex;
  gap: 10px;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input div {
  width: 100%;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input div.ant-form-item .ant-row {
  width: 100%;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input div.ant-form-item .ant-row .ant-col {
  width: 100%;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input div.ant-form-item .ant-row .ant-col .ant-form-item-control-input {
  width: 100%;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input div.ant-form-item .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .float-wrapper {
  width: 100%;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input div.ant-form-item .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .float-wrapper .ant-select-selector {
  width: 100%;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input div.action {
  width: 20px;
  height: 47px;
  display: flex;
  align-items: center;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input div.action .ant-btn {
  color: #c80202;
}

#PageAccountSetupClientProjectForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input div.action .ant-btn:hover {
  color: #c80202;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input {
  display: flex;
  gap: 10px;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input > div {
  width: 50%;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input > div.ant-form-item .ant-row {
  width: 100%;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input > div.ant-form-item .ant-row .ant-col {
  width: 100%;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input > div.ant-form-item .ant-row .ant-col .ant-form-item-control-input {
  width: 100%;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input > div.ant-form-item .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .float-wrapper {
  width: 100%;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input > div.ant-form-item .ant-row .ant-col .ant-form-item-control-input .ant-form-item-control-input-content .float-wrapper .ant-select-selector {
  width: 100%;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input > div.action {
  width: 20px;
  height: 47px;
  display: flex;
  align-items: center;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input > div.action .ant-btn {
  color: #c80202;
}

#PageAccountSetupCompanyForm .ant-layout .ant-layout-content .content-wrapper .ant-card .ant-card-body .form-list-item-group-input > div.action .ant-btn:hover {
  color: #c80202;
}

.account-setup-filter-mobile {
  display: flex;
}

@media (min-width: 768px) {
  .account-setup-filter-mobile {
    display: none;
  }
}

.account-setup-filter-mobile .ant-collapse .table-global-search {
  width: 100% !important;
}

.account-setup-filter-mobile .the-tbl-page-size .tbl-page-size {
  justify-content: flex-start !important;
}

@media (min-width: 576px) {
  .account-setup-filter-mobile .the-tbl-page-size .tbl-page-size {
    justify-content: flex-end !important;
  }
}

.account-setup-filter-desktop {
  display: none;
}

@media (min-width: 768px) {
  .account-setup-filter-desktop {
    display: flex;
  }
}

.new-top-filter-desktop {
  display: none;
}

@media (min-width: 576px) {
  .new-top-filter-desktop {
    display: flex;
  }
}

.new-top-filter-desktop .table-showing-entries .wrapper {
  width: -moz-max-content;
  width: max-content;
}

.new-top-filter-desktop.for-historical-data .the-search-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new-top-filter-desktop.for-historical-data .the-pagination-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: row;
}

.new-top-filter-desktop.for-historical-data.true .the-search-wrapper {
  align-items: flex-end;
}

.new-top-filter-desktop.for-historical-data.true .the-search-wrapper .the-pagination-wrapper {
  flex-direction: column;
  row-gap: 12px;
  align-items: flex-end;
}

.new-top-filter-desktop.for-historical-data.false .the-search-wrapper.true {
  align-items: flex-end;
}

.new-top-filter-desktop.for-historical-data.false .the-search-wrapper.true .the-pagination-wrapper {
  flex-direction: column;
  row-gap: 12px;
  align-items: flex-end;
}

.new-top-filter-mobile {
  display: flex;
}

@media (min-width: 576px) {
  .new-top-filter-mobile {
    display: none;
  }
}

.new-top-filter-mobile .table-showing-entries .wrapper {
  width: -moz-max-content;
  width: max-content;
}

.new-top-filter-mobile .tbl-page-size .ant-select-selector {
  padding-left: 0;
}

.new-top-filter-mobile .ant-pagination.table-pagination {
  justify-content: center;
}

.new-top-filter-mobile .table-global-search.animated {
  width: auto;
  height: 40px;
}

@media (min-width: 425px) {
  .new-top-filter-mobile .table-global-search.animated {
    width: 200px;
  }
}

.view-as-modal .ant-form-item-explain-error {
  margin-bottom: 0px;
}

.page-message {
  border: none;
}

.page-message .ant-card-body {
  padding: 0 10px 24px 10px;
}

@media (min-width: 380px) {
  .page-message .ant-card-body {
    padding: 0 24px 24px 24px;
  }
}

.page-message .image-previewgroup-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 10px;
}

.page-message .image-previewgroup-wrapper .image-wrapper {
  width: 100px;
  position: relative;
  height: 100px;
  border-radius: 5px;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-image {
  height: 100px;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-image .ant-image-mask-info {
  margin: 0 auto;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-image .ant-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: 1px solid #f1f3f2;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-image .ant-image .ant-image-img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  height: 100%;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-image .ant-image .ant-image-mask {
  border-radius: 5px;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-video-mask {
  z-index: 99;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-video-mask:hover {
  opacity: 1;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: 1px solid #f1f3f2;
  cursor: pointer;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-video .react-player-video-wrapper {
  width: 100% !important;
  height: 100% !important;
}

.page-message .image-previewgroup-wrapper .image-wrapper .attachment-uploaded-item-document {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  cursor: pointer;
  background: aliceblue;
}

.page-message .image-previewgroup-wrapper .audio-wrapper {
  display: flex;
  width: 250px;
}

.page-message .image-previewgroup-wrapper .audio-wrapper .attachment-uploaded-item-audio {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  cursor: pointer;
}

.page-message .image-previewgroup-wrapper .audio-wrapper .attachment-uploaded-item-audio .react-player-audio-wrapper {
  width: 250px !important;
  height: auto !important;
}

.page-message .image-previewgroup-wrapper .audio-wrapper .attachment-uploaded-item-audio .react-player-audio-wrapper audio {
  height: 60px !important;
}

.messagesContainer .messageText .ant-input.ant-input-lg {
  padding: 16px 37px 16px 21px !important;
  font-size: 19px;
  border-radius: 0;
  height: 50px;
}

@media (min-width: 576px) {
  .messagesContainer .messageText .ant-input.ant-input-lg {
    font-size: 14px;
  }
}

.messageText {
  border-left: none !important;
}

.messageText div:nth-child(2) {
  border-bottom: none !important;
}

.messageText .message-text-area {
  min-height: 43px !important;
}

@media (max-width: 576px) {
  .messageText .message-text-area {
    min-height: 50px !important;
    line-height: 2;
  }
}

.messageText .btn-message-send {
  position: absolute;
  bottom: 3px;
  right: 0px;
}

.messageText .btn-message-send:hover,
.messageText .btn-message-send:focus {
  border-color: transparent;
}

@media (max-width: 576px) {
  .messageText .btn-message-send {
    bottom: 8px;
  }
}

.messageText .upload-btn-container {
  border-left: 1px solid #d9d9d9;
  background: #fafafa;
  width: 50px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 12px;
}

@media (max-width: 576px) {
  .messageText .upload-btn-container {
    padding-bottom: 16px;
  }
}

.messageText .ant-input-group-addon {
  border: none !important;
}

.messageText .ant-input-group-addon i {
  font-size: 18px;
  color: gray !important;
}

@media (max-width: 767px) {
  .messageText .ant-input-group-addon i {
    font-size: 20px;
  }
}

.messageText .ant-input-group-addon button[type=button] {
  width: 45px;
  height: 53px;
  border: 1px solid #d9d9d9;
}

@media (max-width: 767px) {
  .messageText .ant-input-group-addon button[type=button] {
    width: 59px;
    height: 59px;
  }
}

.messageText .ant-btn.ant-btn-link.ant-btn-icon-only {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none !important;
}

.messageText .the-message-button:hover {
  border: none;
  background-color: #1d85b8;
}

.messageText .the-message-button:hover i {
  color: white !important;
}

.messageText .upload-icon {
  position: absolute;
  z-index: 99;
  font-size: 16px;
  right: 0px;
  margin-right: 54px;
  margin-top: 18px;
  color: gray;
}

@media (max-width: 767px) {
  .messageText .upload-icon {
    font-size: 20px;
    margin-right: 70px;
  }
}

.messageText .ant-btn {
  border-radius: 0 !important;
}

.messageText.no-bottom-border {
  border-bottom: none !important;
}

.messagesContainer {
  border-right: none !important;
  border-top: none !important;
  border: 1px solid #ddd;
}

.messagesContainer .ant-layout-sider-children {
  margin-top: 0;
}

.messagesContainer :not(.ant-layout-sider-collapsed) .anticon.anticon-menu-unfold {
  padding: 5px 0;
}

.messagesContainer .anticon.upload-icon {
  color: gray;
}

.messagesContainer .anticon.upload-icon:hover {
  color: #e1492a;
}

.messagesContainer .site-layout-background {
  padding: 0px;
  min-height: 280px;
  position: relative;
  overflow: hidden;
}

.messagesContainer .ant-layout-sider {
  border-right: 1px solid #ddd;
  position: inherit;
  z-index: 1;
  position: relative;
  background-color: transparent;
}

.messagesContainer .ant-layout-sider .ant-layout-sider-children {
  background-color: #fff;
}

.messagesContainer .ant-layout-sider .ant-layout-sider-trigger {
  position: absolute;
  border-bottom: 1px solid #ddd;
  height: 37px;
  line-height: 37px;
  top: 0;
}

.messagesContainer .ant-layout-sider.ant-layout-sider-collapsed {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
}

@media (max-width: 576px) {
  .messagesContainer .ant-layout-sider.ant-layout-sider-collapsed {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }
}

.messagesContainer .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
  width: 52px !important;
}

@media (max-width: 576px) {
  .messagesContainer .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }
}

.messagesContainer .ant-layout-sider.ant-layout-sider-collapsed .ant-layout-sider-trigger {
  width: 48px !important;
}

.messagesMenu .ant-menu-item-selected {
  background-color: #f49917;
  color: #fff;
}

.messagesMenu .ant-menu-item-selected:hover {
  color: #fff;
}

.messagesMenu .ant-menu-item:not(.ant-menu-item-selected):hover {
  color: #fff;
}

.messagesMenu .ant-menu-item {
  padding-left: 8px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (max-width: 576px) {
  .messagesMenu .ant-menu-item {
    padding-left: 17px !important;
  }
}

.messagesMenu .ant-menu-item.message-menu-submenu-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  .messagesMenu .ant-menu-item.message-menu-submenu-item.btn-new-gc svg {
    font-size: 25px;
  }
}

.message-right-wrapper.messaging {
  display: flex;
  justify-content: flex-end;
  padding-right: 12px;
}

.message-left-wrapper.messaging {
  display: flex;
  justify-content: flex-start;
  padding-left: 12px;
}

.messageRight {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  padding: 10px 0 0 0;
  word-wrap: break-word;
  border-radius: 10px;
  clear: both;
  font-size: 19px;
  width: auto;
  background-color: #e1fbdd;
  max-width: 75%;
  margin-left: auto;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  .messageRight {
    font-size: 14px;
  }
}

.messageRight .message-text {
  padding: 0 10px 10px 10px;
}

.messageRight .message-text .message-content {
  white-space: pre-line;
  word-break: break-all;
}

.messageRight .message-avatar {
  width: 35px;
  height: 35px;
  margin-right: 5px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  .messageRight .message-avatar {
    width: 45px;
    height: 45px;
  }
}

.messageRight .image-previewgroup-wrapper div {
  margin-left: auto;
}

.messageRight .messageNameDate {
  text-align: right;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  font-size: 14px;
  color: #287609;
}

@media (max-width: 576px) {
  .messageRight .messageNameDate .messageDate {
    font-size: 16px;
  }
}

.messageLeft {
  word-wrap: break-word;
  border-radius: 10px;
  clear: both;
  font-size: 19px;
  max-width: 75%;
  width: auto;
  margin-bottom: 10px;
  background-color: #d8e3fe;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  padding: 10px 0 0 0;
}

@media (min-width: 576px) {
  .messageLeft {
    font-size: 14px;
  }
}

.messageLeft .message-text {
  padding: 0 10px 10px 10px;
}

.messageLeft .message-text .message-content {
  white-space: pre-line;
  word-break: break-all;
}

.messageLeft .message-avatar {
  width: 35px;
  height: 35px;
  margin-right: 5px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  .messageLeft .message-avatar {
    width: 45px;
    height: 45px;
  }
}

.messageLeft .messageNameDate {
  display: flex;
  flex-direction: column;
  color: #1e53d5;
  font-size: 14px;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .messageLeft .messageNameDate {
    display: block;
  }
}

.messageLeft .messageDate {
  color: #1e53d5;
}

@media (max-width: 576px) {
  .messageLeft .messageDate {
    font-size: 16px;
  }
}

.messagesUserRow {
  cursor: pointer;
}

.messagesUserRow:hover {
  background: #ddd;
}

.messageConvoContainer {
  border-right: 1px solid #ddd;
  padding: 10px 10px 10px 10px;
  overflow-y: auto;
  height: 100%;
  padding-top: 50px;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

.messageConvoContainer::-webkit-scrollbar-track {
  margin-bottom: 53px;
  margin-top: 0px;
}

@media (min-width: 576px) {
  .messageConvoContainer::-webkit-scrollbar-track {
    margin-top: 0;
    margin-bottom: 59px;
  }
}

.messageConvoContainer .messageSapceGap {
  gap: 3px !important;
}

@media (min-width: 576px) {
  .messageConvoContainer .messageSapceGap {
    gap: 5px !important;
  }
}

.messageConvoContainer .ant-space .ant-space-item:nth-child(3) span div:nth-child(2) {
  word-break: break-word;
}

@media (max-width: 767px) {
  .add-fixed-height-mobile {
    height: 81.7vh !important;
    width: 100%;
  }
}

.messagesContainer {
  height: 82vh;
  margin-top: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .messagesContainer {
    height: calc(100vh - 290px);
    width: 100%;
  }
}

.messagesContainer.ant-layout .ant-layout-sider:not(.ant-layout-sider-collapsed) {
  flex: 0 0 200px !important;
  max-width: 200px !important;
  min-width: 200px !important;
  width: 200px !important;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

@media (min-width: 1100px) {
  .messagesContainer.ant-layout .ant-layout-sider:not(.ant-layout-sider-collapsed) {
    flex: 0 0 290px !important;
    max-width: 290px !important;
    min-width: 290px !important;
    width: 290px !important;
  }
}

@media (max-width: 768px) {
  .messagesContainer .ant-layout-sider:not(.ant-layout-sider-collapsed) {
    position: absolute;
    overflow: hidden auto;
    height: 510px;
    border-bottom: 1px solid #ddd;
  }
}

@media (max-width: 767px) {
  .messagesContainer .ant-layout-sider:not(.ant-layout-sider-collapsed) {
    border-bottom: 0px;
  }
}

.messagesContainer .site-layout-background {
  padding: 0px;
  min-height: 280px;
  position: relative;
}

.messagesContainer .ant-layout-sider {
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  position: inherit;
  z-index: 1;
  position: relative;
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
  background-color: transparent;
}

.messagesContainer .ant-layout-sider .ant-layout-sider-children {
  background-color: #fff;
}

.messagesContainer .ant-layout-sider .ant-layout-sider-trigger {
  position: absolute;
  border-bottom: 1px solid #ddd;
  height: 37px;
  line-height: 37px;
  top: 0;
}

.messagesContainer .ant-layout-sider::-webkit-scrollbar {
  display: none;
}

@media (max-width: 576px) {
  .the-message-modal .ant-modal-title,
  .the-message-modal .image-item,
  .the-message-modal .ant-input.ant-input-lg,
  .the-message-modal .ant-modal-footer .ant-btn {
    font-size: 19px !important;
  }
}

.the-message-modal .ant-modal-header {
  background-color: #0866c6;
}

.the-message-modal .ant-modal-body {
  padding: 0 20px 20px 20px !important;
}

.the-message-modal .ant-upload-list-picture-container {
  margin-top: -1px !important;
}

.the-message-modal .ant-upload-list-picture-container .file-video-thumbnail {
  height: 60px !important;
  width: 60px !important;
}

.the-message-modal .ant-upload-list-picture-container:first-child .ant-upload-list-item {
  margin-top: 0;
}

.the-message-modal .ant-upload-list-picture-container:not(:first-child) .ant-upload-list-item {
  margin-top: 22px;
}

.the-message-modal .ant-modal-footer {
  padding: 20px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

@media (min-width: 576px) {
  .the-message-modal .ant-modal-footer {
    flex-direction: row !important;
    justify-content: end !important;
  }
}

.the-message-modal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

@media (max-width: 576px) {
  .the-message-modal .ant-modal-footer .ant-btn {
    height: 40px;
  }
}

.the-message-modal .ant-modal-footer button:nth-child(2) {
  margin-right: 0 !important;
}

.the-message-modal .ant-upload-list-item-card-actions-btn span svg {
  color: #e1492a;
}

.the-message-modal .ant-upload-list-item-card-actions-btn:hover {
  background-color: transparent;
  border-color: transparent;
}

.messagesUserRowDiv {
  position: absolute;
  background: #eee;
  width: 98%;
  z-index: 2;
}

.messagesMenu .ant-menu-item.ant-menu-item-selected {
  background-color: #f2f2f2 !important;
  color: #2e3032 !important;
}

.messagesMenu .ant-menu-item:hover {
  background-color: #f2f2f2 !important;
  color: #2e3032 !important;
}

.messagesMenu .ant-menu-item::after {
  border-right: none !important;
}

.messageNameDate {
  color: rgba(0, 0, 0, 0.4509803922);
}

.ChatMessageText {
  border-bottom: 1px solid #ddd !important;
  padding: 8px 15px !important;
}

@media (max-width: 576px) {
  .ChatMessageText {
    padding: 5px 2px !important;
  }
}

.ChatMessageText .btn-sider-toggle {
  position: relative;
  top: 2px;
  font-size: 17px;
}

@media (max-width: 576px) {
  .ChatMessageText .btn-sider-toggle {
    top: 1px;
    left: 7px;
    font-size: 25px;
  }
}

.ChatMessageText .btn-sider-toggle-text {
  margin-left: 9px;
  margin-bottom: 0;
  white-space: nowrap;
}

@media (max-width: 576px) {
  .ChatMessageText .btn-sider-toggle-text {
    margin-top: 5px;
    margin-left: 20px;
  }
}

.ChatMessageText .btn-sider-toggle:not(.collapsed) {
  right: 4px;
}

.ChatMessageText .new-group-chat:hover {
  cursor: pointer;
}

.message-resizable-container .messagesMenu {
  height: 90% !important;
}

.message-resizable-container .messagesMenu .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {
  height: 27px;
}

.message-resizable-container .messagesMenu .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title .ant-menu-title-content {
  color: var(--yellow) !important;
}

.message-resizable-container .messagesMenu .ant-menu-submenu .ant-menu-submenu-title {
  height: 27px !important;
  padding-left: 16px !important;
  margin-bottom: 0px !important;
}

.message-resizable-container .messagesMenu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-title-content {
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.message-resizable-container .messagesMenu .ant-menu-submenu .ant-menu-submenu-arrow::before {
  width: 8px;
  height: 1px;
  left: 3px;
}

.message-resizable-container .messagesMenu .ant-menu-submenu .ant-menu-submenu-arrow::after {
  width: 8px;
  height: 1px;
  left: 1px;
}

.message-resizable-container.show-all {
  height: 100% !important;
  max-height: 82vh !important;
  z-index: 9999;
  background-color: #fff;
  position: absolute !important;
  top: 0 !important;
  width: 100%;
  padding-bottom: 20px;
  transition: all 0.3s ease-in-out;
}

.message-resizable-container.show-all .messagesMenu,
.message-resizable-container.show-all .ant-menu-submenu.ant-menu-sub {
  height: 100% !important;
}

.message-resizable-container.show-all .ant-menu-sub {
  height: 571px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
  padding-bottom: 76px;
}

.message-resizable-container.show-all .message-resizable-container-show-all .ant-btn {
  width: 100% !important;
}

.message-resizable-container-show-all {
  z-index: 10;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: ns-resize;
}

.message-resizable-container-show-all .rotate-180 {
  transform: rotate(180deg);
  transition: transform 0.2s;
}

.message-resizable-container-show-all .ant-btn {
  width: 100%;
  height: 38px;
  border-radius: 0;
  border: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 24px;
  background-color: #fff;
}

.message-resizable-container-show-all .ant-btn:hover {
  background-color: #f2f2f2;
}

.message-resizable-container-show-all .ant-btn .rotate-180 {
  transform: rotate(180deg);
  transition: transform 0.2s;
}

.message-resizable-container-handle {
  height: 8px;
  cursor: ns-resize;
  background: #f0f0f0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  margin: 0 25%;
  border-radius: 10px;
  z-index: 10;
}

.message-resizable-container-handle:hover {
  background: #d1d3d5;
  background: linear-gradient(to right, #d1d3d5 0%, #d1d3d5 50%, #d1d3d5 100%);
  background-size: 200% 100%;
  background-position: center;
  transition: background-position 0.6s ease;
}

.resizable-handle {
  height: 8px;
  background: #e0e0e0;
  cursor: ns-resize;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-radius: 0 0 4px 4px;
}

.ant-layout-sider-collapsed .ChatMessageText .btn-new-group-chat {
  display: none !important;
}

.chatTrigger {
  gap: 100% !important;
}

.gapButtonsMessages {
  gap: 15px !important;
}

.messagesUserRowDiv {
  position: absolute;
  background: #eee;
  width: 98%;
  z-index: 2;
}

.rowMessageSearch {
  margin-top: 20px;
}

.messageSearchName .float-label input {
  height: 45px !important;
}

.message-no-archived {
  border-right: 1px solid #ddd;
}

.message-no-archived .messageConvoContainer {
  border-right: 0 !important;
}

.message-no-archived .messageText .ant-input-group-addon {
  border-right: 0;
}

/* Media Query for Large screens */

/* Media Query for Laptops and Desktops */

/* Media Query for Tablets Ipads portrait mode */

/* Media Query for Tablets, Ipads and below  */

@media (max-width: 768px) {
  .chat-container .chat-users {
    width: 30%;
  }

  .chat-container .chat-discussion {
    width: 70%;
  }
}

/* Media Query for low resolution  Tablets, Ipads */

@media (min-width: 481px) and (max-width: 767px) {
  .page-message .buttons-action {
    flex-direction: column;
  }

  .page-message .messagesContainer .ant-layout-sider {
    display: block;
  }

  .chat-container .chat-users {
    width: 60%;
  }

  .chat-container .chat-discussion {
    width: 40%;
  }
}

/* Media Query for Mobile Devices */

@media (max-width: 575px) {
  .page-message .messageSearchName {
    margin-top: 6px;
  }

  .page-message .messagesContainer .ant-layout-sider {
    display: block;
  }

  .messagesContainer .ant-layout-sider {
    margin-top: 0px;
  }
}

@media (max-width: 480px) {
  .page-message .buttons-action {
    flex-direction: column;
  }

  .page-message .ant-space-message-buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px !important;
    margin-bottom: 10px;
  }

  .page-message .ant-space-message-buttons .ant-space-item {
    width: 100%;
  }

  .page-message .ant-space-message-buttons .ant-space-item .ant-btn {
    width: 100%;
  }
}

@media (max-width: 480px) and (min-width: 576px) {
  .page-message .ant-space-message-buttons {
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .chat-container .chat-users {
    width: 60%;
  }

  .chat-container .chat-discussion {
    width: 40%;
  }
}

.messagesMenu {
  border: none;
}

.messagesMenu .menu-avatar {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  .messagesMenu .menu-avatar {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 576px) {
  .messagesMenu .ant-dropdown-trigger {
    height: 38px !important;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0px !important;
  }

  .messagesMenu .ant-dropdown-trigger .menu-avatar {
    width: 30px;
    height: 30px;
  }
}

.input-group-chat-search {
  border: 0px;
  height: 40px;
  font-size: 16px;
  background: #f0f3f8;
  border-radius: 5px 5px 0px 0px;
}

.input-group-chat-search:focus {
  border: 0px;
  border-bottom: 1px solid var(--yellow);
  box-shadow: none !important;
}

.group-member-select .ant-select-selector {
  padding: 4px 8px !important;
  border-radius: 8px !important;
  min-height: 48px !important;
}

.group-member-select .ant-select-selector .ant-select-selection-search input {
  height: 38px !important;
}

.group-member-select .ant-select-selection-item {
  background: #f5f5f5 !important;
  border-radius: 16px !important;
  margin: 2px !important;
  padding: 2px 8px !important;
}

.group-member-select .ant-select-selection-item-content {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.group-member-select.ant-select-multiple .ant-select-selection-search {
  margin-inline-start: 8px !important;
}

.group-member-select .ant-select-dropdown {
  padding: 8px !important;
}

.group-member-select .ant-select-dropdown .ant-select-item {
  padding: 8px !important;
  border-radius: 8px !important;
}

.group-member-select .ant-select-dropdown .ant-select-item-option-selected {
  background-color: #f5f5f5 !important;
}

.group-member-select .ant-select-dropdown .ant-select-item-option-active {
  background-color: #f0f0f0 !important;
}

.group-chat-dropdown-menu {
  min-width: 165px !important;
}

.group-chat-dropdown-menu .ant-dropdown-menu {
  padding: 10px 0px !important;
}

.group-chat-dropdown-menu .ant-dropdown-menu-item {
  display: flex;
  align-items: center;
}

.group-chat-dropdown-menu .ant-dropdown-menu-item svg {
  height: 12px !important;
  width: 12px !important;
}

.group-chat-dropdown-menu .ant-dropdown-menu-item:hover {
  background-color: transparent !important;
  color: var(--yellow) !important;
}

.group-chat-dropdown-menu .ant-dropdown-menu-item:hover svg {
  color: black !important;
}

.group-chat-dropdown-menu .ant-dropdown-menu-item-divider {
  width: 80% !important;
}

.group-chat-dropdown-menu .ant-dropdown-menu-item-divider {
  width: 80% !important;
  margin: 0 auto !important;
}

.group-chat-dropdown-menu .ant-btn-link {
  padding: 0px !important;
  height: 16px !important;
}

.group-chat-search-container {
  width: 100% !important;
  height: 600px;
}

.group-chat-search-select {
  width: 100% !important;
}

.group-chat-search-select .ant-select-selector {
  border-radius: 8px 8px 0px 0px !important;
  background-color: #f0f3f8 !important;
}

.group-chat-search-select.ant-select-focused .ant-select-selector {
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--yellow) !important;
}

.group-chat-search-select input {
  height: 38px !important;
}

.group-chat-search-select .ant-select-selection-item {
  background-color: white !important;
  border-radius: 25px !important;
  padding: 0px 10px !important;
  margin: 0px 5px !important;
  border: 1px solid #d9d9d9 !important;
}

.group-chat-search-select .ant-select-selection-item .ant-avatar {
  margin-right: 5px !important;
  height: 16px !important;
  width: 16px !important;
}

.group-chat-search-dropdown {
  display: none !important;
}

.select-member-item:hover {
  background-color: #f1f3f2 !important;
  border-radius: 25px !important;
  cursor: pointer;
}

.message-menu-submenu-item {
  display: flex;
  align-items: center;
}

@media (max-width: 576px) {
  .message-menu-submenu-item {
    padding: 0px !important;
  }

  .message-menu-submenu-item div {
    display: flex !important;
    align-items: center !important;
  }
}

.message-menu-submenu-item-icon {
  margin-right: 13px;
  margin-left: 9px;
  margin-top: 16px;
  font-size: 19px;
  color: var(--yellow) !important;
}

@media (max-width: 576px) {
  .message-menu-submenu-item-icon {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
}

.message-menu-submenu-item-label {
  color: var(--yellow) !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.message-menu-item-label .label {
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.message-menu-item-label .icon {
  display: none;
}

.ant-menu-sub.ant-menu-inline .ant-menu-item {
  height: 38px !important;
}

@media (max-width: 576px) {
  .ant-layout-sider-collapsed .btn-new-gc svg {
    margin-right: 0px !important;
  }
}

.ant-layout-sider-collapsed .ChatMessageText {
  padding: 8px 15px !important;
}

.ant-layout-sider-collapsed .message-resizable-container-show-all .ant-btn {
  justify-content: center !important;
}

.ant-layout-sider-collapsed .message-menu-submenu-item-label {
  display: none;
}

.ant-layout-sider-collapsed .message-resizable-container.show-all .messagesMenu {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
  height: calc(100% - 17px) !important;
}

.ant-layout-sider-collapsed .message-menu-item-label.dropdown-arrow {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  padding-right: 4px;
}

@media (max-width: 576px) {
  .ant-layout-sider-collapsed .message-menu-item-label.dropdown-arrow {
    padding-left: 5px !important;
  }
}

.ant-layout-sider-collapsed .message-menu-item-label.dropdown-arrow {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding-right: 4px;
}

.ant-layout-sider-collapsed .message-resizable-container-show-all .ant-btn {
  padding-left: 10px !important;
}

.ant-layout-sider-collapsed .message-resizable-container .collapsed .ant-menu-item:not(.message-menu-item-switch) {
  display: none !important;
}

.ant-layout-sider-collapsed .message-resizable-container-handle {
  margin: 0 20% !important;
}

.ant-layout-sider-collapsed .message-resizable-container .messagesMenu .ant-menu-item {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media (max-width: 576px) {
  .ant-layout-sider-collapsed .message-resizable-container .messagesMenu .ant-menu-item {
    padding: 0px !important;
    padding-right: 5px !important;
  }
}

.ant-layout-sider-collapsed .message-resizable-container .messagesMenu .ant-menu-item.message-menu-item-switch {
  height: 25px !important;
}

.ant-layout-sider-collapsed .message-resizable-container .messagesMenu .ant-menu-item .menu-avatar {
  margin-left: 2px;
}

.ant-layout-sider-collapsed .message-resizable-container .messagesMenu .ant-menu-item .ant-menu-title-content .ant-menu-item .ant-menu-title-content {
  display: none !important;
}

.ant-layout-sider-collapsed .message-resizable-container .messagesMenu .ant-menu-item.item-avatar .ant-dropdown-trigger.ant-menu-item {
  padding-left: 9px !important;
}

@media (max-width: 576px) {
  .ant-layout-sider-collapsed .message-resizable-container .messagesMenu .ant-menu-item.item-avatar .ant-dropdown-trigger.ant-menu-item {
    padding-left: 0px !important;
  }
}

.ant-menu-submenu-popup {
  display: none !important;
}

.account-setup-filter-mobile {
  display: flex;
}

@media (min-width: 768px) {
  .account-setup-filter-mobile {
    display: none;
  }
}

.account-setup-filter-mobile .ant-collapse .table-global-search {
  width: 100% !important;
}

.account-setup-filter-mobile .the-tbl-page-size .tbl-page-size {
  justify-content: flex-start !important;
}

@media (min-width: 576px) {
  .account-setup-filter-mobile .the-tbl-page-size .tbl-page-size {
    justify-content: flex-end !important;
  }
}

.account-setup-filter-desktop {
  display: none;
}

@media (min-width: 768px) {
  .account-setup-filter-desktop {
    display: flex;
  }
}

.new-top-filter-desktop {
  display: none;
}

@media (min-width: 576px) {
  .new-top-filter-desktop {
    display: flex;
  }
}

.new-top-filter-desktop .table-showing-entries .wrapper {
  width: -moz-max-content;
  width: max-content;
}

.new-top-filter-desktop.for-historical-data .the-search-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new-top-filter-desktop.for-historical-data .the-pagination-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: row;
}

.new-top-filter-desktop.for-historical-data.true .the-search-wrapper {
  align-items: flex-end;
}

.new-top-filter-desktop.for-historical-data.true .the-search-wrapper .the-pagination-wrapper {
  flex-direction: column;
  row-gap: 12px;
  align-items: flex-end;
}

.new-top-filter-desktop.for-historical-data.false .the-search-wrapper.true {
  align-items: flex-end;
}

.new-top-filter-desktop.for-historical-data.false .the-search-wrapper.true .the-pagination-wrapper {
  flex-direction: column;
  row-gap: 12px;
  align-items: flex-end;
}

.new-top-filter-mobile {
  display: flex;
}

@media (min-width: 576px) {
  .new-top-filter-mobile {
    display: none;
  }
}

.new-top-filter-mobile .table-showing-entries .wrapper {
  width: -moz-max-content;
  width: max-content;
}

.new-top-filter-mobile .tbl-page-size .ant-select-selector {
  padding-left: 0;
}

.new-top-filter-mobile .ant-pagination.table-pagination {
  justify-content: center;
}

.new-top-filter-mobile .table-global-search.animated {
  width: auto;
  height: 40px;
}

@media (min-width: 425px) {
  .new-top-filter-mobile .table-global-search.animated {
    width: 200px;
  }
}

.page-admin-settings .role-types-tab .edit-delete span {
  color: var(--yellow);
  cursor: pointer;
  font-size: 16px;
}

.page-admin-settings .role-types-tab .edit-delete span:hover {
  color: gray;
}

.page-admin-settings .role-types-tab .edit-delete span:first-child {
  margin-right: 5px;
}

.page-system-settings.ant-tabs-top::before {
  border-bottom: 1px solid transparent;
}

.page-system-settings.ant-tabs-top .ant-tabs-nav {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0px;
}

.page-system-settings.ant-tabs-top .ant-tabs-nav::before {
  border-bottom: 0px;
}

.page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  overflow-x: auto;
  overflow-y: hidden;
  --webkit-overflow-scrolling: touch;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

@supports (scrollbar-width: auto) {
  .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

.page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

.page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  background-color: transparent;
}

.page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  display: flex;
  gap: 5px;
  align-items: center;
}

.page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #fff;
}

.page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--yellow) !important;
}

.page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:hover {
  background-color: #fff;
}

.page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:hover .ant-tabs-tab-btn {
  color: var(--yellow);
}

.page-system-settings.ant-tabs-top .ant-tabs-nav-operations {
  display: none;
}

.page-system-settings .ant-tabs-ink-bar {
  background: transparent;
  bottom: 5px;
}

.page-system-settings .ant-tabs-ink-bar::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 3px;
  height: 2px;
  background: #bab6b6;
  width: 100%;
}

.page-system-settings .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 20px;
}

.page-system-settings .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ant-card:not(.dashboard-card) {
  border: 0px;
}

.page-system-settings .ant-tabs-ink-bar {
  bottom: 1px !important;
}

@media (max-width: 425px) {
  .page-system-settings .ant-tabs-ink-bar {
    bottom: 5px !important;
  }
}

.page-system-settings.tab-profile-and-theme .ant-tabs-ink-bar::after {
  width: calc(100% - 16px);
}

.page-system-settings.tab-client-form-v2 .ant-tabs-ink-bar::after {
  width: calc(100% - 16px);
}

.page-system-settings.tab-general-and-ticketing .ant-tabs-ink-bar::after {
  width: calc(100% - 19px);
}

.page-system-settings.tab-support-level .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ant-card .ant-card-body {
  padding: 0px 0px !important;
}

.page-system-settings.tab-support-level .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ant-card .ant-card-body .ant-tabs.page-system-settings .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  padding-top: 0px;
}

.page-system-settings.tab-support-level > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-ink-bar {
  bottom: 1px;
}

.page-system-settings.tab-support-level > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-ink-bar::after {
  width: calc(100% - 19px) !important;
}

.page-system-settings.tab-support-level-category {
  margin-top: 10px;
}

.page-system-settings.tab-support-level-category .ant-tabs-ink-bar {
  bottom: 1px;
}

.page-system-settings.tab-support-level-category .ant-tabs-ink-bar::after {
  width: 100% !important;
  bottom: 3px;
}

.page-system-settings.tab-support-level-category .ant-tabs-content-holder .ant-tabs-content {
  padding-top: 10px;
}

.page-system-settings.tab-users-and-permissions .ant-tabs-ink-bar {
  bottom: 1px;
}

.page-system-settings.tab-users-and-permissions .ant-tabs-ink-bar::after {
  width: calc(100% - 23px) !important;
}

.page-system-settings.tab-users-categories .ant-tabs-ink-bar {
  bottom: 1px;
}

.page-system-settings.tab-users-categories .ant-tabs-ink-bar::after {
  width: calc(100% - 23px) !important;
}

.page-system-settings.tab-users-permissions .ant-tabs-ink-bar {
  bottom: 1px;
}

.page-system-settings.tab-users-permissions .ant-tabs-ink-bar::after {
  width: 100% !important;
}

.page-system-settings.tab-project-individual .ant-tabs-ink-bar,
.page-system-settings.tab-retainer-individual .ant-tabs-ink-bar {
  bottom: 1px;
}

.page-system-settings.tab-project-individual .ant-tabs-ink-bar::after,
.page-system-settings.tab-retainer-individual .ant-tabs-ink-bar::after {
  width: calc(100% - 18px) !important;
}

.page-system-settings.tab-email-and-text-template .ant-tabs-ink-bar {
  bottom: 1px;
}

.page-system-settings.tab-email-and-text-template .ant-tabs-ink-bar::after {
  width: calc(100% - 19px) !important;
}

.page-system-settings.tab-settings-affiliate .ant-tabs-ink-bar {
  bottom: 1px;
}

.page-system-settings.tab-settings-affiliate .ant-tabs-ink-bar::after {
  bottom: 3px;
}

.page-system-settings.tab-settings-affiliate .ant-tabs-nav-list {
  width: 100%;
}

.page-system-settings.tab-settings-affiliate .ant-tabs-nav-list .ant-tabs-tab:nth-child(3) .ant-tabs-tab-btn {
  margin-right: 4px;
}

.page-system-settings .ant-card:first-child {
  border-radius: 0 5px 5px 5px !important;
}

.page-system-settings .card-br-5:first-child {
  border-radius: 5px !important;
}

.page-system-settings .url-tab .ant-btn[disabled],
.page-system-settings .url-tab .ant-btn[disabled]:hover,
.page-system-settings .url-tab .ant-btn[disabled]:focus,
.page-system-settings .url-tab .ant-btn[disabled]:active {
  color: #fff !important;
  border-color: #757374 !important;
  background: #757374 !important;
}

.page-system-settings .theme-color {
  display: flex;
  margin-top: 5px;
}

.page-system-settings .theme-color > div {
  height: 25px;
}

.page-system-settings .theme-color-box-1 {
  width: 100px;
  border: 1px solid #c7c8cc;
  border-right: none;
}

.page-system-settings .theme-color-box-2 {
  width: 50px;
  background-color: #c7c8cc;
  border: 1px solid #c7c8cc;
}

.page-system-settings .theme-color div[class^=theme-color-option] {
  width: 25px;
}

.page-system-settings .theme-color-option-1 {
  background-color: #d58529;
  border: 1px solid #d58529;
}

.page-system-settings .theme-color-option2-1 {
  background-color: #ffbb6c;
  border: 1px solid #ffbb6c;
}

.page-system-settings .theme-color-option-2 {
  background-color: #960402;
  border: 1px solid #960402;
}

.page-system-settings .theme-color-option2-2 {
  background-color: #f8301d;
  border: 1px solid #f8301d;
}

.page-system-settings .theme-color-option-3 {
  background-color: #0a6c31;
  border: 1px solid #0a6c31;
}

.page-system-settings .theme-color-option2-3 {
  background-color: #1aaa50;
  border: 1px solid #1aaa50;
}

.page-system-settings .theme-color-option-4 {
  background-color: #154988;
  border: 1px solid #154988;
}

.page-system-settings .theme-color-option2-4 {
  background-color: #99bef8;
  border: 1px solid #99bef8;
}

.page-system-settings .theme-color-option-5 {
  background-color: #8c53fb;
  border: 1px solid #8c53fb;
}

.page-system-settings .theme-color-option2-5 {
  background-color: #d4c2ff;
  border: 1px solid #d4c2ff;
}

.page-system-settings .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: var(--yellow);
  background-color: var(--yellow);
}

.page-system-settings .ant-radio-inner::after {
  background-color: #fff;
}

.page-system-settings .ant-radio-inner::after .tab-ticketing {
  padding: 10px 15px;
}

.page-system-settings .logo-container {
  display: inline-block;
  position: relative;
}

.page-system-settings .logo-container .x-mark-button {
  position: absolute;
  top: -9px;
  right: -9px;
  border-radius: 50%;
  background-color: var(--yellow);
  width: 18px;
  height: 18px;
  font-size: 9px;
}

.page-system-settings .logo-container .x-mark-button svg {
  color: white;
  font-size: 11px;
}

.page-system-settings .logo-container .upload-img-logo {
  border: 1px solid gray;
}

@media (max-width: 425px) {
  .page-system-settings .logo-container-1 {
    width: 100%;
  }
}

@media (max-width: 425px) {
  .page-system-settings .logo-container-1 .upload-img-logo {
    width: 100%;
    height: auto !important;
  }
}

.page-system-settings .logo-upload {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-direction: column;
  margin-top: 10px;
}

@media (min-width: 1024px) {
  .page-system-settings .logo-upload {
    flex-direction: row;
  }
}

.page-system-settings .logo-upload .upload-btn {
  border: 1px solid gray;
  padding: 33px 24px;
}

.page-system-settings .company_disabled .label.float-label {
  background: linear-gradient(180deg, #f1f3f2 0 50%, #f5f5f5 50% 100%);
}

.page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-wrapper .ant-space-item {
  height: 40px;
}

.page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
  border: 1px solid #c5c5c5;
  border-radius: 3px;
  height: 40px !important;
}

.page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-wrapper .ant-space-item .ticket-prefix-addon {
  height: 40px;
  border: 1px solid #c5c5c5;
  background: #f2f2f2;
  padding: 5px 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}

.page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-wrapper .ant-space-item .ant-btn {
  height: 40px;
  border-radius: 3px;
  border: 1px solid var(--yellow);
  background: var(--yellow);
  color: #ffffff;
}

.page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-output-wrapper {
  height: 40px;
  margin-top: 10px;
}

.page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-output-wrapper .ant-space-item .ticket-prefix-output {
  height: 40px;
  border: 1px solid #c5c5c5;
  background: #f2f2f2;
  padding: 5px 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  width: 129px;
}

@media (min-width: 375px) {
  .page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-output-wrapper .ant-space-item .ticket-prefix-output {
    width: 157px;
  }
}

.page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-output-wrapper .ant-btn {
  height: 40px;
  border-radius: 3px;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .images {
  display: flex;
  gap: 10px;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .images div.label {
  width: 50px;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .videos {
  display: flex;
  gap: 10px;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .videos div.label {
  width: 50px;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-small {
  height: 18px !important;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-small .ant-switch-handle {
  width: 10px;
  height: 10px;
}

@media (max-width: 425px) {
  .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-small {
    min-width: 45px !important;
    height: 26px !important;
    border-width: 3px;
  }

  .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-small .ant-switch-handle {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 425px) {
  .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch:not(.ant-switch-checked) .ant-switch-handle {
    top: 3px;
    left: 2px;
  }
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-checked {
  background-color: #2b8300;
  border: 3px solid #2b8300;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-checked .ant-switch-handle {
  top: 1px;
  left: calc(100% - 11px);
}

@media (max-width: 425px) {
  .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-checked .ant-switch-handle {
    top: 3px;
    left: calc(100% - 16px);
  }
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch:not(.ant-switch-checked) {
  background-color: #fff;
  border: 3px solid #5a595c;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch:not(.ant-switch-checked) .ant-switch-handle {
  top: 1px;
  left: 2px;
}

.page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch:not(.ant-switch-checked) .ant-switch-handle::before {
  background-color: #5a595c;
}

.card-users-and-permissions .ant-card-body .switch-permission .ant-switch-handle {
  width: 13px !important;
  height: 13px !important;
}

.card-users-and-permissions .ant-card-body .switch-permission.ant-switch-checked {
  background-color: #2b8300;
  border: 2px solid #2b8300;
}

.card-users-and-permissions .ant-card-body .switch-permission.ant-switch-checked .ant-switch-handle {
  top: 1px;
  left: calc(100% - 14px) !important;
}

@media (max-width: 425px) {
  .card-users-and-permissions .ant-card-body .switch-permission.ant-switch-checked .ant-switch-handle {
    top: 4px;
    left: calc(100% - 15px) !important;
  }
}

.card-users-and-permissions .ant-card-body .switch-permission.ant-switch-checked .ant-switch-inner {
  margin: -3px 18px 0 5px;
}

@media (max-width: 425px) {
  .card-users-and-permissions .ant-card-body .switch-permission.ant-switch-checked .ant-switch-inner {
    margin: -2px 18px 0 5px;
  }
}

.card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) {
  background-color: #fff;
  border: 2px solid #5a595c;
}

.card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) .ant-switch-handle {
  top: 1px;
  left: 2px;
}

@media (max-width: 425px) {
  .card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) .ant-switch-handle {
    top: 4px;
    left: 4px;
  }
}

.card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) .ant-switch-handle::before {
  background-color: #5a595c;
}

.card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) .ant-switch-inner {
  margin: -3px 8px 0px 20px;
  color: #5a595c;
}

@media (max-width: 425px) {
  .card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) .ant-switch-inner {
    margin: -2px 8px 0px 20px;
  }
}

.card-users-and-permissions .ant-card-body .permission-buttons-label {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}

.card-users-and-permissions .ant-card-body .permission-buttons-label [name=btn_edit],
.card-users-and-permissions .ant-card-body .permission-buttons-label [name=btn_delete] {
  height: 20px;
  min-width: 20px;
  font-size: 12px;
}

.card-users-and-permissions .ant-card-body .permission-buttons-label .button-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}

.page-client-form-v2 .ant-card:first-child {
  border-radius: 5px 5px 5px 5px !important;
}

.page-client-form-v2 .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ant-card {
  border: 1px solid #cccccc !important;
  border-radius: 5px !important;
}

.page-client-form-v2 .ant-tabs-nav-list .ant-tabs-tab {
  padding: 12px 1px;
}

@media (max-width: 1440px) {
  .page-client-form-v2 .ant-tabs-nav-list .ant-tabs-tab {
    padding: 12px 2px;
  }
}

#PageSystemSettingPageSupportLevelDetails .ant-layout .ant-layout-content .content-wrapper .ant-tabs.ant-tabs-card .ant-tabs-nav {
  margin: 0px !important;
}

#PageSystemSettingPageSupportLevelDetails .ant-layout .ant-layout-content .content-wrapper .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  border: 1px solid #ccc;
  border-bottom: 0px;
}

#PageSystemSettingPageSupportLevelDetails .ant-layout .ant-layout-content .content-wrapper .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-active) {
  background-color: #f1f3f2;
}

#PageSystemSettingPageSupportLevelDetails .ant-layout .ant-layout-content .content-wrapper .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  color: #6d6f6e;
}

#PageSystemSettingPageSupportLevelDetails .ant-layout .ant-layout-content .content-wrapper .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--yellow);
}

#PageUsersAndPermissions .ant-layout .ant-layout-content .content-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell {
  vertical-align: top;
}

@media (max-width: 425px) {
  #PageUsersAndPermissions .ant-layout .ant-layout-content .content-wrapper .ant-table-wrapper .ant-table-cell {
    font-size: 16px !important;
  }
}

.ant-switch {
  min-width: 35px !important;
  height: 20px !important;
}

.ant-switch .ant-switch-handle {
  width: 12px;
  height: 12px;
}

.ant-switch .ant-switch-inner {
  margin: 0 7px 0 20px;
}

.ant-switch.ant-switch-checked {
  background-color: #2b8300;
  border: 3px solid #2b8300;
}

.ant-switch.ant-switch-checked .ant-switch-handle {
  top: 1px;
  left: calc(100% - 13px);
}

.ant-switch:not(.ant-switch-checked) {
  background-color: #fff;
  border: 3px solid #5a595c;
}

.ant-switch:not(.ant-switch-checked) .ant-switch-handle {
  top: 1px;
  left: 2px;
}

.ant-switch:not(.ant-switch-checked) .ant-switch-handle::before {
  background-color: #5a595c;
}

.ant-switch-small {
  height: 18px !important;
}

.ant-switch-small .ant-switch-handle {
  width: 12px;
  height: 12px;
}

.ant-switch-small.ant-switch-checked {
  background-color: #2b8300;
  border: 3px solid #2b8300;
}

.ant-switch-small.ant-switch-checked .ant-switch-handle {
  top: 1px;
  left: calc(100% - 13px);
}

.ant-switch-small:not(.ant-switch-checked) {
  background-color: #fff;
  border: 3px solid #5a595c;
}

.ant-switch-small:not(.ant-switch-checked) .ant-switch-handle {
  top: 1px;
  left: 2px;
}

.ant-switch-small:not(.ant-switch-checked) .ant-switch-handle::before {
  background-color: #5a595c;
}

.custom-tabs-nav-list .ant-tabs-tab {
  padding: 10px 23px !important;
}

@media (max-width: 575px) {
  .account-setup-filter-mobile.settings .display-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }

  .account-setup-filter-mobile.settings .display-center .tbl-page-size {
    width: 100%;
    justify-content: center;
  }
}

.account-setup-filter-mobile.settings .tbl-page-size {
  justify-content: flex-start;
}

@media (min-width: 768px) {
  .account-setup-filter-mobile.settings .tbl-page-size {
    justify-content: flex-end;
  }
}

.account-setup-filter-mobile.settings .tbl-page-size .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: none !important;
  padding-left: 0;
}

.account-setup-filter-mobile.settings .ant-pagination.table-pagination {
  justify-content: center;
}

@media (min-width: 576px) {
  .account-setup-filter-mobile.settings .ant-pagination.table-pagination {
    justify-content: flex-end;
  }
}

.account-setup-filter-mobile .archive-active-btn .ant-btn {
  width: 100%;
}

@media (min-width: 576px) {
  .account-setup-filter-mobile .archive-active-btn .ant-btn {
    width: auto;
  }
}

#PageSystemSettings .content-wrapper {
  padding-top: 5px;
}

@media (min-width: 425px) {
  #PageSystemSettings .content-wrapper .ant-tabs.page-system-settings.tab-profile-and-theme .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
    overflow: hidden;
  }
}

#PageSystemSettings .form-row-custom {
  flex-flow: row-reverse;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 12px;
}

#PageSystemSettings .form-row-custom .ant-form-item:nth-child(1) {
  width: 90%;
}

@media (max-width: 575px) {
  #PageSystemSettings .form-row-custom .ant-form-item:nth-child(1) {
    width: 87%;
  }
}

@media (max-width: 350px) {
  #PageSystemSettings .form-row-custom .ant-form-item:nth-child(1) {
    width: 85% !important;
  }
}

#PageSystemSettings .form-row-custom .ant-form-item:nth-child(2) {
  display: flex;
  align-items: center;
  padding-bottom: 2px;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding: 20px 20px !important;
}

@media (max-width: 425px) {
  #PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
    padding: 12px 10px !important;
  }
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .ant-divider {
  border-top-color: #cccccc !important;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .page_header_company_logo_upload_dragger {
  height: 200px;
  border-radius: 5px;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .page_header_company_logo_upload_dragger .ant-upload .ant-upload-drag-container .ant-upload-drag-icon svg {
  font-size: 32px;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper {
  margin-top: 20px;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper {
  position: relative;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-btn {
  position: absolute;
  width: 18px;
  height: 18px;
  padding: 0px;
  right: -9px;
  top: -9px;
  z-index: 1;
  font-size: 12px;
  border-radius: 50%;
  border-color: var(--yellow);
  background-color: var(--yellow);
  line-height: normal;
  color: #ffffff;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-btn svg {
  font-size: 11px;
  color: #ffffff;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-image {
  border: 1px solid gray;
  border-radius: 5px;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-image .ant-image-img {
  border-radius: 5px;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .draggable-item-container-body_contents .ant-collapse.collapse-form-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 0px !important;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .draggable-item-container-body_contents .ant-collapse.collapse-form-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .float-wrapper {
  border: 0px;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .form-list-body-content-wrapper .btn-add-new-section {
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
  color: var(--yellow);
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .float-wrapper .ant-input-group-wrapper .ant-input-wrapper.ant-input-group .ant-input-group-addon {
  background-color: transparent;
  border: 0px;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .float-wrapper .label {
  width: auto !important;
}

#PageSystemSettings .page-system-settings.tab-document-templates .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .collapse-form > .ant-collapse-item.collapse-pb-0 > .ant-collapse-content .ant-collapse-content-box {
  padding-bottom: 0px !important;
}

@media (max-width: 575px) {
  #PageSystemSettings .page-system-settings.tab-document-templates .tbl-top-filter {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 575px) {
  #PageSystemSettings .page-system-settings.tab-document-templates .tbl-top-filter .table-global-search.animated {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  #PageSystemSettings .page-system-settings.tab-document-templates .tbl-top-filter .ant-pagination {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageSystemSettings .page-system-settings.tab-document-templates .tbl-bottom-filter {
    flex-direction: column-reverse;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageSystemSettings .page-system-settings.tab-document-templates .tbl-bottom-filter .ant-pagination {
    left: 0px !important;
    justify-content: center;
  }
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .page_header_company_logo_upload_dragger {
  height: 200px;
  border-radius: 5px;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .page_header_company_logo_upload_dragger .ant-upload .ant-upload-drag-container .ant-upload-drag-icon svg {
  font-size: 32px;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper {
  margin-top: 20px;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper {
  position: relative;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-btn {
  position: absolute;
  width: 18px;
  height: 18px;
  padding: 0px;
  right: -9px;
  top: -9px;
  z-index: 1;
  font-size: 12px;
  border-radius: 50%;
  border-color: var(--yellow);
  background-color: var(--yellow);
  line-height: normal;
  color: #ffffff;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-btn svg {
  font-size: 11px;
  color: #ffffff;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-image {
  border: 1px solid gray;
  border-radius: 5px;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-image .ant-image-img {
  border-radius: 5px;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .draggable-item-container-body_contents .ant-collapse.collapse-form-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 0px !important;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .draggable-item-container-body_contents .ant-collapse.collapse-form-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .float-wrapper {
  border: 0px;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .form-list-body-content-wrapper .btn-add-new-section {
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
  color: var(--yellow);
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .float-wrapper .ant-input-group-wrapper .ant-input-wrapper.ant-input-group .ant-input-group-addon {
  background-color: transparent;
  border: 0px;
}

#PageSystemSettings .form-wrapper .ant-collapse.collapse-form .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .float-wrapper .label {
  width: auto !important;
}

#email_footer_signature .ql-container {
  border: 0px;
  height: 450px !important;
}

#email_footer_signature .ql-container .ql-editor p img {
  width: 194px;
}

.email-signature-card .ant-card-body {
  padding: 10px 10px 0 10px;
}

@media (min-width: 375px) {
  .email-signature-card .ant-card-body {
    padding: 24px 21px 0;
  }
}

.email-signature-card .ant-form-item {
  margin-bottom: 10px;
}

@media (min-width: 375px) {
  .email-signature-card .ant-form-item {
    margin-bottom: 21px;
  }
}

.switch-small {
  height: 14px !important;
  width: 20px !important;
  min-width: 20px !important;
  border: 2px solid #5a595c !important;
}

.switch-small .ant-switch-handle {
  width: 8px !important;
  height: 8px !important;
}

.switch-small:not(.ant-switch-checked) .ant-switch-handle {
  top: 1px !important;
  left: 1px !important;
}

.switch-small.ant-switch-checked .ant-switch-handle {
  top: 1px !important;
  left: calc(100% - 9px) !important;
}

.form-item-switch .ant-form-item-row .ant-form-item-label label::after {
  display: none;
}

@media (max-width: 575px) {
  .form-item-switch .ant-form-item-row .ant-form-item-label {
    flex: unset;
  }
}

.form-item-switch .ant-form-item-row .ant-form-item-control {
  display: flex;
  align-items: flex-end;
}

@media (max-width: 575px) {
  .form-item-switch .ant-form-item-row .ant-form-item-control {
    flex: unset;
  }
}

@media (max-width: 575px) {
  .form-item-switch .ant-form-item-row {
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .form-item-mb .ant-form-item-control {
    height: 75px;
  }
}

#PageUsersAndPermissions .content-wrapper {
  padding-top: 5px;
}

#PageSystemSettingPageMaintenance .content-wrapper {
  padding-top: 5px;
}

#PagePaymentComplete .content-wrapper {
  padding-top: 5px;
}

.tab-maintenance .ant-tabs-nav {
  margin-bottom: -5px !important;
}

.time-off-btn-icon-only[disabled] {
  background: none !important;
  border: none !important;
}

.m-t-lg {
  margin-top: 30px !important;
}

.m-b-none {
  margin-bottom: 0 !important;
}

.payment-method-upload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.payment-method-upload .ant-upload {
  height: 158px;
  width: 158px;
  border: 1px dashed #d9d9d9;
}

.payment-method-upload .ant-upload span,
.payment-method-upload .ant-upload .upload-btn {
  display: flex;
  flex-direction: column;
}

.payment-method-upload .upload-list-display .ant-upload-list {
  display: flex;
  justify-content: center;
}

.payment-method-upload .upload-list-display .ant-upload-list .ant-upload-list-picture-card-container {
  height: 158px;
  width: 158px;
  margin: 0px;
}

.payment-method-upload .upload-list-display .ant-upload-list .ant-upload-list-picture-card-container .ant-upload-list-item {
  border: 1px dashed #d9d9d9;
}

.payment-method-upload .upload-list-display .ant-upload-list .ant-upload-list-picture-card-container .ant-upload-list-item .ant-upload-list-item-actions a {
  display: none;
}

.payment-method-upload-error .ant-upload {
  border-color: #ff4d4f;
}

.color-picker {
  gap: 8px;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(35px, 1fr)) !important;
}

.color-picker span div {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

.switch-availability {
  min-width: 35px !important;
  height: 21px !important;
}

@media (max-width: 425px) {
  .switch-availability {
    min-width: 75px !important;
  }
}

.switch-availability .ant-switch-handle {
  width: 13px !important;
  height: 13px !important;
}

@media (max-width: 425px) {
  .switch-availability .ant-switch-handle {
    top: 5px !important;
  }
}

.switch-availability .ant-switch-inner {
  margin: -2px 8px 0px 20px;
}

.switch-availability.ant-switch-checked {
  background-color: #2b8300;
  border: 2px solid #2b8300;
}

.switch-availability.ant-switch-checked .ant-switch-handle {
  top: 2px;
  left: calc(100% - 14px);
}

.switch-availability.ant-switch-checked .ant-switch-inner {
  margin: -2px 18px 0 5px;
}

.switch-availability:not(.ant-switch-checked) {
  background-color: #fff;
  border: 2px solid #5a595c;
}

.switch-availability:not(.ant-switch-checked) .ant-switch-handle {
  top: 2px;
  left: 2px;
}

.switch-availability:not(.ant-switch-checked) .ant-switch-handle::before {
  background-color: #5a595c;
}

.switch-availability:not(.ant-switch-checked) .ant-switch-inner {
  margin: -2px 8px 0px 20px;
  color: #5a595c;
}

#PageSystemSettings2 .ant-table-column-sorter {
  margin-left: -8px;
}

#PageSystemSettings2 .ant-table-body .ant-table-cell {
  padding-left: 27px !important;
}

#PageSystemSettings2 .ant-table-body .ant-table-selection-column {
  padding-left: 7px !important;
}

#PageSystemSettings2 .content-wrapper {
  padding-top: 5px;
}

#PageSystemSettings2 .ant-card:first-child {
  border-radius: 5px 5px 5px 5px !important;
}

#PageSystemSettings2 .table-historical-data-records .ml-24 {
  margin-left: 0px !important;
}

@media (max-width: 425px) {
  #PageSystemSettings2 .ant-table-container th.ant-table-cell {
    font-size: 16px !important;
  }
}

.logo-uploader {
  display: flex;
  justify-content: center;
}

.logo-uploader .ant-upload.ant-upload-select-picture-card {
  width: 250px;
  height: 250px;
}

.modal-change-zone .space-form-inputs {
  width: 100%;
  align-content: flex-start;
  align-items: flex-start;
}

.modal-change-zone .space-form-inputs .ant-space-item:nth-child(1) {
  height: 46.14px;
  width: 52px;
  border: 1px solid #d9d9d9;
  background: #f5f5f5;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 2px;
  text-align: center;
}

.modal-change-zone .space-form-inputs .ant-space-item:nth-child(2) {
  width: calc(100% - 66px);
}

.modal-change-zone .space-form-inputs .label {
  text-align: left;
}

.form-payment-details-left .card-payment-details {
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 25px;
}

.form-payment-details-left .card-payment-details .header .ant-space {
  gap: 0px !important;
}

.form-payment-details-left .card-payment-details .header-left {
  display: flex;
  flex-direction: column;
}

.form-payment-details-left .card-payment-details .header-left .title-1 {
  font-size: 28px;
  font-weight: 600;
  color: #000;
}

.form-payment-details-left .card-payment-details .header-left .title-2 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.form-payment-details-left .card-payment-details .header-left .description {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.form-payment-details-left .card-payment-details .header-left .description b {
  font-weight: 600;
}

.form-payment-details-left .card-payment-details .header-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.form-payment-details-left .card-payment-details .header-right .company-logo {
  width: 50%;
  height: auto;
}

.form-payment-details-left .card-payment-details .header-right .company-logo img {
  width: 100%;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.form-payment-details-left .card-payment-details .header-right .company-logo-vertical {
  height: auto;
}

.form-payment-details-left .card-payment-details .header-right .company-logo-vertical img {
  width: 100%;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.form-payment-details-left .card-payment-details .header-right .title-1 {
  font-size: 28px;
  font-weight: 600;
  color: #000;
  text-align: right;
}

.form-payment-details-left .card-payment-details .header-right .title-2 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-align: right;
}

.form-payment-details-left .card-payment-details .header-right .description {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-align: right;
}

.form-payment-details-left .card-payment-details .header-right .description b {
  font-weight: 600;
}

.form-payment-details-left .card-payment-details .content .ant-table-thead .ant-table-cell {
  padding: 10px 16px;
  background-color: #e6e7e9 !important;
}

.form-payment-details-left .card-payment-details .content .ant-table-thead .ant-table-cell::before {
  background-color: unset !important;
}

.form-payment-details-left .card-payment-details .content .ant-table-tbody > tr:hover > td,
.form-payment-details-left .card-payment-details .content .ant-table-tbody > tr.ant-table-row-selected > td,
.form-payment-details-left .card-payment-details .content .ant-table-tbody > tr:active > td {
  background: transparent !important;
  cursor: default;
}

.form-payment-details-left .card-payment-details .footer {
  margin-top: 70px;
  margin-bottom: 70px;
}

.form-payment-details-left .card-payment-details .footer .footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.form-payment-details-left .card-payment-details .footer .footer-content .label {
  font-size: 14px;
  color: #000;
}

.form-payment-details-left .card-payment-details .footer .footer-content .value {
  font-size: 14px;
  color: #000;
}

.form-payment-details-left .card-payment-details .footer .footer-content .fw {
  font-weight: 600;
}

.form-payment-details-left .card-payment-details .footer .footer-content .label-gt,
.form-payment-details-left .card-payment-details .footer .footer-content .value-gt {
  font-size: 16px;
  color: #000;
}

.form-payment-details-right .ant-card .ant-card-head {
  padding: 0px 16px;
}

.form-payment-details-right .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  padding: 10px 0;
}

.form-payment-details-right .ant-card .ant-card-body {
  padding: 16px;
}

.form-payment-details-right .ant-card .ant-card-body .content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.form-payment-details-right .ant-card .ant-card-body .content .label {
  font-size: 14px;
  color: #000;
}

.form-payment-details-right .ant-card .ant-card-body .content .value {
  font-size: 14px;
  color: #000;
}

.form-payment-details-right .ant-card .ant-card-body .content .fw {
  font-weight: 600;
}

.form-payment-details-right .ant-card .ant-card-body .content .label-gt,
.form-payment-details-right .ant-card .ant-card-body .content .value-gt {
  margin-top: 15px;
  font-size: 16px;
  color: #000;
}

.form-payment-details-right .ant-card .ant-card-body .select-payment-method {
  margin-top: 20px;
  width: 300px;
}

@media (max-width: 425px) {
  .form-payment-details-right .ant-card .ant-card-body .select-payment-method {
    width: 100%;
  }
}

.form-payment-details-right .ant-card .ant-card-body .select-payment-method .ant-select-selector {
  background: var(--yellow) !important;
  box-shadow: unset !important;
}

.form-payment-details-right .ant-card .ant-card-body .select-payment-method .ant-select-selection-placeholder,
.form-payment-details-right .ant-card .ant-card-body .select-payment-method .ant-select-selection-item,
.form-payment-details-right .ant-card .ant-card-body .select-payment-method .ant-select-arrow {
  color: #fff !important;
}

.form-payment-details-right .ant-card .ant-card-body .select-payment-method .anticon.anticon-close-circle {
  color: #fff !important;
  background: var(--yellow) !important;
}

.sales-agreements-modal-signature .ant-modal-body .e_signature_canvas {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid #cfcfcf !important;
}

.mobile {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}

@media (max-width: 425px) {
  .mobile {
    display: flex;
    flex-direction: column-reverse;
  }

  .mobile-btn {
    width: 100%;
  }
}

.mobile-right {
  justify-content: flex-end;
  gap: 12px !important;
}

.collapse-default-payments .ant-collapse-header {
  padding: 10px 16px !important;
}

.collapse-default-payments .ant-collapse-content-box {
  padding: 16px 16px !important;
}

.ach_class {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}

.ach_class .bank_name,
.ach_class .official_business_name,
.ach_class .account_number,
.ach_class .routing_number,
.ach_class .account_routing_number,
.ach_class .bank_aba_routing_number {
  margin-bottom: 5px;
}

.ach_class .account_number,
.ach_class .account_routing_number,
.ach_class .bank_aba_routing_number {
  display: flex;
  flex-direction: column;
}

.ach_class .account_number b,
.ach_class .account_routing_number b,
.ach_class .bank_aba_routing_number b {
  font-weight: 600;
  color: #000;
}

.table-transaction-info .ant-table-tbody tr:not(:first-child) {
  display: table-row !important;
}

.table-transaction-info-hide .ant-table-tbody tr:not(:first-child) {
  display: none !important;
  animation: fadeOut 0.5s ease-in-out 0.5s;
}

.table-transaction .ant-table-thead > tr > th {
  padding: 15px 0px 15px 16px !important;
  line-height: 15px;
  background: #e6e7e9 !important;
}

.table-transaction .ant-table-thead > tr > th p {
  font-weight: 600;
}

.modal-previewPdf .ant-modal-body {
  padding: 24px 24px 18px 24px;
}

@media (max-width: 881px) {
  .modal-previewPdf .ant-modal-body .col-tbl-transaction-info {
    overflow: auto hidden;
    width: 900px;
  }

  .modal-previewPdf .ant-modal-body .col-tbl-transaction-info .tbl-accounting-payment_wrapper1 {
    width: 900px;
  }

  .modal-previewPdf .ant-modal-body .col-tbl-transaction-info #tbl-accounting-payment {
    width: 900px;
  }

  .modal-previewPdf .ant-modal-body .col-tbl-transaction-info .table-transaction {
    width: 900px;
  }
}

@media (max-width: 881px) {
  .modal-previewPdf .ant-modal-body .col-tbl-accounting-products {
    overflow: auto hidden;
    width: 900px;
  }

  .modal-previewPdf .ant-modal-body .col-tbl-accounting-products .tbl-accounting-products-1_wrapper1 {
    width: 900px;
  }

  .modal-previewPdf .ant-modal-body .col-tbl-accounting-products #tbl-accounting-products-1 {
    width: 900px;
  }

  .modal-previewPdf .ant-modal-body .col-tbl-accounting-products .table-transaction {
    width: 900px;
  }
}

@media (max-width: 575px) {
  .modal-previewPdf .ant-modal-footer .ant-btn {
    width: 100%;
  }
}

.primary-text {
  color: var(--yellow);
}

.font-15px {
  font-size: 15px !important;
}

.m-t-md {
  margin-top: 20px !important;
}

.m-t-xl {
  margin-top: 40px !important;
}

.tbl-accounting-payment-scroll {
  top: 60px !important;
}

.checkbox-group-row {
  display: flex;
  flex-direction: column;
}

.flex-search-wrapper-accounting {
  min-height: 45px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 5px;
}

.flex-search-wrapper-accounting .table-global-search.animated {
  width: 14px !important;
  margin-right: 16px;
}

.flex-search-wrapper-accounting .table-global-search.show {
  width: 200px !important;
}

.flex-search-wrapper-accounting .flex-results-wrapper {
  flex-wrap: wrap;
  gap: 10px 5px !important;
}

.flex-search-wrapper-left {
  min-height: 45px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 5px;
}

.flex-search-wrapper-left .table-global-search.animated {
  width: 14px !important;
  margin-right: 16px;
}

@media (max-width: 425px) {
  .flex-search-wrapper-left .table-global-search.animated {
    margin-right: 0px !important;
  }
}

.flex-search-wrapper-left .table-global-search.show {
  width: 200px !important;
}

@media (max-width: 448px) {
  .flex-search-wrapper-left .table-global-search.show {
    width: 100% !important;
  }
}

.flex-search-wrapper-left .flex-results-wrapper {
  flex-wrap: wrap !important;
  gap: 10px 5px !important;
}

@media (max-width: 991px) {
  .flex-search-wrapper-right {
    justify-content: flex-end !important;
    align-items: flex-start !important;
  }
}

.flex-filter {
  gap: 10px;
}

@media (max-width: 1090px) {
  .flex-filter {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}

.report_employee_sales_table_employee_select .ant-select-clear {
  width: 15px;
  height: 15px;
}

.report_employee_sales_table_employee_select .ant-select-arrow {
  right: 13px;
}

@media (max-width: 575px) {
  .report_employee_sales_table {
    margin-bottom: 10px;
  }
}

.report_employee_sales_table .flex-filter {
  gap: 0px 10px;
}

.report_employee_sales_table .flex-filter .ant-select {
  width: 230px !important;
}

@media (max-width: 575px) {
  .report_employee_sales_table .flex-filter .ant-select {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .report_employee_sales_table .flex-filter .btn-clear-wrapper .ant-btn {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 575px) {
  .report_sales_table {
    margin-bottom: 10px;
  }
}

.report_sales_table .flex-filter {
  gap: 0px 10px;
}

@media (max-width: 575px) {
  .report_sales_table .flex-filter .ant-form-item {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .report_sales_table .flex-filter .ant-picker {
    width: 100% !important;
  }
}

.report_sales_table .flex-filter .ant-select {
  width: 230px !important;
}

@media (max-width: 575px) {
  .report_sales_table .flex-filter .ant-select {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .report_sales_table .flex-filter .btn-clear-wrapper .ant-btn {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 575px) {
  .report_tax_table {
    margin-bottom: 10px;
  }
}

.report_tax_table .flex-filter {
  gap: 0px 10px;
}

@media (max-width: 575px) {
  .report_tax_table .flex-filter .ant-form-item {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .report_tax_table .flex-filter .ant-picker {
    width: 100% !important;
  }
}

.report_tax_table .flex-filter .ant-select {
  width: 230px !important;
}

@media (max-width: 575px) {
  .report_tax_table .flex-filter .ant-select {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .report_tax_table .flex-filter .btn-clear-wrapper .ant-btn {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.result-global-wrapper {
  display: flex;
  justify-content: flex-end;
}

.select-employee,
.select-project {
  border: 1px solid #d9d9d9 !important;
}

@media (max-width: 575px) {
  .select-employee,
  .select-project {
    width: 100% !important;
  }
}

.mbl-top .table-pagination {
  display: flex;
  justify-content: center;
}

@media (max-width: 575px) {
  .ticket-input {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto !important;
  }

  .ticket-input .ant-space-item {
    width: 100% !important;
  }
}

.ticket-input .ant-input {
  width: 165px;
}

@media (max-width: 575px) {
  .ticket-input .ant-input {
    width: 100% !important;
  }
}

.ticket-input .save-button {
  padding: 4px 12px !important;
}

@media (max-width: 575px) {
  .ticket-input .save-button {
    width: 100% !important;
  }
}

.ticket-input .clear-button {
  width: 85px !important;
}

@media (max-width: 575px) {
  .ticket-input .clear-button {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .ticket-input .generate-button {
    width: 100% !important;
  }
}

.ticket-input .ticket-prefix-output {
  width: 165px !important;
}

@media (max-width: 575px) {
  .ticket-input .ticket-prefix-output {
    width: 100% !important;
  }
}

.currency-select .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 45px !important;
}

@media (max-width: 575px) {
  .flex-dd-btn {
    display: flex !important;
    flex-direction: column !important;
  }

  .flex-dd-btn .w-xxs-50--5 {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .space-between-mbl {
    display: flex;
    flex-direction: column;
  }

  .space-between-mbl .ant-space-item {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .btn-mbl {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .btn-mbl .btn2 {
    margin-left: 0px !important;
  }
}

@media (max-width: 575px) {
  .float-mbl {
    margin-bottom: 14px !important;
  }
}

@media (max-width: 425px) {
  .float-mbl2 {
    margin-bottom: 0px !important;
  }
}

.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg {
  color: var(--yellow) !important;
}

@media (max-width: 425px) {
  .switch-availability {
    width: 75px !important;
  }
}

@media (max-width: 575px) {
  .mbl-mt-5 {
    margin-top: 5px !important;
  }
}

.cards-mobile-11111 .ant-card-head-wrapper .ant-card-head-title {
  padding: 11px 0 !important;
}

#PageAccountSetupClientForm > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 10px;
}

@media (max-width: 575px) {
  #PageAccountSetupClientForm .with-btn-mv {
    display: flex;
    flex-direction: column;
  }

  #PageAccountSetupClientForm .with-btn-mv .ant-space-item:first-child {
    width: 100%;
    display: flex;
    justify-items: flex-start;
  }

  #PageAccountSetupClientForm .with-btn-mv .ant-space-item:last-child {
    width: 100%;
  }

  #PageAccountSetupClientForm .with-btn-mv .ant-space-item:last-child .ant-btn {
    width: 100%;
  }
}

#PageAccountSetupClientForm .logo-container {
  max-width: 100% !important;
}

#PageAccountSetupClientForm .logo-container .upload-img-logo {
  max-width: 100% !important;
}

#PageAccountSetupClientForm .ant-card-head {
  min-height: auto;
}

#PageAccountSetupClientForm .ant-card-head .ant-card-head-title {
  padding: 9px 0;
}

#PageAccountSetupClientForm .card-contact-details .ant-collapse-content .ant-collapse-content-box {
  padding: 24px 24px 0px !important;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours {
  width: 100%;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:first-child {
  width: 65%;
}

@media (max-width: 1440px) {
  #PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:first-child {
    width: 60%;
  }
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) {
  width: 35%;
}

@media (max-width: 1440px) {
  #PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) {
    width: 40%;
  }
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) .ant-input-number-input-wrap .ant-input-number-input {
  height: 47px;
  border-radius: 5px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) .ant-input-number-handler-wrap {
  display: none;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) .ant-input-number:focus,
#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) .ant-input-number-focused {
  box-shadow: unset;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) .ant-input-number {
  border-radius: 5px;
  border: 1px solid #cccccc;
  width: 100%;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) .project_hour_timelines_hours {
  border-radius: 5px;
  border: 1px solid #cccccc;
  width: 100%;
  height: 47px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(3) {
  display: flex;
  align-items: center;
  width: 20px;
  height: 50px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item:nth-child(3) .ant-btn {
  width: auto;
  height: auto;
}

@media (max-width: 426px) {
  #PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours {
    flex-direction: column !important;
  }

  #PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-space.space-project-estimated-hours .ant-space-item {
    width: 100% !important;
  }
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse.card-contact-details .ant-card-head {
  padding: 0 20px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse.card-contact-details .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  display: flex;
  justify-content: space-between;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse.card-contact-details .ant-card-head .ant-card-head-wrapper .ant-card-head-title .ant-btn {
  width: auto;
  height: auto;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-retainer-hours .ant-collapse-header {
  padding: 9px 20px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-retainer-hours .ant-collapse-header .ant-collapse-header-text {
  font-size: 16px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-retainer-hours .ant-collapse-header .ant-collapse-expand-icon {
  color: white;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-retainer-hours .ant-collapse-content-box {
  padding: 24px 24px 15px 24px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-retainer-hours .btn-main-primary2:hover svg {
  color: black;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-retainer-hours .btn-main-primary2 svg {
  font-size: 14px;
  color: var(--yellow);
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-project-hours .ant-collapse-header {
  padding: 9px 20px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-project-hours .ant-collapse-header .title {
  font-size: 16px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-project-hours .ant-collapse-content-box {
  padding: 24px 24px 15px 24px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-project-hours .ant-collapse-content-box .card-project-hours-est-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-project-hours .ant-collapse-content-box .card-project-hours-est-total > div:last-child {
  width: auto;
  background-color: #ececec;
  color: #f6170d;
  font-weight: 700;
  padding: 5px 10px;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-project-hours .btn-main-primary2:hover svg {
  color: black;
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse .card-project-hours .btn-main-primary2 svg {
  font-size: 14px;
  color: var(--yellow);
}

#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse.card-retainer-hours .ant-card-head .ant-btn-icon-only,
#PageAccountSetupClientForm .ant-layout .ant-layout-content .content-wrapper .ant-collapse.card-project-hours .ant-card-head .ant-btn-icon-only {
  padding: 0;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 24px 24px 0px 24px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-head {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--yellow);
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  padding: 0px;
  color: #fff;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .dragger-upload-attachment .ant-upload-drag-icon {
  margin-bottom: 15px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .dragger-upload-attachment .ant-upload-drag-icon .anticon svg {
  font-size: 55px;
  color: #40a9fc;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .dragger-upload-attachment .ant-upload-text {
  color: #000;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-head {
  padding-left: 15px;
  padding-right: 15px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body {
  padding: 15px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded {
  border-radius: 5px !important;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 150px;
  overflow: hidden;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .react-player-video-wrapper {
  height: 150px !important;
  width: auto !important;
  display: flex;
  align-items: center;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .react-player-video-wrapper video {
  max-width: 100%;
  height: auto;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .ant-image {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .ant-image .ant-image-img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-cover .ant-image .ant-image-mask {
  height: 150px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded.video .ant-card-cover {
  height: 150px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-body {
  padding: 15px 10px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  margin-bottom: 0px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-description {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-actions {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-actions li {
  color: var(--yellow);
}

#PageAccountSetupClientForm .collapse-description-comment .ant-card.card-ticket-attachment .ant-card-body .card-uploaded-wrapper .card-file-uploaded .ant-card-actions li span:hover {
  color: var(--yellow);
}

#PageAccountSetupClientForm .collapse-description-comment .attachment-uploaded-item-mask {
  position: absolute;
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#PageAccountSetupClientForm .collapse-description-comment .attachment-uploaded-item-mask .mask-preview {
  position: absolute;
  display: none;
}

#PageAccountSetupClientForm .collapse-description-comment .attachment-uploaded-item-mask:hover {
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}

#PageAccountSetupClientForm .collapse-description-comment .attachment-uploaded-item-mask:hover .mask-preview {
  display: block;
  color: #fff;
  font-size: 14px;
}

#PageAccountSetupClientForm .collapse-description-comment .attachment-uploaded-item-mask:hover .mask-preview svg {
  height: 14px;
  width: 14px;
}

#PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 15px;
}

#PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .btn-group {
  display: flex;
  justify-content: space-between;
  gap: 10px 10px;
}

@media (max-width: 575px) {
  #PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .btn-group {
    flex-direction: column;
  }
}

#PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .btn-group .ant-btn {
  width: auto;
  height: auto;
  padding: 0px;
}

#PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .btn-group .ant-btn svg {
  margin-right: 5px;
}

#PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .remaining_hours__wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

#PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .remaining_hours__wrapper.add_hours {
  color: #757374;
}

#PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .no_expiration__wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 25px;
}

@media (max-width: 575px) {
  #PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .no_expiration__wrapper {
    margin-top: 10px;
  }
}

#PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .expiry_date__wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

#PageAccountSetupClientForm .collapse-retainer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .expiry_date__wrapper .ant-form-item {
  margin-bottom: 0px;
  width: 100%;
}

#PageAccountSetupClientForm .company-details-card-logo .ant-card-body .logo-upload {
  width: 200px;
  height: 75px;
  border: 1px dashed gray;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageAccountSetupClientForm .company-details-card-logo .ant-card-body .logo-upload .upload-btn {
  border: 0px;
}

#PageAccountSetupClientForm .company-details-card-logo .ant-card-body .logo-upload.logo-upload-vertical {
  width: 125px;
  height: 75px;
}

.switch-form .ant-form-item-row .ant-form-item-label {
  padding: 0;
}

.switch-form-reverse .ant-form-item-row {
  display: flex;
  flex-direction: row-reverse;
}

.switch-form-reverse .ant-form-item-row .ant-form-item-label {
  margin-left: 8px;
}

.switch-form-reverse .ant-form-item-row .ant-form-item-label .ant-form-item-no-colon {
  font-size: 16px !important;
}

.mobile-view,
.show-mobile {
  display: none;
}

.desktop-view,
.hide-mobile {
  display: block;
}

@media (max-width: 1199px) {
  .mobile-view,
  .show-mobile {
    display: block;
  }

  .desktop-view,
  .hide-mobile {
    display: none;
  }
}

#PageAccountSetupClient > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 10px;
}

#PageAccountSetupClient .btn-top-actions,
#PageAccountSetupNewEmployee .btn-top-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 575px) {
  #PageAccountSetupClient .btn-top-actions,
  #PageAccountSetupNewEmployee .btn-top-actions {
    flex-direction: column;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupClient .btn-top-actions .ant-btn,
  #PageAccountSetupNewEmployee .btn-top-actions .ant-btn {
    height: 40px !important;
  }
}

#PageAccountSetupClient .btn-top-actions .status-btn,
#PageAccountSetupNewEmployee .btn-top-actions .status-btn {
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 575px) {
  #PageAccountSetupClient .btn-top-actions .status-btn button,
  #PageAccountSetupNewEmployee .btn-top-actions .status-btn button {
    display: block;
  }
}

#PageAccountSetupClient .account-setup-filter-mobile .table-pagination,
#PageAccountSetupNewEmployee .account-setup-filter-mobile .table-pagination {
  justify-content: center;
}

@media (min-width: 576px) {
  #PageAccountSetupClient .account-setup-filter-mobile .table-pagination,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .table-pagination {
    justify-content: flex-end;
  }
}

#PageAccountSetupClient .account-setup-filter-mobile .table-pagination .ant-pagination-next,
#PageAccountSetupNewEmployee .account-setup-filter-mobile .table-pagination .ant-pagination-next {
  margin-right: -10px;
}

@media (max-width: 575px) {
  #PageAccountSetupClient .account-setup-filter-mobile .table-pagination .ant-pagination-next,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .table-pagination .ant-pagination-next {
    margin-right: 0px !important;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupClient .account-setup-filter-mobile .display-center,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .display-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }

  #PageAccountSetupClient .account-setup-filter-mobile .display-center .table-pagination,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .display-center .table-pagination {
    display: flex;
    justify-content: center;
    margin-right: 0px !important;
  }

  #PageAccountSetupClient .account-setup-filter-mobile .display-center .table-pagination .ant-pagination-total-text,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .display-center .table-pagination .ant-pagination-total-text {
    margin-right: 0px !important;
  }
}

#PageAccountSetupClient .account-setup-filter-mobile .ant-row-center .display-center,
#PageAccountSetupNewEmployee .account-setup-filter-mobile .ant-row-center .display-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

#PageAccountSetupClient .account-setup-filter-mobile .ant-row-center .display-center .table-pagination,
#PageAccountSetupNewEmployee .account-setup-filter-mobile .ant-row-center .display-center .table-pagination {
  display: flex;
  justify-content: center;
  margin-right: 0px !important;
}

#PageAccountSetupClient .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-total-text,
#PageAccountSetupNewEmployee .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-total-text {
  margin-right: 0px !important;
}

#PageAccountSetupClient .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-next,
#PageAccountSetupNewEmployee .account-setup-filter-mobile .ant-row-center .display-center .table-pagination .ant-pagination-next {
  margin-right: 0px !important;
}

#PageAccountSetupClient .account-setup-filter-mobile .ant-row-center .ant-select-table-pagesize,
#PageAccountSetupNewEmployee .account-setup-filter-mobile .ant-row-center .ant-select-table-pagesize {
  margin-top: -4px !important;
}

#PageAccountSetupClient .account-setup-filter-mobile .tbl-page-size,
#PageAccountSetupNewEmployee .account-setup-filter-mobile .tbl-page-size {
  justify-content: flex-start;
}

@media (min-width: 576px) {
  #PageAccountSetupClient .account-setup-filter-mobile .tbl-page-size,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .tbl-page-size {
    justify-content: flex-end;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupClient .account-setup-filter-mobile .tbl-page-size,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .tbl-page-size {
    width: 100%;
  }

  #PageAccountSetupClient .account-setup-filter-mobile .tbl-page-size .ant-select .ant-select-selector,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .tbl-page-size .ant-select .ant-select-selector {
    height: 40px;
    padding-left: 0;
  }

  #PageAccountSetupClient .account-setup-filter-mobile .tbl-page-size .ant-select-selection-item,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .tbl-page-size .ant-select-selection-item {
    line-height: 38px;
  }
}

#PageAccountSetupClient .account-setup-filter-mobile .table-global-search.animated,
#PageAccountSetupNewEmployee .account-setup-filter-mobile .table-global-search.animated {
  width: 100%;
}

@media (min-width: 425px) {
  #PageAccountSetupClient .account-setup-filter-mobile .table-global-search.animated,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .table-global-search.animated {
    width: 200px;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupClient .account-setup-filter-mobile .table-global-search .ant-input-affix-wrapper,
  #PageAccountSetupNewEmployee .account-setup-filter-mobile .table-global-search .ant-input-affix-wrapper {
    padding: 4px 0px;
    height: 40px;
  }
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-details .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table .ant-table-tbody .ant-btn-link:disabled,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-details .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table .ant-table-tbody .ant-btn-link:disabled {
  background: transparent !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-details .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table .ant-table-tbody .text-fullname.disabled,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-details .ant-collapse-content .ant-collapse-content-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table .ant-table-tbody .text-fullname.disabled {
  color: inherit !important;
  cursor: not-allowed;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 575px) {
  #PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper,
  #PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper {
    flex-direction: column;
    gap: 5px;
  }

  #PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper .select-wrapper,
  #PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper .select-wrapper {
    width: 100% !important;
  }

  #PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .start-date-wrapper .ant-picker,
  #PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .end-date-wrapper .ant-picker,
  #PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .start-date-wrapper .ant-picker,
  #PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .end-date-wrapper .ant-picker {
    width: 100% !important;
  }

  #PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .request-type-wrapper,
  #PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .request-type-wrapper {
    width: 100% !important;
  }

  #PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .btn-clear-filter-all,
  #PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .btn-clear-filter-all {
    padding-left: 0px;
  }
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper .label,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper .label {
  display: flex;
  align-items: center;
  height: 32px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper .select-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper .select-wrapper {
  width: 200px;
  display: flex;
  align-items: center;
  height: 32px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper .select-wrapper .ant-select,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .employees-wrapper .select-wrapper .ant-select {
  width: 100%;
  border: 1px solid #d9d9d9;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .start-date-wrapper .ant-picker,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .end-date-wrapper .ant-picker,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .start-date-wrapper .ant-picker,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .end-date-wrapper .ant-picker {
  height: 34px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .request-type-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .request-type-wrapper {
  width: 150px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .request-type-wrapper .ant-select,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .request-type-wrapper .ant-select {
  width: 100%;
  border: 1px solid #d9d9d9;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .clear-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .filter-wrapper .clear-wrapper {
  display: flex;
  align-items: center;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper {
  position: relative;
  border: 1px solid #ccc;
  clear: both;
  max-width: 100%;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom {
  position: relative;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder {
  position: sticky;
  top: 0;
  z-index: 3;
  overflow: auto hidden;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
  padding: 0px 15px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head {
  background-color: transparent;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column {
  padding: 14px 14px;
  text-align: left;
  font-weight: 900;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.action,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.action {
  text-align: center;
  width: 110px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date {
  width: 130px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date .sorters .title,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date .sorters .title {
  font-weight: 900;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.week,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.week {
  width: 70px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.day,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.day {
  width: 100px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks,
  #PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.toggle-collapse,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.toggle-collapse {
  width: 0px;
  padding: 14px 8px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter {
  display: flex;
  flex-direction: column;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up {
  display: flex;
  align-items: flex-end;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up.active svg,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up.active svg {
  color: #000;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up svg,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up svg {
  margin-top: 2px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down {
  display: flex;
  align-items: flex-start;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down.active svg,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down.active svg {
  color: #000;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down svg,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down svg {
  margin-top: -8px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .title,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .title {
  font-weight: 500;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body {
  padding: 15px 15px;
  overflow: auto hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container {
  table-layout: fixed;
  width: 100%;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead {
  background-color: #fafafa;
  border: 1px solid #ccc;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column {
  padding: 9px 14px;
  color: #b9bbba;
  text-align: left;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
  width: 112px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action > div,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action > div {
  display: flex;
  align-items: center;
  margin-left: 30px;
  gap: 28px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .btn-status.paid svg,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .btn-status.paid svg {
  color: #0d7211;
  margin-left: 20px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid var(--yellow);
  background-color: #ffffff;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  left: 16%;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
  border-color: #0d7211;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-btn,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date {
  width: 130px;
  text-align: left;
  cursor: pointer;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .from,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .from {
  margin-right: 3px;
  margin-left: 0px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.week,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.week {
  width: 70px;
  cursor: pointer;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day {
  width: 100px;
  cursor: pointer;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day .from,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day .from {
  margin-right: 3px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.hours,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.hours {
  width: 70px;
  cursor: pointer;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
  width: 500px;
  cursor: pointer;
}

@media (max-width: 575px) {
  #PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks,
  #PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse {
  width: 50px;
  cursor: pointer;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container {
  position: relative;
  height: 30px;
  cursor: pointer;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  position: absolute;
  top: 60%;
  right: 0;
  width: 28px;
  color: #b9bbba;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  position: absolute;
  top: -2px;
  width: 12px;
  height: 2px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before {
  left: 3px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::before,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::before {
  transform: rotate(45deg) translateX(2.5px);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::after,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::after {
  transform: rotate(-45deg) translateX(-2.5px);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::before,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::before {
  transform: rotate(-45deg) translateX(2.5px);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::after,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::after {
  transform: rotate(45deg) translateX(-2.5px);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead {
  background-color: var(--yellow);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column {
  color: #ffffff;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner::after,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner::after {
  border-color: #0d7211;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-btn,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: #ffffff;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  color: #ffffff;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  background-color: currentcolor;
  top: -5px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper {
  height: 100%;
  transition: height 0.3s ease;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper.has-toggle-collapse,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper.has-toggle-collapse {
  height: 0px;
  overflow: hidden;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container {
  table-layout: fixed;
  width: 100%;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody {
  border: 1px solid #ccc;
  border-top: none;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row:nth-child(even),
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row:nth-child(even) {
  background-color: #fafafa;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column {
  text-align: left;
  padding: 14px 14px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
  width: 112px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action > div,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action > div {
  display: flex;
  align-items: center;
  margin-left: 30px;
  gap: 16px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .btn-edit-hours-task:disabled,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .btn-edit-hours-task:disabled {
  background: transparent !important;
  border: 0px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date {
  width: 130px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.week,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.week {
  width: 70px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.day,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.day {
  width: 100px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.hours,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.hours {
  width: 70px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks,
  #PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
    width: 250px;
  }
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .number,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .number {
  font-size: 16px;
  color: var(--yellow);
  width: 20px;
  text-align: center;
  margin-top: -1px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .content,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .content {
  width: auto;
  max-width: calc(100% - 20px);
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.top,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.top {
  align-items: baseline;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.center,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.center {
  align-items: center;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.toggle-collapse,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.toggle-collapse {
  width: 0px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.select,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.select {
  width: 70px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.year,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.year {
  width: 70px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employees,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employees {
  width: 180px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_from,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_to,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_from,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_to {
  width: 120px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.created_at,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.created_at {
  width: 110px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.request_type,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.request_type {
  width: 125px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.status,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.status {
  width: 150px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.days,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.days {
  width: 70px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.reason,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.reason {
  width: 120px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employee_notes,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.manager_notes,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employee_notes,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.manager_notes {
  width: 180px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.pto_balance,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.npto_balance,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.pto_balance,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.npto_balance {
  width: 150px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.approved_by,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.approved_by {
  width: 110px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting {
  cursor: pointer;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper {
  display: flex;
  gap: 5px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .title,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .title {
  font-weight: 900;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting {
  width: 10px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 900;
  position: relative;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner .anticon,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner .anticon {
  line-height: normal;
  position: absolute;
  color: #c1c1c1;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner .anticon.anticon-caret-up,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner .anticon.anticon-caret-up {
  top: 0px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner .anticon.anticon-caret-down,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.has-sorting .sorting-wrapper .sorting .sorting-inner .anticon.anticon-caret-down {
  top: 7px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content {
  width: 1978px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container {
  width: 1978px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th {
  cursor: pointer;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select {
  width: 70px;
  display: flex;
  justify-content: center;
  height: 48px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select .checkbox-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select .checkbox-wrapper {
  display: flex;
  align-items: center;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.year,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.year {
  padding-left: 82px;
  width: 100%;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.toggle-collapse .toggle-collapse-container .toggle-collapse-icon,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  width: 16px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper {
  width: 1900px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container {
  width: 1900px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column {
  width: auto !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select {
  width: 70px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select .checkbox-wrapper,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select .checkbox-wrapper {
  display: flex;
  justify-content: center;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action {
  width: 70px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action > div,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action > div {
  margin-left: 0px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employees,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employees {
  width: 180px !important;
  padding-left: 30px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_from,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_to,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_from,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_to {
  width: 120px !important;
  padding-left: 30px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.created_at,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.created_at {
  width: 110px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.request_type,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.request_type {
  width: 125px !important;
  padding-left: 30px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status {
  width: 150px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select {
  width: 100%;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select .ant-select-selector,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select .ant-select-selector {
  padding: 0px;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-selector .ant-select-selection-item,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-selector .ant-select-selection-item {
  color: #f1a243;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-arrow .anticon svg,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-arrow .anticon svg {
  color: #f1a243;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-selector .ant-select-selection-item,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-selector .ant-select-selection-item {
  color: #1752a2;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-arrow .anticon svg,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-arrow .anticon svg {
  color: #1752a2;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-selector .ant-select-selection-item,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-selector .ant-select-selection-item {
  color: #cb474f;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-arrow .anticon svg,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-arrow .anticon svg {
  color: #cb474f;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .pending,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .pending {
  color: #f1a243;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .approved,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .approved {
  color: #1752a2;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .denied,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .denied {
  color: #cb474f;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .balance,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .balance {
  color: #2f7e56;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.day,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.day {
  width: 70px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.hours,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.hours {
  width: 70px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.reason,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.reason {
  width: 120px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employee_notes,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.manager_notes,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employee_notes,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.manager_notes {
  width: 180px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance {
  width: 150px !important;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance .balance,
#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance .balance,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance .balance,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance .balance {
  color: #2f7e56;
}

#PageAccountSetupClient .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.approved_by,
#PageAccountSetupNewEmployee .ant-collapse .ant-collapse-item.collapse-employee-request-time-off .ant-collapse-content .ant-collapse-content-box .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.approved_by {
  width: 110px !important;
}

#PageAccountSetupClient .btn-add-new-employee,
#PageAccountSetupNewEmployee .btn-add-new-employee {
  font-size: 15px;
}

.checkbox-wrapper-custom-checkbox:hover .ant-checkbox {
  padding: 1px;
}

.checkbox-wrapper-custom-checkbox .ant-checkbox-indeterminate .ant-checkbox-inner:after {
  background-color: var(--yellow);
}

.checkbox-wrapper-custom-checkbox .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #fff;
}

.checkbox-wrapper-custom-checkbox .ant-checkbox-input:hover + .ant-checkbox-inner {
  border-color: #fff;
}

.checkbox-wrapper-custom-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  border-color: #fff !important;
}

.checkbox-wrapper-custom-checkbox .ant-checkbox-checked:hover .ant-checkbox-inner {
  border-color: #fff !important;
}

.checkbox-wrapper-custom-checkbox-tdata .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: var(--yellow);
}

.checkbox-wrapper-custom-checkbox-tdata .ant-checkbox-checked .ant-checkbox-inner {
  border-color: var(--yellow) !important;
}

.checkbox-wrapper-custom-checkbox-tdata .ant-checkbox-checked:hover .ant-checkbox-inner {
  border-color: var(--yellow) !important;
}

#PageAccountSetupClient .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after,
#PageAccountSetupClient .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
  left: 21.5% !important;
}

#PageAccountSetupClient .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 21.5% !important;
}

@media (max-width: 575px) {
  #PageAccountSetupClient .account-setup-filter-mobile .tbl-page-size {
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupClient .account-setup-filter-mobile .display-center .table-pagination {
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupClient .table-entries-table-pagination-wrapper .table-showing-entries {
    justify-content: center;
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupClient .ant-layout .ant-layout-content .content-wrapper .account-setup-filter-mobile .btn-top-actions .ant-space .ant-space-item .table-global-search.animated {
    width: 100% !important;
  }
}

.ant-modal-root .ant-modal-wrap .ant-modal.company-members-modal .ant-modal-content .ant-modal-footer {
  border-top: none;
  padding: 0 20px 20px 20px;
}

#PageAccountSetupNewEmployeeForm > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 10px;
}

#PageAccountSetupNewEmployeeForm .ant-card-head {
  min-height: auto;
}

#PageAccountSetupNewEmployeeForm .ant-card-head .ant-card-head-title {
  padding: 9px 0;
}

#PageAccountSetupNewEmployeeForm .time_off_repeats_and_end_date {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start !important;
}

#PageAccountSetupNewEmployeeForm .time_off_repeats_and_end_date .ant-space-item:first-child {
  width: 48%;
}

#PageAccountSetupNewEmployeeForm .time_off_repeats_and_end_date .ant-space-item:nth-child(2) {
  width: 4%;
  height: 45px;
}

#PageAccountSetupNewEmployeeForm .time_off_repeats_and_end_date .ant-space-item:nth-child(2) div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
}

#PageAccountSetupNewEmployeeForm .time_off_repeats_and_end_date .ant-space-item:nth-child(3) {
  width: 48%;
}

#PageAccountSetupNewEmployeeForm .btn-delete {
  color: #c80202;
}

@media (max-width: 767px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .page-size-wrapper.top {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .page-size-wrapper.top .ant-btn {
  display: none;
}

@media (max-width: 767px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .page-size-wrapper.top .ant-btn {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .page-size-wrapper.top .tbl-page-size {
    display: none;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter {
  width: 100%;
  justify-content: flex-start;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .ant-btn[name=btn_add_new_week] {
  padding: 0px !important;
  margin: 0px !important;
  height: auto !important;
  line-height: normal !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper {
  width: 100%;
  justify-content: space-between;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
    justify-content: flex-end;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper {
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .ant-btn {
    display: none;
  }
}

@media (max-width: 575px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .ant-btn {
    width: auto !important;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size {
  display: none;
}

@media (max-width: 575px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size {
    display: flex;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .tbl-top-filter .table-pagination-wrapper.table-entries-table-pagination-wrapper .add-button-wrapper .tbl-page-size .ant-select .ant-select-selector {
    padding-left: 0px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .year-wrapper {
  width: 185px;
  display: flex;
  gap: 5px;
}

@media (max-width: 575px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .year-wrapper {
    width: 100%;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .year-wrapper .ant-btn {
  width: 92.5px;
}

@media (max-width: 575px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .year-wrapper .ant-btn {
    width: 50%;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .ant-btn.ant-btn-lg {
  height: 40px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper {
  position: relative;
  border: 1px solid #ccc;
  clear: both;
  max-width: 100%;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom {
  position: relative;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder {
  position: sticky;
  top: 0;
  z-index: 3;
  overflow: auto hidden;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-track,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper {
  padding: 0px 15px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head {
  background-color: transparent;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column {
  padding: 14px 14px;
  text-align: left;
  font-weight: 900;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.action {
  text-align: center;
  width: 110px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employees {
  width: 150px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date {
  width: 130px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date .sorters .title {
  font-weight: 900;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.week {
  width: 70px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.day {
  width: 100px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.toggle-collapse {
  width: 50px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter {
  display: flex;
  flex-direction: column;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up {
  display: flex;
  align-items: flex-end;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up.active svg {
  color: #000;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-up svg {
  margin-top: 2px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down {
  display: flex;
  align-items: flex-start;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down.active svg {
  color: #000;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .sorter .sort-down svg {
  margin-top: -8px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column .sorters .title {
  font-weight: 500;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body {
  overflow-x: auto;
  padding: 15px 15px;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-track,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .loading-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container {
  table-layout: fixed;
  width: 100%;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead {
  background-color: #fafafa;
  border: 1px solid #ccc;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column {
  padding: 2px 14px;
  color: #b9bbba;
  text-align: left;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
  width: 112px;
  padding-left: 17px;
  padding-right: 20px;
}

@media (max-width: 1800px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .btn-status.paid svg {
  color: #0d7211;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid var(--yellow);
  background-color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
  left: 16%;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--yellow);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
  border-color: #0d7211;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 70px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn {
  padding: 0px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.action .paid-unpaid-wrapper .ant-btn svg {
  margin: 0px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date {
  width: 130px;
  text-align: left;
  padding-left: 31px !important;
  cursor: pointer;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.date .from {
  margin-right: 3px;
  margin-left: 0px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.week {
  width: 70px;
  cursor: pointer;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day {
  width: 100px;
  cursor: pointer;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.day .from {
  margin-right: 3px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.hours {
  width: 70px;
  cursor: pointer;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
  width: 500px;
  cursor: pointer;
}

@media (max-width: 575px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.subtasks {
    width: 250px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse {
  width: 50px;
  cursor: pointer;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container {
  position: relative;
  height: 30px;
  cursor: pointer;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  position: absolute;
  top: 60%;
  right: 0;
  width: 28px;
  color: #b9bbba;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  position: absolute;
  top: -2px;
  width: 12px;
  height: 2px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before {
  left: 3px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::before {
  transform: rotate(45deg) translateX(2.5px);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-down::after {
  transform: rotate(-45deg) translateX(-2.5px);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::before {
  transform: rotate(-45deg) translateX(2.5px);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon.toggle-up::after {
  transform: rotate(45deg) translateX(-2.5px);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead {
  background-color: var(--yellow);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column {
  color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #0d7211;
  background-color: #0d7211;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid .ant-checkbox .ant-checkbox-inner::after {
  border-color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner {
  background-color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-checkbox-wrapper.paid:not(.ant-checkbox-checked) .ant-checkbox-inner::after {
  border-color: #0d7211;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.action .ant-btn {
  background-color: transparent;
  color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::before,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body table.table-custom-body-head-container.active:not(.completed) thead.table-custom-body-thead tr th.column.toggle-collapse .toggle-collapse-container .toggle-collapse-icon::after {
  background-color: currentcolor;
  top: -5px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper {
  height: 100%;
  transition: height 0.3s ease;
  width: 100%;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper.has-toggle-collapse {
  height: 0px;
  overflow: hidden;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container {
  table-layout: fixed;
  width: 100%;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody {
  border: 1px solid #ccc;
  border-top: none;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row:nth-child(even) {
  background-color: #fafafa;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column {
  text-align: left;
  padding: 14px 14px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
  width: 112px;
  padding-left: 17px;
  padding-right: 20px;
}

@media (max-width: 1800px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 35px;
    padding-right: 15px;
  }
}

@media (max-width: 1700px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 1600px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 25px;
    padding-right: 5px;
  }
}

@media (max-width: 1500px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action {
    padding-left: 20px;
    padding-right: 0px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  border: 2px solid #ffffff;
  background-color: var(--yellow);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .ant-btn {
  background-color: transparent;
  color: var(--yellow);
  width: auto;
  height: auto;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.action .rounding-hours-wrapper .total_amount-wrapper {
  width: 70px;
  display: flex;
  justify-content: center;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.employees {
  width: 150px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.date {
  width: 130px;
  padding-left: 31px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.week {
  width: 70px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.day {
  width: 100px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.hours {
  width: 70px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
  width: 500px;
}

@media (max-width: 575px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks {
    width: 250px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .number {
  font-size: 16px;
  color: var(--yellow);
  width: 20px;
  text-align: center;
  margin-top: -1px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container .content {
  width: auto;
  max-width: calc(100% - 20px);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.top {
  align-items: baseline;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.subtasks .container.center {
  align-items: center;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper .table-custom .table-custom-container .table-custom-body .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr.row td.column.toggle-collapse {
  width: 50px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.select {
  width: 70px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.year {
  width: 70px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_from,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.date_to {
  width: 110px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.created_at {
  width: 110px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.request_type {
  width: 115px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.status {
  width: 135px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.days {
  width: 70px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.hours {
  width: 70px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.reason {
  width: 120px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.employee_notes,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.manager_notes {
  width: 180px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.pto_balance,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.npto_balance {
  width: 150px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-head-sticky-holder .table-custom-head-wrapper table.table-custom-head thead.table-custom-thead tr th.column.approved_by {
  width: 115px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content {
  width: 1680px !important;
}

@-moz-document url-prefix()  {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content {
    width: 1695px !important;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container {
  width: 1880px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th {
  cursor: pointer;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select {
  width: 70px;
  display: flex;
  justify-content: center;
  height: 48px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.select .checkbox-wrapper {
  display: flex;
  align-items: center;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.year {
  padding-left: 82px;
  width: 100%;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body .table-custom-body-content table.table-custom-body-head-container thead.table-custom-body-thead tr th.toggle-collapse .toggle-collapse-container .toggle-collapse-icon {
  width: 16px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper {
  width: 1900px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container {
  width: 1880px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column {
  width: auto !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select {
  width: 70px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.select .checkbox-wrapper {
  display: flex;
  justify-content: center;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action {
  width: 70px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.action > div {
  margin-left: 0px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_from,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.date_to {
  width: 110px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.created_at {
  width: 110px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.request_type {
  width: 115px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status {
  width: 135px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select {
  width: 100%;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select .ant-select-selector {
  padding: 0px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-selector .ant-select-selection-item {
  color: #f1a243;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.pending .ant-select-arrow .anticon svg {
  color: #f1a243;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-selector .ant-select-selection-item {
  color: #1752a2;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.approved .ant-select-arrow .anticon svg {
  color: #1752a2;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-selector .ant-select-selection-item {
  color: #cb474f;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .ant-select.denied .ant-select-arrow .anticon svg {
  color: #cb474f;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .pending {
  color: #f1a243;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .approved {
  color: #1752a2;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .denied {
  color: #cb474f;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.status .balance {
  color: #2f7e56;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.day {
  width: 70px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.hours {
  width: 70px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.reason {
  width: 120px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.employee_notes,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.manager_notes {
  width: 180px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance {
  width: 150px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.pto_balance .balance,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.npto_balance .balance {
  color: #2f7e56;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column .npto_balance1 {
  width: 150px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column .npto_balance1 .balance {
  color: #2f7e56;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .table-custom-wrapper.table-request-time-off .table-custom .table-custom-container .table-custom-body-body-wrapper table.table-custom-body-body-container tbody.table-custom-body-tbody tr td.column.approved_by {
  width: 115px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card {
  border-color: #e6e6e6;
  box-shadow: 5px 5px 6px 0 #efefef;
  border-radius: 10px !important;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card:hover {
  transform: translateY(-6px);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .title-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .the-card-title {
  min-width: 21px !important;
  font-size: 25px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 425px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .the-card-title {
    font-size: 21px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .card-icon {
  display: block;
  padding: 10px;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

@media (max-width: 425px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .card-icon {
    font-size: 16px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .card-description {
  position: relative;
  top: -3px;
  margin-bottom: -6px;
  line-height: 15px;
}

@media (max-width: 425px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card .card-description {
    font-size: 16px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .the-card-title,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .card-icon {
  color: #c80202;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .card-icon {
  background-color: rgba(128, 0, 32, 0.1);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 32, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .ant-row {
    margin-top: 10px !important;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.issues .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .the-card-title,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .card-icon {
  color: #104b91;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .card-icon {
  background-color: #e8edf4;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .ticket-container:hover .the-card-title {
  color: rgba(16, 75, 145, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .ant-row {
    margin-top: 10px !important;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.new-request .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .the-card-title,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .card-icon {
  color: rgb(9, 121, 0);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .card-icon {
  background-color: #eaf4e6;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .ticket-container:hover .the-card-title {
  color: rgba(9, 121, 0, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .ant-row {
    margin-top: 10px !important;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.questions .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .the-card-title,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .card-icon {
  color: rgb(128, 0, 128);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .card-icon {
  background-color: rgba(128, 0, 128, 0.1);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 128, 0.3);
  transition: all 0.3s ease;
}

@media (max-width: 426px) and (min-width: 320px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ant-row {
    margin-top: 10px !important;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ant-row .ticket-container {
    flex: 1 !important;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ant-row .ticket-container .card-description {
    font-size: 14px !important;
  }

  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.employees .ant-row .ticket-container:nth-child(2) {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-purple-theme .the-card-title,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-purple-theme .card-icon {
  color: #c62fac;
  /* a light purple color */
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-purple-theme .card-icon {
  background-color: #f5d9f8;
  /* a light purple background color */
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-purple-theme .ticket-container:hover .the-card-title {
  color: rgba(198, 47, 172, 0.3);
  /* a light purple color with 30% opacity */
  transition: all 0.3s ease;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-green-theme .the-card-title,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-green-theme .card-icon {
  color: #1fbfba;
  /* a light green color */
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-green-theme .card-icon {
  background-color: #d6f7fc;
  /* a light green background color */
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-green-theme .ticket-container:hover .the-card-title {
  color: rgba(31, 191, 186, 0.3);
  /* a light green color with 30% opacity */
  transition: all 0.3s ease;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-orange-theme .the-card-title,
#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-orange-theme .card-icon {
  color: #fc7e45;
  /* a light orange color */
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-orange-theme .card-icon {
  background-color: #ffe2d7;
  /* a light orange background color */
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-time-off .dashboard-card.light-orange-theme .ticket-container:hover .the-card-title {
  color: rgba(252, 126, 69, 0.3);
  /* a light orange color with 30% opacity */
  transition: all 0.3s ease;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-head {
  background: var(--yellow);
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body {
  padding-bottom: 24px !important;
}

@media (max-width: 425px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body {
    padding-bottom: 12px !important;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon svg {
  color: #41a8ff;
  font-size: 32px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon .title {
  color: #000;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon .description {
  color: #a5a5a5;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card.card-attachments .ant-card-body {
  text-align: center;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card.card-attachments .ant-card-body .ant-upload-drag-icon svg {
  color: #eeeeee;
  font-size: 32px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-employee-docs-image .ant-card.card-attachments .ant-card-body .ant-upload-drag-icon .description {
  color: #eeeeee;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission .ant-switch-handle {
  width: 13px !important;
  height: 13px !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission.ant-switch-checked {
  background-color: #2592ff !important;
  border: 2px solid #2592ff !important;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 14px) !important;
}

@media (max-width: 425px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission.ant-switch-checked .ant-switch-handle {
    top: 4px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission.ant-switch-checked .ant-switch-inner {
  margin: -3px 18px 0 5px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission:not(.ant-switch-checked) {
  background-color: #fff;
  border: 2px solid #5a595c;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission:not(.ant-switch-checked) .ant-switch-handle {
  left: 2px;
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission:not(.ant-switch-checked) .ant-switch-handle::before {
  background-color: #5a595c;
}

@media (max-width: 425px) {
  #PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission:not(.ant-switch-checked) .ant-switch-handle {
    top: 4px;
  }
}

#PageAccountSetupNewEmployeeForm .ant-tabs .ant-tabs-content .tab-user-permission .switch-permission:not(.ant-switch-checked) .ant-switch-inner {
  margin: -3px 8px 0px 20px;
  color: #5a595c;
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .card-h-full {
  height: 100%;
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .card-h-full .ant-card-body {
  height: calc(100% - 48px);
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card .ant-card-head {
  background: var(--yellow);
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  color: #ffffff;
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card .ant-card-body {
  padding-bottom: 24px !important;
}

@media (max-width: 425px) {
  #PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card .ant-card-body {
    padding-bottom: 12px !important;
  }
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon svg {
  color: #41a8ff;
  font-size: 32px;
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon .title {
  color: #000;
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card .ant-card-body .ant-upload.ant-upload-drag .ant-upload.ant-upload-btn .ant-upload-drag-container .ant-upload-drag-icon .description {
  color: #a5a5a5;
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card.card-attachments .ant-card-body {
  text-align: center;
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card.card-attachments .ant-card-body .ant-upload-drag-icon svg {
  color: #eeeeee;
  font-size: 32px;
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card.card-attachments .ant-card-body .ant-upload-drag-icon .description {
  color: #eeeeee;
}

#PageAccountSetupNewEmployeeForm .tab-employee-archived .ant-card.card-attachments .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell {
  vertical-align: middle;
}

.card-bank-company-information .ant-card-head {
  background: lightgray;
}

@media (max-width: 2560px) and (min-width: 770px) {
  .employees-desktop-view {
    display: block;
  }

  .entries-desktop-view {
    display: flex;
    justify-content: flex-end;
  }

  .employees-tablet-view {
    display: none;
  }
}

@media (max-width: 769px) {
  .employees-desktop-view {
    display: none;
  }

  .employees-tablet-view {
    display: block;
  }
}

@media (max-width: 575px) {
  #PageSystemSettingPageTaskCategory .ant-layout .ant-layout-content .content-wrapper .new-top-filter-mobile.for-task-category .table-global-search.animated,
  #PageSystemSettingPageProjectEstimatedType .ant-layout .ant-layout-content .content-wrapper .new-top-filter-mobile.for-task-category .table-global-search.animated {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  #PageSystemSettingPageTaskCategory .ant-layout .ant-layout-content .content-wrapper .btn-status-group .ant-btn,
  #PageSystemSettingPageProjectEstimatedType .ant-layout .ant-layout-content .content-wrapper .btn-status-group .ant-btn {
    width: 50%;
  }
}

@media (max-width: 425px) {
  #PageSystemSettingPageTaskCategory .ant-layout .ant-layout-content .content-wrapper .ant-table-wrapper .ant-table-cell,
  #PageSystemSettingPageProjectEstimatedType .ant-layout .ant-layout-content .content-wrapper .ant-table-wrapper .ant-table-cell {
    font-size: 16px !important;
  }
}

@media (max-width: 575px) {
  #PageSystemSettingPageHistoricalData .ant-layout .ant-layout-content .content-wrapper .new-top-filter-mobile.for-historical-data .table-global-search.animated {
    width: 100% !important;
  }

  #PageSystemSettingPageHistoricalData .ant-layout .ant-layout-content .content-wrapper .new-top-filter-mobile.for-historical-data .table-global-search.animated .ant-input-affix-wrapper {
    z-index: 1;
  }
}

#PageSystemSettingPageDataImport > .ant-layout > .ant-layout-content > .content-wrapper,
#PageSystemSettingPageTaskCategory > .ant-layout > .ant-layout-content > .content-wrapper,
#PageSystemSettingPageProjectEstimatedType > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 15px;
}

@media (max-width: 425px) {
  #PageSystemSettingPageTaskCategory .ant-table-wrapper .ant-table-cell {
    font-size: 16px !important;
  }
}

.collapse-grey .ant-collapse-header {
  background-color: #f1f3f2 !important;
  border-bottom: transparent !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  padding: 9px 20px !important;
}

.collapse-grey .ant-collapse-header .title,
.collapse-grey .ant-collapse-header .ant-collapse-header-text {
  color: #4c4e4d !important;
  font-size: 16px !important;
}

.collapse-grey .ant-collapse-content-box {
  padding: 24px 24px 15px 24px !important;
}

.col-desktop-left {
  max-width: 970px !important;
  flex: 0 0 100% !important;
  width: 100%;
}

.col-desktop-left .tbl-wrapper-scroll {
  width: 100%;
}

@media (min-width: 1766px) {
  .col-desktop-only-left {
    max-width: 970px !important;
    flex: 0 0 100% !important;
  }
}

@media (min-width: 1766px) {
  .col-desktop-only-right {
    width: 530px !important;
    flex: 0 0 500px !important;
  }
}

.card-bordered-1 {
  border: 1px solid #cccccc !important;
}

.card-bordered-1 .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  padding: 9px 0;
}

.collapse-time-off .ant-collapse-header {
  padding: 12px 10px 12px 15px !important;
}

.collapse-time-off .ant-collapse-content .ant-collapse-content-box {
  padding: 5px 15px !important;
}

@media (max-width: 425px) {
  .collapse-time-off .ant-collapse-content .ant-collapse-content-box {
    padding: 0px 10px 0px !important;
  }
}

.collapse-time-off .ant-collapse-content .ant-collapse-content-box .page-system-settings.tab-general-and-ticketing .ant-tabs-ink-bar::after {
  width: 100% !important;
}

.switch-permission1 {
  width: 60px;
}

@media (max-width: 425px) {
  .switch-permission1 {
    width: 75px;
  }
}

#PageTasks > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 15px;
}

#PageTasks .task-list-view-btn.ant-btn-background-ghost:hover {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}

#PageTasks .task-list-view-btn.ant-btn-background-ghost:hover svg.svg-inline--fa.fa-plus {
  color: rgba(255, 255, 255, 0.7) !important;
}

#PageTasks .task-list-view-btn.ant-btn-background-ghost svg.svg-inline--fa.fa-plus {
  transition: all 0.2s ease-in-out;
}

@media (max-width: 425px) {
  #PageTasks .task-list-view-btn {
    height: 35px !important;
  }
}

#PageTasks .task-filter-wrapper .first-column {
  order: 2;
}

@media (min-width: 576px) {
  #PageTasks .task-filter-wrapper .first-column {
    order: 1;
  }
}

#PageTasks .task-filter-wrapper .active-action {
  color: var(--yellow);
}

#PageTasks .task-filter-wrapper .second-column {
  order: 1;
  position: relative;
  z-index: 10;
}

@media (min-width: 576px) {
  #PageTasks .task-filter-wrapper .second-column {
    order: 2;
  }
}

#PageTasks .task-filter-wrapper .third-column {
  order: 3;
  top: 4px;
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  #PageTasks .task-filter-wrapper .third-column {
    order: 3;
  }
}

@media (min-width: 576px) {
  #PageTasks .task-filter-wrapper .third-column {
    top: -24px;
    margin-bottom: -34px;
  }
}

#PageTasks .task-filter-wrapper .third-column.for-employee {
  top: 6px;
  margin-bottom: 6px;
}

@media (min-width: 576px) {
  #PageTasks .task-filter-wrapper .third-column.for-employee {
    top: 6px;
    margin-bottom: 6px;
  }
}

#PageTasks .task-filter-wrapper .status-btn .ant-btn.btn-main-primary3 span {
  height: 30px;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item {
  border-color: white !important;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-header-text {
  font-size: 16px;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-header {
  background-color: white;
  color: black;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
  color: #a8a8a8;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg {
  top: 39%;
  left: 55px;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding-left: 0px;
  padding-right: 0px;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form .ant-form-item {
  margin: 0px;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form .ant-form-item .ant-picker {
  height: 45px;
  border-radius: 5px;
  width: 100%;
  border-color: #cccccc;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form .ant-form-item .ant-picker.ant-picker-focused {
  box-shadow: none;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form .ant-form-item .ant-picker .ant-picker-active-bar {
  background: var(--yellow);
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .filter-action {
  display: flex;
  gap: 10px;
  flex-direction: row-reverse;
}

#PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .filter-action .ant-btn {
  width: 105px;
  border-radius: 5px;
}

@media (max-width: 575px) {
  #PageTasks .task-filter-wrapper .ant-collapse.collapse-default .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .filter-action .ant-btn {
    width: 100%;
  }
}

#PageTasks .task-filter-wrapper .task-left-filter .btn-filter {
  padding: 0;
}

#PageTasks .task-filter-wrapper .task-left-filter .btn-filter span {
  color: var(--yellow);
  font-size: 14px;
}

@media (max-width: 425px) {
  #PageTasks .task-filter-wrapper .task-left-filter .btn-filter span {
    font-size: 16px;
  }
}

#PageTasks .task-filter-wrapper .task-left-filter .btn-filter svg {
  font-size: 14px;
  margin-left: 5px;
  color: #000;
}

@media (max-width: 425px) {
  #PageTasks .task-filter-wrapper .task-left-filter .btn-filter svg {
    font-size: 16px;
  }
}

#PageTasks .task-filter-wrapper .task-right-filter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 576px) {
  #PageTasks .task-filter-wrapper .task-right-filter {
    align-items: flex-end;
  }
}

#PageTasks .task-filter-wrapper .task-right-filter .task-input-search {
  width: 250px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  background: #fff;
}

@media (max-width: 575px) {
  #PageTasks .task-filter-wrapper .task-right-filter .task-input-search {
    width: 100%;
  }
}

#PageTasks .task-filter-wrapper .task-right-filter .btn-search {
  color: black;
}

#PageTasks .task-filter-wrapper .task-right-filter .btn-add-task-category {
  border-radius: 5px;
  width: auto;
  height: -moz-fit-content;
  height: fit-content;
}

#PageTasks .task-filter-wrapper .task-right-filter .table-global-search .ant-input-affix-wrapper {
  border-radius: 0px;
  display: flex;
  height: 33px;
  padding-right: 11px;
}

#PageTasks .task-filter-wrapper .task-right-filter .table-global-search.right {
  width: 15px;
  transition: width 0.3s;
  float: right;
}

#PageTasks .task-filter-wrapper .task-right-filter .table-global-search.right.show {
  width: 200px;
}

@media (max-width: 575px) {
  #PageTasks .task-filter-wrapper .task-right-filter .table-global-search.right.show {
    width: 100% !important;
  }
}

#PageTasks .task-filter-wrapper .task-right-filter .table-global-search.right.show .ant-input-affix-wrapper {
  padding: 4px 11px;
}

@media (max-width: 480px) {
  #PageTasks .task-filter-wrapper .ant-btn.ant-btn-link.btn-main-primary3.active span {
    height: 23px !important;
  }
}

#PageTasks .react-trello-list-view {
  display: flex;
  justify-content: space-between;
  background-color: #f1f3f2;
  padding-top: 8px;
  padding-bottom: 5px;
}

#PageTasks .react-trello-list-view .left {
  display: flex;
  width: 25%;
  align-items: center;
  padding-left: 38px;
}

@media (max-width: 480px) {
  #PageTasks .react-trello-list-view .left {
    width: 27%;
  }
}

@media (max-width: 376px) {
  #PageTasks .react-trello-list-view .left {
    width: 30%;
  }
}

@media (max-width: 376px) {
  #PageTasks .react-trello-list-view .left {
    width: 30%;
  }
}

@media (max-width: 321px) {
  #PageTasks .react-trello-list-view .left {
    width: 35%;
  }
}

#PageTasks .react-trello-list-view .left .number {
  width: 45px;
  font-size: 16px;
}

#PageTasks .react-trello-list-view .left .title {
  font-size: 16px;
}

#PageTasks .react-trello-list-view .right {
  display: flex;
  width: 26%;
  justify-content: flex-start;
  align-items: center;
}

@media (max-width: 1440px) {
  #PageTasks .react-trello-list-view .right {
    width: 35%;
  }
}

@media (max-width: 1300px) {
  #PageTasks .react-trello-list-view .right {
    width: 42%;
  }
}

@media (max-width: 1024px) {
  #PageTasks .react-trello-list-view .right {
    width: 45%;
  }
}

#PageTasks .react-trello-list-view .right .assignee {
  font-size: 16px;
  width: 32%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 575px) {
  #PageTasks .react-trello-list-view .right .assignee {
    display: none;
  }
}

#PageTasks .react-trello-list-view .right .date {
  font-size: 16px;
}

@media (max-width: 575px) {
  #PageTasks .react-trello-list-view .right .date {
    display: none;
  }
}

#PageTasks .react-trello-board-wrapper .react-trello-board-mask {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f1f3f2;
  z-index: 1;
}

#PageTasks .react-trello-board-wrapper .vertical-board > div {
  width: 100%;
}

#PageTasks .react-trello-board-wrapper .vertical-board {
  overflow-y: scroll;
  padding: 10px !important;
  padding-top: 0px !important;
}

#PageTasks .react-trello-board-wrapper .vertical-board .react_trello_dragLaneClass {
  transform: rotate(0deg) !important;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal {
  display: flex !important;
  flex-direction: column !important;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane {
  width: 100% !important;
  max-height: calc(100vh - 400px);
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0 !important;
  border-radius: 0px !important;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 10px !important;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header > span > div {
  gap: 36px;
}

@media (max-width: 1024px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header > span > div {
    gap: 33px;
  }
}

@media (max-width: 768px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header > span > div {
    gap: 28px;
  }
}

@media (max-width: 480px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header > span > div {
    gap: 26px;
  }
}

@media (max-width: 321px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header > span > div {
    gap: 23px;
  }
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .add-task-btn-container {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .add-task-btn-container .add_card_task {
  position: static;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .add_card_task {
  left: 40%;
  top: 55px;
  margin-bottom: 8px;
  margin-left: 0px !important;
}

@media (max-width: 1024px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .add_card_task {
    left: 35%;
  }
}

@media (max-width: 767px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .add_card_task {
    left: 35%;
  }
}

@media (max-width: 575px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .add_card_task {
    left: 28%;
  }
}

@media (max-width: 480px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .add_card_task {
    left: 20%;
  }
}

@media (max-width: 376px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .add_card_task {
    left: 16%;
  }
}

@media (max-width: 321px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .add_card_task {
    width: 80% !important;
    left: 12%;
  }
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div {
  width: 100% !important;
  margin-top: 0px !important;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div-track {
  background-color: #eeeeee;
  border: 1px solid #e1e1e1;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div-thumb {
  background-color: var(--yellow);
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div-track,
#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div-thumb {
  border-radius: 5px;
}

@supports (scrollbar-width: auto) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react_trello_dragClass {
  transform: rotate(0deg) !important;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .smooth-dnd-draggable-wrapper {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .smooth-dnd-draggable-wrapper:last-child .react-trello-card {
  border-bottom: 0 !important;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 0px !important;
  min-width: 100% !important;
  width: 100% !important;
  margin-bottom: 0px !important;
  border-left: 0px transparent !important;
  border-right: 0px solid #ccc !important;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  position: relative;
  padding: 10px 13px;
  cursor: pointer;
  max-width: 250px;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .description-card-wrapper {
  font-size: 12px;
  color: #4d4d4d;
  white-space: normal;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .title {
  font-size: 14px !important;
  font-weight: 500 !important;
  white-space: word-break;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .date-wrap.date > div {
  font-size: 14px !important;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .left-id-wrap {
  display: flex;
  width: 50%;
  align-items: center;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .left-id-wrap .sort-wrap {
  width: 20px;
  font-size: 14px;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .left-id-wrap .id-wrap {
  width: 20px;
  font-size: 14px;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .left-id-wrap .checkbox {
  width: 20px;
  text-align: center;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .left-id-wrap .title {
  width: 100%;
  padding-left: 10px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap {
  display: flex;
  width: 25%;
  justify-content: flex-start;
  align-items: center;
}

@media (max-width: 1440px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap {
    width: 35%;
  }
}

@media (max-width: 1300px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap {
    width: 42%;
  }
}

@media (max-width: 1024px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap {
    width: 45%;
  }
}

@media (max-width: 575px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap {
    justify-content: flex-end;
  }
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .user-wrap {
  width: 36%;
}

@-moz-document url-prefix()  {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .user-wrap {
    position: relative;
    top: -2px;
  }
}

@media (max-width: 575px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .user-wrap {
    display: none;
  }
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .date-wrap {
  width: 45%;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .date-wrap .date {
  font-size: 14px;
}

@media (max-width: 575px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .date-wrap {
    display: none;
  }
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .ellipses-and-details {
  display: flex;
  justify-content: flex-end;
  width: 19%;
  align-items: center;
}

@media (max-width: 575px) {
  #PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .ellipses-and-details {
    width: 50%;
  }
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .ellipses {
  width: 25px;
  text-align: center;
  font-size: 14px;
}

#PageTasks .react-trello-board-wrapper .vertical-board .smooth-dnd-container.horizontal .react-trello-lane > div .vertical .react-trello-card .id-wrap .right-id-wrap .details {
  width: 25px;
  text-align: center;
  font-size: 14px;
}

#PageTasks .react-trello-board-wrapper {
  position: relative;
}

#PageTasks .react-trello-board-wrapper .react-trello-board-top-scroll-wrapper {
  width: 100%;
  border: none;
  overflow-x: auto;
  overflow-y: hidden;
  height: 10px;
  position: relative;
  z-index: 10;
  top: 5px;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

@supports (scrollbar-width: auto) {
  #PageTasks .react-trello-board-wrapper .react-trello-board-top-scroll-wrapper {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageTasks .react-trello-board-wrapper .react-trello-board-top-scroll-wrapper .react-trello-board-top-scroll {
  height: 20px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board {
  background-color: #f1f3f2;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

@supports (scrollbar-width: auto) {
  #PageTasks .react-trello-board-wrapper .react-trello-board {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container > div {
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

@supports (scrollbar-width: auto) {
  #PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container > div {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container.horizontal {
  display: none;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane {
  background-color: white;
  max-height: 90vh;
  border-radius: 5px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > header {
  align-items: center !important;
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px;
  padding: 7px;
  padding-left: 18px;
  padding-right: 16px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > header .add_card_task {
  position: absolute;
  top: 60px;
  left: 0;
  margin-bottom: 17px;
  width: 245px;
  margin-left: 18px;
  border-radius: 5px;
  color: red;
  border-color: white;
  border: 1px solid red;
  box-shadow: none;
  background-color: white;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > header .add_card_task:hover {
  color: white;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > header svg {
  color: white;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > header > span {
  width: auto !important;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > header > span:nth-child(2) {
  padding-right: 5px;
  font-size: 0px;
}

@media (max-width: 575px) {
  #PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > header .task-list-view-btn {
    display: none !important;
  }
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > div {
  margin-top: 65px;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > div::-webkit-scrollbar {
  width: 8px;
  height: 0px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > div::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > div::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > div::-webkit-scrollbar-track,
#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > div::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

@supports (scrollbar-width: auto) {
  #PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane > div {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper {
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 7px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card {
  border-radius: 5px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  position: relative;
  padding: 10px 13px;
  cursor: pointer;
  max-width: 250px;
  margin-bottom: 7px;
  min-width: 230px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card:hover {
  background-color: #e3e3e3;
  transition: all 0.3s ease-in-out;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card header {
  display: none;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .id-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .id-wrap .id {
  border-radius: 3px;
  border: 1.5px solid #898989;
  padding: 0px 3px;
  font-size: 11px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .title {
  font-size: 16px;
  font-weight: 600;
  white-space: break-spaces;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .sub_task {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #898989;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .date-wrap {
  display: flex;
  justify-content: space-between;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .date-wrap svg {
  color: var(--yellow);
}

@-moz-document url-prefix()  {
  #PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap {
    align-items: baseline;
  }

  #PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv-pic img {
    width: 17px !important;
    height: 17px !important;
  }

  #PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv {
    width: 19px !important;
    height: 19px !important;
  }

  #PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .assignee-div {
    display: flex;
    align-items: center;
  }
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap {
  display: flex;
  gap: 2px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user_icon {
  position: relative;
  top: 1px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user_icon svg {
  color: #23bf08;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv {
  background: #fe8ab3;
  color: white;
  border-radius: 50%;
  padding: 2px 3px;
  margin-right: -3px;
  font-size: 10px;
  margin-top: 5px;
}

@-moz-document url-prefix()  {
  #PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv {
    padding: 1px 4px;
  }
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv.key0 {
  background: #fe8ab3 !important;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv.key1 {
  background: #f9c457 !important;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv.key2 {
  background: #4cc459 !important;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv.key3 {
  background: white !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  color: black !important;
}

@-moz-document url-prefix()  {
  #PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv.key3 {
    padding: 1px 0;
    text-align: center;
  }
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv-pic {
  margin-right: -3px;
  font-size: 10px;
  margin-top: 5px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .user-wrap .user-abv-pic img {
  border-radius: 50%;
  width: 16px;
  margin-top: -2px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 16px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .quill-output {
  color: #898989;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card .quill-output p {
  width: 219px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .assignee-div {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .assignee-div .user-abv {
  display: flex;
  height: 16px;
  width: 16px;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
  font-size: 10px !important;
  margin-top: 0px !important;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .assignee-div .user-abv span {
  line-height: 10px !important;
  margin-left: -1px;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .assignee-div .user-abv-pic img {
  margin-top: -7px !important;
}

#PageTasks .react-trello-board-wrapper .react-trello-board > div .smooth-dnd-container .ant-picker-ranges .ant-picker-ok .ant-btn-primary {
  background-color: var(--yellow);
  color: #fff;
}

#PageTasks .react-trello-board-wrapper .ant-btn-icon-only {
  width: 14px;
}

#PageTasks .date-range-picker input::-moz-placeholder {
  color: #2e3032;
}

#PageTasks .date-range-picker input::placeholder {
  color: #2e3032;
}

#PageTasks .list_view {
  margin-top: 10px;
}

#PageTasks .list_view .react-trello-lane {
  margin: 5px 0px !important;
}

#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content {
  padding-right: 15px;
}

#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new {
  border: 0px;
  box-shadow: none;
  padding: 0px;
  align-items: center;
  display: flex;
}

#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new span {
  font-weight: 300;
}

#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:hover,
#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:focus {
  color: #b0b4b4;
}

#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:hover svg,
#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:hover span,
#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:focus svg,
#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:focus span {
  color: #b0b4b4;
}

#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new svg {
  margin-right: 5px;
}

#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new::after {
  display: none !important;
}

#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:disabled {
  background-color: transparent !important;
  color: #a9a9a9 !important;
}

#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:disabled svg,
#PageTasks .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:disabled span {
  color: #a9a9a9 !important;
}

#PageTasks .card-projects {
  background-color: #f2f2f2;
  width: 100% !important;
  min-height: 200px !important;
  padding: 15px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
  border-radius: 5px !important;
}

#PageTasks .card-projects .ant-card-head {
  padding: 0px 5px 0px 5px !important;
}

#PageTasks .card-projects .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0px !important;
  gap: 5px;
}

#PageTasks .card-projects .ant-card-head .ant-card-head-wrapper .ant-card-head-title > div {
  word-break: break-word;
  line-height: normal;
  color: var(--yellow);
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#PageTasks .card-projects .ant-card-head .ant-card-head-wrapper .ant-card-head-title .ant-btn {
  width: auto !important;
  height: auto !important;
  color: #000 !important;
}

#PageTasks .card-projects .ant-card-head .ant-card-head-wrapper .ant-card-head-title .ant-btn svg {
  font-size: 20px !important;
}

#PageTasks .card-projects .ant-card-body {
  padding: 5px 5px 5px 5px !important;
}

#PageTasks .card-projects .ant-card-body img {
  width: 100% !important;
  height: 100px !important;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #fff;
}

#PageTasks .card-projects .ant-card-body .card-projects-logo-nan {
  padding: 20px !important;
  background-color: #fff !important;
  height: 100px !important;
}

#PageTasks .card-projects .ant-card-body .card-projects-logo-nan svg {
  color: #a8a9ad !important;
  font-size: 42px !important;
}

#PageTasks .card-projects .ant-card-body .card-projects-description {
  margin-top: 5px !important;
  font-size: 14px !important;
  line-height: normal;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane {
  border-radius: 5px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .dropdown-task {
  background-color: #ffffff !important;
  color: #000 !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .btn-add-task-section {
  background-color: #fff !important;
  height: 43px !important;
  border-radius: 5px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header {
  padding: 0px !important;
  border-radius: 5px !important;
  display: flex;
  align-items: flex-start !important;
  flex-direction: column !important;
  height: auto !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header > span > div {
  gap: 15px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header > span {
  display: flex;
  align-items: center;
  width: 100% !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header > span > span {
  display: flex;
  align-items: center;
  gap: 15px !important;
  width: 100% !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header > span:nth-child(2) {
  padding-right: 0px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-title {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 1px 20px 1px 1px !important;
  border-radius: 5px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-title .task-team-title--name {
  display: flex;
  align-items: center;
  gap: 15px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-title .task-team-title--actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #f3f3f3;
  height: 45px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--title {
  width: 100%;
  text-align: left;
  margin-left: 80px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--assignees {
  width: 150px;
  text-align: left;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--due-date {
  width: 270px;
  text-align: left;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--priority {
  width: 485px;
  text-align: left;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--title .ant-btn,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--assignees .ant-btn,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--due-date .ant-btn,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--priority .ant-btn {
  cursor: pointer;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--title .ant-btn:hover,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--assignees .ant-btn:hover,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--due-date .ant-btn:hover,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane header .task-team-task .task-team-task--priority .ant-btn:hover {
  background-color: transparent !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .id-wrap .left-id-wrap {
  width: 50% !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .id-wrap .left-id-wrap .title {
  width: 100% !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .id-wrap .right-id-wrap {
  width: 430px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .id-wrap .right-id-wrap .date-wrap {
  width: 150px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .id-wrap .right-id-wrap .date-wrap .date svg {
  margin-right: 5px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .id-wrap .right-id-wrap .priority-wrap {
  width: 150px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .id-wrap .right-id-wrap .priority-wrap .priority svg {
  margin-right: 5px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-add-card-link {
  padding: 10px 0px 10px 90px;
  border: 0px;
  border-top: 1px solid #ccc;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  width: 100%;
  text-align: left;
  color: #0866c6;
  background-color: #ffffff;
  cursor: pointer;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-add-card-link svg {
  margin-right: 5px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form {
  border-top: 1px solid #ccc;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input {
  display: flex;
  align-items: center;
  padding: 0px 13px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-header .sort-wrap {
  width: 10px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-header .id-wrap {
  width: 26px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-header .checkbox {
  width: 22px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input {
  border: 0px;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  padding: 10px 0px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:focus-within,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:focus,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:active,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:target,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:focus-visible,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:hover {
  box-shadow: none;
  border: 0px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-add-card-link {
  padding: 10px 0px 10px 90px;
  border: 0px;
  border-top: 1px solid #ccc;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  width: 100%;
  text-align: left;
  color: #0866c6;
  background-color: #ffffff;
  cursor: pointer;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.list_view .react-trello-board.vertical-board .smooth-dnd-container.horizontal .react-trello-lane .lane-new-card-form .lane-add-card-link svg {
  margin-right: 5px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal {
  display: block;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane header {
  padding: 0px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane header > span {
  width: 100% !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane header > span .task-team-title {
  padding: 10px 10px;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane header > span .task-team-title .task-team-title--name {
  display: flex;
  align-items: center;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane header > span .task-team-title .task-team-title--name .ant-btn {
  background-color: transparent !important;
  border: 0px !important;
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane header > span .task-team-title .task-team-title--actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane header > span .task-team-title .task-team-title--actions .ant-btn {
  background-color: transparent !important;
  border: 0px !important;
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane > div {
  margin-top: 10px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .file-check-and-ellipsis {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .file-check-and-ellipsis .ellipsis-and-arrow {
  display: flex;
  align-items: center;
  gap: 10px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .smooth-dnd-container .smooth-dnd-draggable-wrapper .react-trello-card .description-card-wrapper .description-card .file-check-and-ellipsis .ellipsis-and-arrow .ant-btn {
  background-color: transparent !important;
  border: 0px !important;
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-add-card-link {
  padding: 0px;
  border: 0px;
  width: 100%;
  color: #0866c6;
  background-color: #ffffff;
  cursor: pointer;
  text-align: left;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-add-card-link svg {
  margin-right: 5px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-header .ellipsis-and-arrow {
  display: flex;
  align-items: center;
  gap: 10px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-header .ellipsis-and-arrow .ant-btn {
  background-color: transparent !important;
  border: 0px !important;
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input {
  border: 1px solid #ccc;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  padding: 10px 10px;
  width: 100%;
  margin-bottom: 10px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:focus-within,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:focus,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:active,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:target,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:focus-visible,
#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-input:hover {
  box-shadow: none;
  border: 1px solid #ccc;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-footer {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 10px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-footer .date-wrap .date svg {
  color: var(--yellow);
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view .react-trello-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .react-trello-lane .lane-new-card-form .lane-new-card-form-input .lane-new-card-form-footer .ant-btn {
  border-radius: 5px;
}

#PageTasks .page-team-projects-board-content .react-trello-board-wrapper.kanban_view {
  margin-top: 10px !important;
}

#PageTasks .page-team-projects-content--wrapper .ant-tabs .ant-tabs-nav .ant-tabs-extra-content {
  padding-right: 0px;
}

.drawer-form-task .float-select-multi .ant-select-selection-overflow {
  padding-top: 7px !important;
  padding-left: 2px !important;
}

.drawer-task-filter .ant-drawer-content-wrapper {
  width: 400px !important;
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 10px;
}

@media (min-width: 375px) {
  .drawer-task-filter .ant-drawer-content-wrapper {
    width: 378px !important;
  }
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content {
  border-top-left-radius: 10px !important;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
  background-color: var(--yellow);
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: none;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title {
  flex-direction: row-reverse;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title .ant-drawer-title {
  color: #fff;
  font-size: 16px !important;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title .ant-drawer-close {
  margin-right: 0px;
  padding: 0px;
  color: #fff;
  font-size: 20px;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
  padding: 20px 20px 20px 20px;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space {
  width: 100%;
  gap: 0px;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item:nth-child(2) {
  width: 100%;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-select {
  width: 100%;
  border: none;
  box-shadow: none;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-select .ant-select-selector {
  border: none;
  box-shadow: none;
  padding-right: 0;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-select .ant-select-selector .ant-select-selection-placeholder {
  color: #000;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-select .ant-select-arrow,
.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-select .ant-select-clear {
  right: 2px;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-select .ant-select-arrow {
  color: #000;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-picker.ant-picker-range {
  width: 100%;
  border: none;
  box-shadow: none;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-picker.ant-picker-range .ant-picker-input input::-moz-placeholder {
  color: #000;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-picker.ant-picker-range .ant-picker-input input::placeholder {
  color: #000;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space .ant-space-item .ant-picker.ant-picker-range .ant-picker-range-separator svg {
  font-size: 12px;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space.space-select-company-wrapper .ant-space-item .ant-select .ant-select-selector .ant-select-selection-item {
  color: #ff5500;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space.space-select-project-wrapper .ant-space-item .ant-select .ant-select-selector .ant-select-selection-item {
  color: #2db7f5;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space.space-select-task-work-type-wrapper .ant-space-item .ant-select .ant-select-selector .ant-select-selection-item {
  color: #87d068;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space.space-select-task-category-wrapper .ant-space-item .ant-select .ant-select-selector .ant-select-selection-item {
  color: #a29e34;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space.space-select-task-status-wrapper .ant-space-item .ant-select .ant-select-selector .ant-select-selection-item {
  color: #108ee9;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space.space-select-assignee-wrapper .ant-space-item .ant-select .ant-select-selector .ant-select-selection-item {
  color: #34a2a2;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .ant-space.space-select-date-range-wrapper .ant-space-item .ant-picker.ant-picker-range .ant-picker-input input {
  color: #9e34a2;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .filter-action {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .filter-action .ant-btn {
  border-radius: 5px;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .flex-filter {
  display: flex;
  flex-wrap: nowrap;
}

.drawer-task-filter .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .flex-filter .ant-picker {
  width: calc(100% - 20px) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.sm-fields .ant-select,
.sm-fields .ant-select-selector,
.sm-fields .ant-select-selection-search-input {
  height: 40px !important;
}

.sm-fields .label {
  top: 8px !important;
}

.sm-fields .float-label {
  top: -10px !important;
}

.sm-fields.xs-select.float-select .ant-select .ant-select-selector {
  padding: 4px 11px !important;
}

.sm-fields.xs-select .ant-select,
.sm-fields.xs-select .ant-select-selector,
.sm-fields.xs-select .ant-select-selection-search-input {
  height: 30px !important;
  padding: 0px 0px !important;
}

.sm-fields.xs-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
  line-height: 25px;
}

.sm-fields.xs-select .label {
  top: 5px !important;
}

.sm-fields.xs-select .float-label {
  top: -10px !important;
}

.items-display-task {
  display: flex;
  align-items: center;
  gap: 8px;
}

.items-display-task span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.items-display-task.archived {
  color: #c80202 !important;
}

.items-display-task.archived svg {
  color: #c80202 !important;
}

.items-display-task svg {
  width: 14px !important;
  height: 14px !important;
}

.circle-picker {
  justify-content: center;
}

.visibility-hidden {
  visibility: hidden;
}

.tags-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.tags-filter .ant-tag {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 2px 8px 2px 8px;
  border-radius: 5px;
  margin-right: 0px;
}

.tags-filter .ant-tag .anticon-close {
  font-size: 10px;
  margin-left: 7px;
}

.tags-filter .btn-clear-filter {
  padding: 0px;
  max-height: 26px;
}

.tags-filter .btn-clear-filter span {
  color: black;
  font-size: 14px;
}

.tags-filter .btn-clear-filter svg {
  color: var(--yellow);
}

@-moz-document url-prefix()  {
  .tags-filter .btn-clear-filter {
    padding: 0px;
  }

  .tags-filter .btn-clear-filter span {
    color: var(--yellow);
    font-size: 12px;
  }

  .tags-filter .ant-tag {
    padding: 0 4px 2px 4px;
  }

  .tags-filter .ant-tag .btn-clear-filter {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .tags-filter .ant-tag .btn-clear-filter span {
    color: #0a6c31;
    font-size: 16px;
  }

  .tags-filter .ant-tag .btn-clear-filter {
    padding: 0px;
  }

  .tags-filter .ant-tag .btn-clear-filter span {
    color: #0a6c31;
    font-size: 12px;
  }
}

.assignee-tag {
  display: flex;
  flex-wrap: wrap;
  text-wrap: wrap;
  gap: 3px;
  border: 0px;
}

.assignee-tag.no-padding .ant-tag {
  padding-left: 0px;
  padding-right: 0px;
}

.assignee-tag .ant-tag-close-icon {
  margin-left: 3px;
}

.assignee-tag .ant-tag {
  padding: 0 7px;
}

.description-card-checked .title {
  color: #d9d9d9;
}

.description-card-checked .date-wrap .date {
  color: #d9d9d9;
}

.description-card-checked .ellipses svg {
  color: #d9d9d9;
}

.description-card-checked .details svg {
  color: #d9d9d9;
}

.react-trello-board-wrapper.list_view .react-trello-board .smooth-dnd-container .react-trello-lane > div {
  max-height: 400px;
}

.ant-dropdown-menu {
  padding: 0px !important;
}

.ant-dropdown-menu .ant-dropdown-menu-item-task {
  padding: 0px !important;
}

.ant-dropdown-menu .ant-dropdown-menu-item-task .items-display-task {
  width: 138px;
  padding: 5px 12px;
}

.ant-dropdown-menu .ant-dropdown-menu-item-task .dropdown-ellipsis-task-span {
  width: 150px;
  padding: 0px !important;
}

.ant-dropdown-menu .ant-dropdown-menu-item-task .dropdown-ellipsis-task-span span {
  width: 100%;
  padding: 5px 12px;
}

.ant-picker.ant-picker-range .ant-picker-active-bar {
  background-color: var(--yellow);
}

.small-checkbox .ant-checkbox {
  transform: scale(0.8);
}

.task-dropdown-list-view .items-display-task {
  font-size: 14px !important;
}

.modal-wrap-add-tasks .ant-modal {
  width: 960px !important;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-close {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x svg {
  font-size: 16px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .float-wrapper {
  border-radius: 5px;
  background: #fff;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .float-wrapper.float-select .ant-select .ant-select-selector {
  border-radius: 5px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .float-wrapper .ant-picker,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .float-wrapper .ant-input {
  border-radius: 5px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .float-wrapper.quill .ql-container.ql-snow {
  min-height: 100px;
  height: auto;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .float-wrapper.quill .ql-container.ql-snow .ql-editor {
  min-height: 100px;
  resize: vertical;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .float-wrapper.quill .ql-container .ql-blank::before {
  font-size: 15px !important;
  font-weight: normal !important;
  left: 12px !important;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .float-wrapper .label {
  top: 11px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-title {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item {
  width: 100%;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item.task_subtasks-item--add {
  margin-bottom: 10px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item.task_subtasks-item--add .ant-space-item:first-child {
  width: 100%;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item.task_subtasks-item--add .input-subtask {
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:first-child {
  width: 18px;
  height: 32px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (min-width: 375px) {
  .modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content {
    width: 250px;
  }
}

@media (min-width: 425px) {
  .modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content {
    width: 300px;
  }
}

@media (min-width: 768px) {
  .modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content {
    width: 700px;
  }
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content.done {
  text-decoration: line-through;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(3) {
  width: 18px;
  height: 32px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(3) .ant-btn {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(3) .ant-btn svg {
  color: #898989;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item--add-actions {
  display: flex;
  gap: 10px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper {
  margin-top: 6px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-title {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .ant-upload.ant-upload-drag {
  height: 110px !important;
  border-color: #585858;
  background: #f4f4f4;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 10px;
  margin-top: 10px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item {
  position: relative;
  width: 100%;
  height: 240px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item {
    width: calc(25% - 8px);
  }
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item:hover .attachment-uploaded-item-mask {
  opacity: 1;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask {
  position: absolute;
  width: 100%;
  height: calc(100% - 20px);
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 99;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.3);
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn svg {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-audio,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document {
  width: 100%;
  height: 220px;
  background: #fff;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image.error,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video.error,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-audio.error,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document.error {
  border: 2px solid #c80202;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-name {
  margin-top: 5px;
  color: #898989;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image img {
  width: 100%;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-audio,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document svg,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-audio svg,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video svg {
  font-size: 50px;
  color: #585858;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video .react-player-video-wrapper {
  width: 100% !important;
  height: 220px !important;
  display: flex;
  align-items: center;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video .react-player-video-wrapper video {
  height: auto !important;
  max-height: 220px !important;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper {
  display: block;
  margin: 0 auto;
  width: 60px !important;
  height: 60px !important;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item {
  width: 60px !important;
  height: 60px !important;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item:hover .attachment-uploaded-item-mask {
  opacity: 1;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions {
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  top: unset;
  right: unset;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 3px;
  background: transparent;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn svg {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video {
  width: 60px !important;
  height: 60px !important;
  box-shadow: none;
  margin-top: -8px;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document svg,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video svg {
  font-size: 23px;
  color: #585858;
}

.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-document .react-player-video-wrapper,
.modal-wrap-add-tasks .ant-modal .ant-modal-content .ant-modal-body .attachment-wrapper.table-employee-profile-attachments .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video .react-player-video-wrapper {
  width: 100% !important;
  height: 100% !important;
}

.drawer-form-task {
  z-index: 999;
}

.drawer-form-task .ant-drawer-content-wrapper {
  width: 40% !important;
}

@media (max-width: 1199px) {
  .drawer-form-task .ant-drawer-content-wrapper {
    width: 80% !important;
  }
}

@media (max-width: 991px) {
  .drawer-form-task .ant-drawer-content-wrapper {
    width: 100% !important;
  }
}

.drawer-form-task .ant-drawer-content-wrapper .id {
  border-radius: 3px;
  border: 1.5px solid #898989;
  padding: 0px 3px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content {
  padding-bottom: 15px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
  border-bottom: transparent;
  margin-top: -15px;
  padding: 22px 10px;
  padding-bottom: 0px;
}

@media (min-width: 425px) {
  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
    padding: 22px 24px;
  }
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title {
  flex-direction: row-reverse;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-header-title .ant-drawer-close {
  margin-right: 0px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra {
  display: flex;
  align-items: center;
  font-size: 20px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .ant-btn:hover {
  background: transparent;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .clock-timer-wrapper {
  display: flex;
  align-items: center;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .clock-timer-wrapper .clock-timer__time {
  color: #898989;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 3px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .clock-timer-wrapper .clock-timer__time span {
  line-height: normal;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .clock-timer-wrapper .clock-timer__time.playing span {
  color: #0a6c31;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .clock-timer-wrapper .ant-btn:disabled {
  border: 0px !important;
  background-color: transparent !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .clock-timer-wrapper .ant-btn:disabled svg {
  color: grey !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .clock-timer-wrapper .btn-play svg {
  color: #0a6c31;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .clock-timer-wrapper .btn-stop svg {
  color: #c80202;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .clock-timer-wrapper .btn-pause img {
  width: 16px;
  height: 16px;
  margin-bottom: 5px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .close svg {
  color: var(--yellow);
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-extra .ellipses svg {
  color: var(--yellow);
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
  display: flex;
  gap: 5px;
  padding: 0 10px 24px 10px;
}

@media (min-width: 425px) {
  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
    padding: 0 24px 24px 24px;
  }
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-input-group-addon:hover {
  background-color: var(--yellow);
  border-color: var(--yellow);
  color: white;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .float-wrapper .label {
  color: #b3b3b3;
  top: 10px;
  font-weight: 300 !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

@media (min-width: 425px) {
  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-title {
    flex-direction: row;
  }
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-title .title {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 425px) {
  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-title .title {
    margin-bottom: 20px;
  }
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-title .progress-wrapper {
  width: 300px;
  display: flex;
  gap: 10px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-title .progress-wrapper .progress-counter-wrapper {
  display: flex;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-title .progress-wrapper .progress-counter-wrapper span {
  color: #898989;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-title .progress-wrapper .progress-bar-wrapper {
  width: 275px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-title .progress-wrapper .progress-bar-wrapper .ant-progress .ant-progress-outer .ant-progress-inner .ant-progress-bg {
  background-color: #0a6c31 !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item {
  width: 100%;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item .ant-checkbox-checked::after {
  border: none;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item .ant-checkbox-inner {
  top: 2px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item.task_subtasks-item--add {
  margin-bottom: 10px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item.task_subtasks-item--add .ant-space-item:first-child {
  width: 100%;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item.task_subtasks-item--add .input-subtask {
  border-radius: 5px;
  border: 1px solid #434343;
  background: #fff;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:first-child {
  width: 18px;
  height: 32px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 210px;
}

@media (min-width: 375px) {
  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content {
    width: 250px;
  }
}

@media (min-width: 425px) {
  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content {
    width: 300px;
  }
}

@media (min-width: 768px) {
  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content {
    width: 300px;
  }
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(2) .subtask-content.done {
  text-decoration: line-through;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(3) {
  width: 18px;
  height: 32px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(3) .ant-btn {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  position: relative;
  top: 7px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:not(.task_subtasks-item--add) .ant-space-item:nth-child(3) .ant-btn svg {
  color: #898989;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item--add-actions {
  display: flex;
  gap: 10px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item:hover {
  background: #f4f4f4 !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-form .task_subtasks_wrapper .task_subtasks-item-wrapper .task_subtasks-item--add:hover {
  background: transparent !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-title {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .ant-upload.ant-upload-drag {
  height: 110px !important;
  border-color: #585858;
  background: #f4f4f4;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .ant-upload.ant-upload-drag .ant-upload {
  padding: 0px !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .ant-upload.ant-upload-drag .ant-upload .ant-upload-drag-container {
  position: relative;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .ant-upload.ant-upload-drag .ant-upload .ant-upload-drag-container .wrapper-mask-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .ant-upload.ant-upload-drag .ant-upload .ant-upload-drag-container .wrapper-mask-loading.loading {
  display: flex;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 10px;
  margin-top: 10px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item {
  position: relative;
  height: 240px;
  width: 100%;
}

@media (min-width: 768px) {
  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item {
    width: calc(33.33% - 7px);
  }
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item:hover .attachment-uploaded-item-mask {
  opacity: 1;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask {
  position: absolute;
  width: 100%;
  height: calc(100% - 20px);
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 99;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.3);
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-mask .attachment-uploaded-item-actions .ant-btn svg {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image,
.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video {
  width: 100%;
  height: 220px;
  background: #fff;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image.error,
.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video.error {
  border: 2px solid #c80202;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-name {
  margin-top: 5px;
  color: #898989;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-image img {
  width: 100%;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video .react-player-video-wrapper {
  width: 100% !important;
  height: 220px !important;
  display: flex;
  align-items: center;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .attachment-wrapper .attachment-uploaded-wrapper .attachment-uploaded-item .attachment-uploaded-item-video .react-player-video-wrapper video {
  height: 100% !important;
  max-height: 220px !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description {
  width: 100%;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .title {
  font-size: 20px;
  font-weight: 600;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .description {
  font-size: 16px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .notes {
  font-size: 16px;
  font-weight: 600;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .notes-description {
  font-size: 16px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .label svg {
  color: var(--yellow);
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .label.float-label {
  top: -14px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .label-value {
  font-size: 16px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .assignee-div {
  display: flex;
  align-items: center;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .assignee-div .ant-skeleton {
  margin-top: 3px;
  line-height: 17px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .assignee-div .ant-skeleton .ant-skeleton-avatar {
  width: 17px;
  height: 17px;
  line-height: 17px;
}

@-moz-document url-prefix()  {
  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap {
    align-items: baseline;
  }

  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user-abv-pic img {
    width: 18px !important;
    height: 18px !important;
  }

  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user-abv {
    width: 19px !important;
    height: 19px !important;
    margin-top: 4px !important;
  }

  .drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .assignee-div {
    display: flex;
    align-items: center;
  }
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap {
  display: flex;
  align-items: center;
  gap: 2px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user_icon {
  position: relative;
  top: 1px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user_icon svg {
  color: #23bf08;
  font-size: 12px;
  cursor: pointer;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user-abv {
  background: #fe8ab3;
  color: white;
  border-radius: 50%;
  padding: 2px 5px;
  margin-right: -3px;
  font-size: 10px;
  display: inline-block;
  text-align: center;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user-abv.key0 {
  background: #fe8ab3 !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user-abv.key1 {
  background: #f9c457 !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user-abv.key2 {
  background: #4cc459 !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user-abv.key3 {
  background: white !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  color: black !important;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user-abv-pic {
  margin-right: -3px;
  font-size: 10px;
  margin-top: 5px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .user-wrap .user-abv-pic img {
  border-radius: 50%;
  width: 17px;
  margin-top: -2px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 17px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .history-wrapper {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #efefef;
  margin-bottom: 10px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .history-wrapper .history-title {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .history-wrapper .history-list {
  max-height: 140px;
  overflow-x: auto;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .history-wrapper .history-list .item-history {
  display: flex;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 5px;
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .history-wrapper .history-list .item-history.hidden {
  display: none;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .history-wrapper .history-list .item-history .title {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-right: 2px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .history-wrapper .history-list .item-history .data {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .history-wrapper .history-list .no-history {
  color: #898989;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .btn-show-more-list {
  color: #0a6c31;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  width: auto;
  height: auto;
  padding: 0px;
  margin-bottom: 30px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .btn-show-more-list span {
  color: #0a6c31;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .row-label .ant-col {
  display: flex;
  align-items: center;
  gap: 10px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .row-label .ant-col .label {
  font-weight: 500;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .row-label .ant-col .label-value .user-wrap {
  margin-bottom: 5px;
}

.drawer-form-task .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .wrap-description .row-label-subtask .ant-col .task_subtasks_wrapper .task_subtasks-title .title {
  margin-bottom: 0px;
}

.drawer-form-task .float-select-multi .ant-select-selection-overflow {
  padding-bottom: 4px;
  padding-top: 4px;
}

.drawer-form-task .comment-container .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}

.drawer-form-task .comment-container .comments-wrapper {
  max-height: 180px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

.drawer-form-task .comment-container .comments {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  justify-content: space-between;
}

.drawer-form-task .comment-container .comments .right-side {
  display: flex;
  gap: 8px;
  width: 100%;
}

.drawer-form-task .comment-container .comments .right-side .comment-content {
  width: 100%;
}

.drawer-form-task .comment-container .comments .right-side .comment-content .comment .comment-input-edit input {
  height: 40px;
  border-right: 1px solid black;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 10px;
  border: 1px solid black;
  border-radius: 5px;
}

.drawer-form-task .comment-container .comments .right-side .comment-content .comment .comment-input-edit input:focus,
.drawer-form-task .comment-container .comments .right-side .comment-content .comment .comment-input-edit input:hover {
  height: 40px;
  border-right: 1px solid black;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 10px;
  border: 1px solid black;
  border-radius: 5px;
  box-shadow: none;
}

.drawer-form-task .comment-container .comments .left-side {
  margin-right: 10px;
}

.drawer-form-task .comment-container .comments .comment-user {
  background: #fe8ab3;
  color: white;
  border-radius: 50%;
  padding: 2px 5px;
  font-size: 16px;
  margin-top: 5px;
  height: 29px;
  width: 29px;
}

.drawer-form-task .comment-container .comments .comment-user.key1 {
  background: #fe8ab3 !important;
}

.drawer-form-task .comment-container .comments .comment-user.key2 {
  background: #f9c457 !important;
}

.drawer-form-task .comment-container .comments .comment-user.key3 {
  background: #4cc459 !important;
}

.drawer-form-task .comment-container .comments .comment-user-pic {
  font-size: 16px;
  margin-top: 5px;
}

.drawer-form-task .comment-container .comments .comment-user-pic img {
  border-radius: 50%;
  width: 29px;
  margin-top: -2px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 29px;
}

.drawer-form-task .comment-container .comments .comment-date-name {
  display: flex;
  gap: 8px;
}

.drawer-form-task .comment-container .comments .comment-date-name .name {
  font-weight: 600;
}

.drawer-form-task .comment-container .comments .comment-date-name .date {
  color: #898989;
}

.drawer-form-task .comment-container .comments-input .ant-input-wrapper {
  margin-top: 10px;
  border-radius: 5px;
}

.drawer-form-task .comment-container .comments-input .ant-input-wrapper input {
  height: 40px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-color: #ccc;
}

.drawer-form-task .comment-container .comments-input .ant-input-wrapper input::-moz-selection {
  border-color: var(--yellow);
  box-shadow: none;
}

.drawer-form-task .comment-container .comments-input .ant-input-wrapper input:focus,
.drawer-form-task .comment-container .comments-input .ant-input-wrapper input:hover,
.drawer-form-task .comment-container .comments-input .ant-input-wrapper input::selection {
  border-color: var(--yellow);
  box-shadow: none;
}

.drawer-form-task .comment-container .comments-input .ant-input-wrapper .ant-input-group-addon {
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0;
}

.drawer-form-task .comment-container .comments-input .ant-input-wrapper .ant-input-group-addon svg {
  padding: 10px;
  padding-right: 12px;
  padding-left: 12px;
  font-size: 15px;
  padding-bottom: 8px;
}

.subtask-tool-tip {
  max-width: 286px;
}

@media (min-width: 425px) {
  .subtask-tool-tip {
    max-width: 300px;
  }
}

@media (min-width: 768px) {
  .subtask-tool-tip {
    max-width: 500px;
  }
}

.ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-body {
  padding: 20px 10px 20px 10px;
}

@media (min-width: 425px) {
  .ant-modal-root .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-body {
    padding: 20px 20px 20px 20px;
  }
}

.icon-drawer-info svg {
  font-size: 15px;
  color: var(--yellow);
}

.icon-drawer-info:hover,
.icon-drawer-info:focus,
.icon-drawer-info:active {
  background: transparent;
}

.drawer-clock-timer__history .ant-dropdown-menu {
  max-height: 250px;
  overflow-y: auto;
}

.drawer-form-task .assignee-div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.drawer-form-task .assignee-div .user-abv {
  display: flex !important;
  height: 16px !important;
  width: 16px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0px !important;
  font-size: 10px !important;
  margin-top: 5px !important;
}

.drawer-form-task .assignee-div .user-abv span {
  line-height: 10px !important;
  margin-left: -1px !important;
}

.drawer-form-task .assignee-div .user-abv-pic img {
  margin-top: -2.2px !important;
}

.modal-wrap-category .ant-modal .ant-modal-content .ant-modal-body .btn-submit-wrapper {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 575px) {
  .modal-wrap-category .ant-modal .ant-modal-content .ant-modal-body .btn-submit-wrapper .ant-btn {
    width: 100%;
  }
}

.list_view .react-trello-list-view .left {
  padding-left: 45px !important;
}

@media (max-width: 860px) {
  .list_view .react-trello-list-view .left {
    width: 132px !important;
  }
}

.list_view .react-trello-list-view .left .number {
  width: 65px !important;
}

.list_view .react-trello-list-view .right {
  width: 413px !important;
}

@media (max-width: 1200px) {
  .list_view .react-trello-list-view .right {
    width: 300px !important;
  }
}

@media (max-width: 910px) {
  .list_view .react-trello-list-view .right {
    width: 260px !important;
  }
}

@media (max-width: 825px) {
  .list_view .react-trello-list-view .right {
    width: 230px !important;
  }
}

@media (max-width: 825px) {
  .list_view .react-trello-list-view .right .assignee {
    width: 77px !important;
  }
}

.list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
  gap: 62px !important;
}

@media (max-width: 880px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 58px !important;
  }
}

@media (max-width: 860px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 54px !important;
  }
}

.list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
  width: 900px !important;
}

@media (max-width: 1670px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 800px !important;
  }
}

@media (max-width: 1580px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 700px !important;
  }
}

@media (max-width: 1470px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 600px !important;
  }
}

@media (max-width: 1380px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 500px !important;
  }
}

@media (max-width: 1280px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 450px !important;
  }
}

@media (max-width: 1220px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 400px !important;
  }
}

@media (max-width: 1200px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 520px !important;
  }
}

@media (max-width: 1180px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 500px !important;
  }
}

@media (max-width: 1160px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 480px !important;
  }
}

@media (max-width: 1140px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 460px !important;
  }
}

@media (max-width: 1120px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 430px !important;
  }
}

@media (max-width: 1100px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 400px !important;
  }
}

@media (max-width: 1060px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 380px !important;
  }
}

@media (max-width: 1040px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 360px !important;
  }
}

@media (max-width: 1020px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 340px !important;
  }
}

@media (max-width: 1000px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 320px !important;
  }
}

@media (max-width: 980px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 300px !important;
  }
}

@media (max-width: 960px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 280px !important;
  }
}

@media (max-width: 940px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 260px !important;
  }
}

@media (max-width: 920px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 240px !important;
  }
}

@media (max-width: 865px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 220px !important;
  }
}

@media (max-width: 845px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 200px !important;
  }
}

@media (max-width: 825px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 210px !important;
  }
}

@media (max-width: 800px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 180px !important;
  }
}

@media (max-width: 770px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 180px !important;
  }
}

@media (max-width: 768px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 170px !important;
  }
}

@media (max-width: 767px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 440px !important;
  }
}

@media (max-width: 730px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 390px !important;
  }
}

@media (max-width: 680px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 330px !important;
  }
}

@media (max-width: 630px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 290px !important;
  }
}

@media (max-width: 575px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 400px !important;
  }
}

@media (max-width: 525px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 360px !important;
  }
}

@media (max-width: 480px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 310px !important;
  }
}

@media (max-width: 435px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 290px !important;
  }
}

@media (max-width: 410px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 260px !important;
  }
}

@media (max-width: 380px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 240px !important;
  }
}

@media (max-width: 357px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap {
    width: 200px !important;
  }
}

.list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
  width: 23px !important;
}

@media (max-width: 1180px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 26px !important;
  }
}

@media (max-width: 1100px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 28px !important;
  }
}

@media (max-width: 1000px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 30px !important;
  }
}

@media (max-width: 960px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 32px !important;
  }
}

@media (max-width: 900px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 34px !important;
  }
}

@media (max-width: 825px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 39px !important;
  }
}

@media (max-width: 767px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 30px !important;
  }
}

@media (max-width: 680px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 32px !important;
  }
}

@media (max-width: 575px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 27px !important;
  }
}

@media (max-width: 525px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 28px !important;
  }
}

@media (max-width: 480px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 30px !important;
  }
}

@media (max-width: 380px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 34px !important;
  }
}

@media (max-width: 357px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 37px !important;
  }
}

.list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
  width: 43px !important;
  display: block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1440px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 48px !important;
  }
}

@media (max-width: 1220px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 55px !important;
  }
}

@media (max-width: 1200px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 50px !important;
  }
}

@media (max-width: 920px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 57px !important;
  }
}

@media (max-width: 768px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 64px !important;
  }
}

@media (max-width: 767px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 39px !important;
  }
}

@media (max-width: 730px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 42px !important;
  }
}

@media (max-width: 575px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 43px !important;
  }
}

@media (max-width: 410px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 46px !important;
  }
}

@media (max-width: 357px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 50px !important;
  }
}

.list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .title {
  max-width: 100% !important;
  padding-left: 10px !important;
}

@media (max-width: 1200px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .title {
    padding-left: 9px !important;
  }
}

@media (max-width: 1140px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .title {
    padding-left: 10px !important;
  }
}

@media (max-width: 1040px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .title {
    padding-left: 12px !important;
  }
}

@media (max-width: 880px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .title {
    padding-left: 7px !important;
  }
}

@media (max-width: 630px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .title {
    padding-left: 9px !important;
  }
}

@media (max-width: 480px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .left-id-wrap .title {
    padding-left: 9px !important;
  }
}

.list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap {
  width: 390px !important;
}

@media (max-width: 1200px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap {
    width: 278px !important;
  }
}

@media (max-width: 910px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap {
    width: 240px !important;
  }
}

@media (max-width: 825px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap {
    width: 208px !important;
  }
}

@media (max-width: 575px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap {
    width: 50px !important;
  }
}

.list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap .user-wrap {
  width: 134px !important;
}

@media (max-width: 1200px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap .user-wrap {
    width: 110px !important;
  }
}

@media (max-width: 1200px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap .date-wrap div {
    width: 111px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 910px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap .date-wrap div {
    width: 88px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 825px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap .date-wrap div {
    width: 70px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 768px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap .date-wrap div {
    width: 72px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap .ellipses-and-details {
  width: 78px !important;
}

@media (max-width: 485px) {
  .list_view .vertical-board .smooth-dnd-container.horizontal .smooth-dnd-draggable-wrapper .description-card-wrapper .description-card .right-id-wrap .ellipses-and-details {
    width: 50px !important;
  }
}

@media (max-width: 1000px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left {
    padding-left: 48px !important;
  }
}

@media (max-width: 575px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left {
    padding-left: 45px !important;
  }
}

@media (max-width: 525px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left {
    padding-left: 43px !important;
  }
}

@media (max-width: 480px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left {
    padding-left: 46px !important;
  }
}

@media (max-width: 410px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left {
    padding-left: 42px !important;
  }
}

@media (max-width: 380px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left {
    padding-left: 41px !important;
  }
}

@media (max-width: 357px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left {
    padding-left: 41px !important;
  }
}

@media (max-width: 860px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left {
    width: 141px !important;
  }
}

@media (max-width: 1000px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left .number {
    width: 62px !important;
  }
}

@media (max-width: 840px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left .number {
    width: 60px !important;
  }
}

@media (max-width: 640px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left .number {
    width: 56px !important;
  }
}

@media (max-width: 575px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left .number {
    width: 64px !important;
  }
}

@media (max-width: 480px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left .number {
    width: 58px !important;
  }
}

@media (max-width: 380px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left .number {
    width: 58px !important;
  }
}

@media (max-width: 357px) {
  .ant-layout-has-collapse .list_view .react-trello-list-view .left .number {
    width: 54px !important;
  }
}

@media (max-width: 880px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 62px !important;
  }
}

@media (max-width: 860px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 62px !important;
  }
}

@media (max-width: 825px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 62px !important;
  }
}

@media (max-width: 690px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 60px !important;
  }
}

@media (max-width: 640px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 57px !important;
  }
}

@media (max-width: 590px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 55px !important;
  }
}

@media (max-width: 575px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 62px !important;
  }
}

@media (max-width: 525px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 59px !important;
  }
}

@media (max-width: 480px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 57px !important;
  }
}

@media (max-width: 410px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 53px !important;
  }
}

@media (max-width: 380px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 51px !important;
  }
}

@media (max-width: 357px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal header > span > div {
    gap: 48px !important;
  }
}

@media (max-width: 1920px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 1200px !important;
  }
}

@media (max-width: 1740px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 1100px !important;
  }
}

@media (max-width: 1635px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 1000px !important;
  }
}

@media (max-width: 1535px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 900px !important;
  }
}

@media (max-width: 1435px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 800px !important;
  }
}

@media (max-width: 1335px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 700px !important;
  }
}

@media (max-width: 1240px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 650px !important;
  }
}

@media (max-width: 1200px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 700px !important;
  }
}

@media (max-width: 1125px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 650px !important;
  }
}

@media (max-width: 1075px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 600px !important;
  }
}

@media (max-width: 1025px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 550px !important;
  }
}

@media (max-width: 975px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 500px !important;
  }
}

@media (max-width: 925px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 450px !important;
  }
}

@media (max-width: 910px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 500px !important;
  }
}

@media (max-width: 885px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 450px !important;
  }
}

@media (max-width: 835px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 400px !important;
  }
}

@media (max-width: 825px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 450px !important;
  }
}

@media (max-width: 800px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 400px !important;
  }
}

@media (max-width: 690px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 350px !important;
  }
}

@media (max-width: 640px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 300px !important;
  }
}

@media (max-width: 590px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 280px !important;
  }
}

@media (max-width: 575px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 400px !important;
  }
}

@media (max-width: 525px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 360px !important;
  }
}

@media (max-width: 480px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 310px !important;
  }
}

@media (max-width: 435px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 290px !important;
  }
}

@media (max-width: 410px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 260px !important;
  }
}

@media (max-width: 380px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 240px !important;
  }
}

@media (max-width: 357px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap {
    width: 200px !important;
  }
}

@media (max-width: 900px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap .sort-wrap {
    width: 30px !important;
  }
}

@media (max-width: 1220px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 47px !important;
  }
}

@media (max-width: 1190px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 45px !important;
  }
}

@media (max-width: 885px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 49px !important;
  }
}

@media (max-width: 835px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 52px !important;
  }
}

@media (max-width: 525px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap .id-wrap {
    width: 49px !important;
  }
}

@media (max-width: 1135px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .left-id-wrap .title {
    padding-left: 7px !important;
  }
}

@media (max-width: 768px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .right-id-wrap .date-wrap div {
    width: 72px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 825px) {
  .ant-layout-has-collapse .list_view .vertical-board .smooth-dnd-container.horizontal .description-card-wrapper .description-card .right-id-wrap .date-wrap div {
    width: 70px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 880px) {
  .ant-layout-no-collapse .sc-gKsecS .sc-kEjbdu > div {
    margin-left: 85px !important;
  }
}

@media (max-width: 425px) {
  .main-private-layout .sc-gKsecS .sc-kEjbdu > div {
    margin-left: 85px !important;
  }
}

@media (max-width: 370px) {
  .main-private-layout .sc-gKsecS .sc-kEjbdu > div {
    margin-left: 80px !important;
  }
}

@media (max-width: 575px) {
  #PageClients .btn-main-tertiary {
    width: 100%;
    height: 40px;
  }
}

#PageClients .tbl-global-search-wrapper {
  width: 280px;
  height: 32px;
}

#PageClients .tbl-global-search-wrapper .ant-input-affix-wrapper {
  height: 32px;
  border-radius: 5px;
}

#PageClients .text-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#PageClients .ant-pagination .ant-pagination-next {
  margin-right: -6px;
}

#PageClients .ant-btn.ant-btn-lg {
  height: 40px !important;
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .display-left .ant-space {
    width: 100%;
  }
}

#PageClients .collapse-filters-mobile .ant-input-affix-wrapper {
  height: 32px;
  width: 320px;
  border-radius: 5px;
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .ant-input-affix-wrapper {
    width: 100%;
    height: 40px;
  }
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .ant-btn {
    width: 100%;
  }
}

#PageClients .collapse-filters-mobile .pagination-and-support-details {
  margin-top: 0 !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .pagination-and-support-details {
    width: 100%;
  }

  #PageClients .collapse-filters-mobile .pagination-and-support-details .ant-select-selector {
    height: 40px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 767px) {
  #PageClients .collapse-filters-mobile .mtop5 {
    margin-top: 5px !important;
  }
}

@media (max-width: 767px) {
  #PageClients .collapse-filters-mobile .table-showing-entries {
    margin-top: 2px !important;
  }
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .table-showing-entries {
    margin-top: 0px !important;
  }
}

#PageClients .collapse-filters-mobile .display-right {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .display-right {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .display-right .ant-space {
    width: 100%;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .display-right .ant-space .ant-space-item:first-child {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .display-right .ant-space .ant-space-item:first-child .ant-select {
    width: 100%;
  }
}

#PageClients .collapse-filters-mobile .ant-pagination .ant-pagination-next {
  margin-right: -12px;
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .ant-pagination .ant-pagination-next {
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  #PageClients .collapse-filters-mobile .ant-pagination .ant-pagination-total-text {
    margin-right: 0;
  }
}

#PageClients .ant-layout .ant-layout-content .content-wrapper .account-setup-filter-mobile .btn-top-actions .ant-space {
  width: 100%;
}

@media (max-width: 575px) {
  #PageClients .ant-layout .ant-layout-content .content-wrapper .account-setup-filter-mobile .btn-top-actions .ant-space .ant-space-item .table-global-search.animated {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  #PageClients .ant-layout .ant-layout-content .content-wrapper .account-setup-filter-mobile .tbl-page-size {
    justify-content: flex-start;
  }
}

@media (max-width: 575px) {
  #PageClients .ant-layout .ant-layout-content .content-wrapper .account-setup-filter-mobile .ant-pagination {
    justify-content: center;
  }
}

#PageSystemSettingPageHistoricalData .ant-table-column-sorter {
  margin-left: -8px;
}

#PageSystemSettingPageHistoricalData .ant-table-body .ant-table-cell {
  padding-left: 27px !important;
}

@media (max-width: 575px) {
  #PageSystemSettingPageHistoricalData .account-setup-filter-mobile .tbl-page-size {
    justify-content: center;
    margin-top: 10px;
  }

  #PageSystemSettingPageHistoricalData .account-setup-filter-mobile .tbl-page-size .ant-select-table-pagesize {
    width: 100%;
  }

  #PageSystemSettingPageHistoricalData .account-setup-filter-mobile .tbl-page-size .ant-select-table-pagesize .ant-select-selector {
    height: 40px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #PageSystemSettingPageHistoricalData .account-setup-filter-mobile .table-showing-entries {
    justify-content: center;
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  #PageSystemSettingPageHistoricalData .account-setup-filter-mobile .ant-pagination.table-pagination {
    justify-content: center;
  }

  #PageSystemSettingPageHistoricalData .account-setup-filter-mobile .ant-pagination.table-pagination .ant-pagination-total-text {
    margin-right: 0px !important;
  }
}

#PageSystemSettingPageHistoricalData .account-setup-filter-mobile .table-global-search .ant-input-affix-wrapper {
  display: flex;
  align-items: center;
  height: 40px;
}

@media (max-width: 575px) {
  #PageSystemSettingPageHistoricalData .account-setup-filter-mobile .table-global-search .ant-input-affix-wrapper.ant-input-padding-inherit {
    padding: 4px 0px;
  }
}

@media (max-width: 575px) {
  #PageSystemSettingPageHistoricalData .table-global-search .ant-input-affix-wrapper.ant-input-padding-inherit {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 4px 0px;
  }
}

.filter-custom {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#PageTermsCondition .terms-and-conditions .terms-and-conditions-content p {
  margin-bottom: 0px;
}

#PagePrivacyPolicy .privacy-policy .privacy-policy-content p {
  margin-bottom: 0px;
}

#PageSystemSettingPageVideoFaqs .table-tag .table-tag-div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#PageSystemSettingPageVideoFaqs .table-tag .table-tag-div .ant-tag {
  margin-right: 0px;
}

#PageSystemSettingPageVideoFaqs .active-action {
  color: var(--yellow);
}

#PageSystemSettingPageVideoFaqs .active-action:hover {
  color: black;
}

#PageSystemSettingPageVideoFaqs .active-action:focus {
  color: black;
}

@media (max-width: 991px) and (min-width: 939px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 244px !important;
  }
}

@media (max-width: 939px) and (min-width: 921px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 239px !important;
  }
}

@media (max-width: 921px) and (min-width: 916px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 234px !important;
  }
}

@media (max-width: 903px) and (min-width: 885px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 229px !important;
  }
}

@media (max-width: 885px) and (min-width: 867px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 224px !important;
  }
}

@media (max-width: 867px) and (min-width: 849px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 219px !important;
  }
}

@media (max-width: 849px) and (min-width: 835px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 214px !important;
  }
}

@media (max-width: 835px) and (min-width: 813px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 209px !important;
  }
}

@media (max-width: 813px) and (min-width: 799px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 205px !important;
  }
}

@media (max-width: 799px) and (min-width: 779px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 199px !important;
  }
}

@media (max-width: 779px) and (min-width: 769px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 194px !important;
  }
}

@media (max-width: 768px) and (min-width: 768px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper {
    height: 181px !important;
  }
}

@media (max-width: 991px) and (min-width: 939px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 244px !important;
  }
}

@media (max-width: 939px) and (min-width: 921px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 239px !important;
  }
}

@media (max-width: 921px) and (min-width: 916px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 234px !important;
  }
}

@media (max-width: 903px) and (min-width: 885px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 229px !important;
  }
}

@media (max-width: 885px) and (min-width: 867px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 224px !important;
  }
}

@media (max-width: 867px) and (min-width: 849px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 219px !important;
  }
}

@media (max-width: 849px) and (min-width: 835px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 214px !important;
  }
}

@media (max-width: 835px) and (min-width: 813px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 209px !important;
  }
}

@media (max-width: 813px) and (min-width: 799px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 205px !important;
  }
}

@media (max-width: 799px) and (min-width: 779px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 199px !important;
  }
}

@media (max-width: 779px) and (min-width: 769px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 194px !important;
  }
}

@media (max-width: 768px) and (min-width: 768px) {
  #PagePreviewVideoFaqs .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .ant-layout-has-collapse .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 181px !important;
  }
}

@media (max-width: 916px) {
  #PagePreviewVideoFaqs .video-list-wrapper,
  #PageVluxeoSupport .video-list-wrapper {
    row-gap: 15px !important;
  }
}

#PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
#PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
  width: 100%;
  position: relative;
}

@media (max-width: 991px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 180px;
  }
}

@media (max-width: 951px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 170px !important;
  }
}

@media (max-width: 916px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 165px !important;
  }
}

@media (max-width: 897px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 160px !important;
  }
}

@media (max-width: 879px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 155px !important;
  }
}

@media (max-width: 861px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 150px !important;
  }
}

@media (max-width: 844px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 145px !important;
  }
}

@media (max-width: 827px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 140px !important;
  }
}

@media (max-width: 809px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 135px !important;
  }
}

@media (max-width: 791px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 130px !important;
  }
}

@media (max-width: 773px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 125px !important;
  }
}

@media (max-width: 767px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 200px !important;
  }
}

@media (max-width: 716px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 195px !important;
  }
}

@media (max-width: 698px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 190px !important;
  }
}

@media (max-width: 682px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 185px !important;
  }
}

@media (max-width: 664px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 180px !important;
  }
}

@media (max-width: 628px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 170px !important;
  }
}

@media (max-width: 610px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 165px !important;
  }
}

@media (max-width: 592px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 160px !important;
  }
}

@media (max-width: 575px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 307px !important;
  }
}

@media (max-width: 539px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 297px !important;
  }
}

@media (max-width: 530px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 292px !important;
  }
}

@media (max-width: 521px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 287px !important;
  }
}

@media (max-width: 512px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 282px !important;
  }
}

@media (max-width: 503px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 277px !important;
  }
}

@media (max-width: 494px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 272px !important;
  }
}

@media (max-width: 485px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 267px !important;
  }
}

@media (max-width: 476px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 262px !important;
  }
}

@media (max-width: 468px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 257px !important;
  }
}

@media (max-width: 459px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 252px !important;
  }
}

@media (max-width: 450px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 247px !important;
  }
}

@media (max-width: 441px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 242px !important;
  }
}

@media (max-width: 432px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 237px !important;
  }
}

@media (max-width: 423px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 232px !important;
  }
}

@media (max-width: 414px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 227px !important;
  }
}

@media (max-width: 405px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 222px !important;
  }
}

@media (max-width: 396px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 217px !important;
  }
}

@media (max-width: 388px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 212px !important;
  }
}

@media (max-width: 379px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 207px !important;
  }
}

@media (max-width: 370px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 202px !important;
  }
}

@media (max-width: 361px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 197px !important;
  }
}

@media (max-width: 352px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 192px !important;
  }
}

@media (max-width: 343px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 187px !important;
  }
}

@media (max-width: 334px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 182px !important;
  }
}

@media (max-width: 325px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 177px !important;
  }
}

@media (max-width: 316px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper {
    height: 172px !important;
  }
}

#PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-loading,
#PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-loading .icon-wrapper,
#PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-loading .icon-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.9);
}

#PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-loading .icon-wrapper svg,
#PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-loading .icon-wrapper svg {
  font-size: 32px;
  color: var(--yellow);
}

#PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper,
#PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper {
  position: relative;
  padding-top: 56.25%;
  /* 720 / 1280 = 0.5625 */
}

#PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
#PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 991px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 180px;
  }
}

@media (max-width: 951px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 170px !important;
  }
}

@media (max-width: 916px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 165px !important;
  }
}

@media (max-width: 897px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 160px !important;
  }
}

@media (max-width: 879px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 155px !important;
  }
}

@media (max-width: 861px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 150px !important;
  }
}

@media (max-width: 844px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 145px !important;
  }
}

@media (max-width: 827px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 140px !important;
  }
}

@media (max-width: 809px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 135px !important;
  }
}

@media (max-width: 791px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 130px !important;
  }
}

@media (max-width: 773px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 125px !important;
  }
}

@media (max-width: 767px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 200px !important;
  }
}

@media (max-width: 716px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 195px !important;
  }
}

@media (max-width: 698px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 190px !important;
  }
}

@media (max-width: 682px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 185px !important;
  }
}

@media (max-width: 664px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 180px !important;
  }
}

@media (max-width: 628px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 170px !important;
  }
}

@media (max-width: 610px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 165px !important;
  }
}

@media (max-width: 592px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 160px !important;
  }
}

@media (max-width: 575px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 307px !important;
  }
}

@media (max-width: 539px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 297px !important;
  }
}

@media (max-width: 530px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 292px !important;
  }
}

@media (max-width: 521px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 287px !important;
  }
}

@media (max-width: 512px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 282px !important;
  }
}

@media (max-width: 503px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 277px !important;
  }
}

@media (max-width: 494px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 272px !important;
  }
}

@media (max-width: 485px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 267px !important;
  }
}

@media (max-width: 476px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 262px !important;
  }
}

@media (max-width: 468px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 257px !important;
  }
}

@media (max-width: 459px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 252px !important;
  }
}

@media (max-width: 450px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 247px !important;
  }
}

@media (max-width: 441px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 242px !important;
  }
}

@media (max-width: 432px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 237px !important;
  }
}

@media (max-width: 423px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 232px !important;
  }
}

@media (max-width: 414px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 227px !important;
  }
}

@media (max-width: 405px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 222px !important;
  }
}

@media (max-width: 396px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 217px !important;
  }
}

@media (max-width: 388px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 212px !important;
  }
}

@media (max-width: 379px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 207px !important;
  }
}

@media (max-width: 370px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 202px !important;
  }
}

@media (max-width: 361px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 197px !important;
  }
}

@media (max-width: 352px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 192px !important;
  }
}

@media (max-width: 343px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 187px !important;
  }
}

@media (max-width: 334px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 182px !important;
  }
}

@media (max-width: 325px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 177px !important;
  }
}

@media (max-width: 316px) {
  #PagePreviewVideoFaqs .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video,
  #PageVluxeoSupport .video-list-wrapper .video-thumbnail-wrapper .react-player-video-wrapper .react-player-video {
    height: 172px !important;
  }
}

#PagePreviewVideoFaqs .video-list-wrapper .title,
#PageVluxeoSupport .video-list-wrapper .title {
  font-size: 17px;
  font-weight: 700;
}

#PagePreviewVideoFaqs .ant-pagination-wrapper,
#PageVluxeoSupport .ant-pagination-wrapper {
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  #PagePreviewVideoFaqs .ant-pagination-wrapper .ant-pagination,
  #PageVluxeoSupport .ant-pagination-wrapper .ant-pagination {
    justify-content: center;
  }
}

#PageProjectIndividual > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 5px;
}

#PageProjectIndividual .filter-project-wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 10px;
}

#PageProjectIndividual .filter-project-wrapper .title {
  color: var(--yellow);
  font-size: 16px;
}

#PageProjectIndividual .filter-project-wrapper .title span {
  color: #000;
}

#PageProjectIndividual .filter-project-wrapper .ant-btn svg {
  margin-right: 3px;
  font-size: 12px;
}

#PageProjectIndividual .filter-project-wrapper .action .ant-btn {
  padding: 0px !important;
  color: var(--yellow);
  height: auto;
  width: auto;
}

#PageProjectIndividual .filter-project-wrapper .action .ant-btn svg {
  font-size: 14px;
  color: var(--yellow);
}

#PageProjectIndividual .row-uncharge {
  background-color: #d8ead2;
}

#PageProjectIndividual .row-uncharge:hover {
  background-color: #d8ead2 !important;
}

#PageProjectIndividual .row-uncharge:hover .ant-table-cell-row-hover {
  background-color: #d8ead2 !important;
}

#PageProjectIndividual .update-actual-hours {
  background-color: #d8ead2;
}

#PageProjectIndividual .update-actual-hours:hover {
  background-color: #d8ead2 !important;
}

#PageProjectIndividual .update-actual-hours:hover .ant-table-cell-row-hover {
  background-color: #d8ead2 !important;
}

#PageProjectIndividual .ant-collapse.card-contact-details .ant-card-head {
  padding: 0 20px;
}

#PageProjectIndividual .ant-collapse.card-contact-details .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  display: flex;
  justify-content: space-between;
}

#PageProjectIndividual .ant-collapse.card-contact-details .ant-card-head .ant-card-head-wrapper .ant-card-head-title .ant-btn {
  width: auto;
  height: auto;
}

#PageProjectIndividual .ant-collapse .card-retainer-hours {
  border-color: #9e34a2 !important;
}

#PageProjectIndividual .ant-collapse .card-retainer-hours .ant-collapse-header {
  background-color: #9e34a2;
  padding: 9px 20px;
}

#PageProjectIndividual .ant-collapse .card-retainer-hours .ant-collapse-header .ant-collapse-header-text {
  color: white;
  font-size: 16px;
}

#PageProjectIndividual .ant-collapse .card-retainer-hours .ant-collapse-header .ant-collapse-expand-icon {
  color: white;
}

#PageProjectIndividual .ant-collapse .card-retainer-hours .ant-collapse-content-box {
  padding: 24px 24px 15px 24px;
}

#PageProjectIndividual .ant-collapse .card-retainer-hours .btn-main-primary2:hover svg {
  color: black;
}

#PageProjectIndividual .ant-collapse .card-retainer-hours .btn-main-primary2 svg {
  font-size: 14px;
  color: var(--yellow);
}

#PageProjectIndividual .ant-collapse .card-project-hours .ant-collapse-header {
  padding: 9px 20px;
  cursor: grab;
}

#PageProjectIndividual .ant-collapse .card-project-hours .ant-collapse-header .title {
  color: white;
}

#PageProjectIndividual .ant-collapse .card-project-hours .ant-collapse-header .ant-collapse-expand-icon {
  color: white;
}

#PageProjectIndividual .ant-collapse .card-project-hours .ant-collapse-header .title {
  font-size: 16px;
}

#PageProjectIndividual .ant-collapse .card-project-hours .ant-collapse-content-box {
  padding: 24px 24px 15px 24px;
}

#PageProjectIndividual .ant-collapse .card-project-hours .ant-collapse-content-box .card-project-hours-est-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#PageProjectIndividual .ant-collapse .card-project-hours .ant-collapse-content-box .card-project-hours-est-total > div:last-child {
  width: auto;
  background-color: #ececec;
  color: #f6170d;
  font-weight: 700;
  padding: 5px 10px;
}

#PageProjectIndividual .ant-collapse .card-project-hours .btn-main-primary2:hover svg {
  color: black;
}

#PageProjectIndividual .ant-collapse .card-project-hours .btn-main-primary2 svg {
  font-size: 14px;
  color: var(--yellow);
}

#PageProjectIndividual .ant-collapse.card-retainer-hours .ant-card-head .ant-btn-icon-only,
#PageProjectIndividual .ant-collapse.card-project-hours .ant-card-head .ant-btn-icon-only {
  padding: 0;
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours {
  width: 100%;
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child {
  width: 100%;
}

@media (max-width: 425px) {
  #PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-flex {
    flex-direction: column;
  }
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-flex .ant-form-item:first-child {
  width: 65%;
}

@media (max-width: 1440px) {
  #PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-flex .ant-form-item:first-child {
    width: 60%;
  }
}

@media (max-width: 425px) {
  #PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-flex .ant-form-item:first-child {
    width: 100%;
  }
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-flex .ant-form-item:nth-child(2) {
  width: 35%;
}

@media (max-width: 1440px) {
  #PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-flex .ant-form-item:nth-child(2) {
    width: 40%;
  }
}

@media (max-width: 425px) {
  #PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-flex .ant-form-item:nth-child(2) {
    width: 100%;
  }
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-input-number-input-wrap .ant-input-number-input {
  height: 47px;
  border-radius: 5px;
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-input-number-handler-wrap {
  display: none;
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-input-number:focus,
#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-input-number-focused {
  box-shadow: unset;
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .ant-input-number {
  border-radius: 5px;
  border: 1px solid #cccccc;
  width: 100%;
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:first-child .project_hour_timelines_hours {
  border-radius: 5px;
  border: 1px solid #cccccc;
  width: 100%;
  height: 47px;
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) {
  display: flex;
  align-items: center;
  width: 20px;
  height: 50px;
  justify-content: flex-end;
}

#PageProjectIndividual .ant-collapse .ant-space.space-project-estimated-hours .ant-space-item:nth-child(2) .ant-btn {
  width: auto;
  height: auto;
}

#PageProjectAll > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 10px;
}

#PageProjectAll .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after,
#PageProjectAll .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 25%;
}

@media (max-width: 1599px) {
  #PageProjectAll .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after,
  #PageProjectAll .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
    left: 24%;
  }
}

#PageProjectAll .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 25%;
}

@media (max-width: 1599px) {
  #PageProjectAll .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
    left: 24%;
  }
}

#PageAffiliate > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 5px;
}

#PageAffiliate .ant-tabs.tab-settings-affiliate .ant-tabs-ink-bar {
  bottom: -5px !important;
}

#PageAffiliate .ant-tabs.tab-settings-affiliate .ant-tabs-ink-bar::after {
  bottom: 8px;
}

#PageAffiliate .ant-tabs.tab-settings-affiliate .ant-tabs-nav {
  margin-bottom: 10px !important;
}

#PageAffiliate .btn-paypal-login {
  background-color: #0070ba;
  border: none;
  height: 48;
  padding-left: 24;
  padding-right: 24;
  border-radius: 50;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

#PageAffiliate .btn-paypal-login:hover {
  opacity: 0.8;
}

#PageAffiliate .card-ticketing .ant-card-body {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

#PageAffiliate .ant-card .ant-card-body {
  padding: 16px;
}

@media (max-width: 575px) {
  #PageAffiliate .page-affiliate-description {
    padding: 0px 5px !important;
  }
}

#PageAffiliate .dashboard-card {
  border-color: #e6e6e6;
  box-shadow: 5px 5px 6px 0 #efefef;
  border-radius: 10px !important;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

#PageAffiliate .dashboard-card:hover {
  transform: translateY(-6px);
}

#PageAffiliate .dashboard-card .title-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

#PageAffiliate .dashboard-card .the-card-title {
  font-size: 25px;
  font-weight: 600;
}

#PageAffiliate .dashboard-card .card-icon {
  display: block;
  padding: 10px;
  border-radius: 50%;
}

#PageAffiliate .dashboard-card .card-description {
  position: relative;
  top: -6px;
  margin-bottom: -6px;
}

@media (max-width: 376px) {
  #PageAffiliate .dashboard-card .card-description {
    font-size: 15px;
  }
}

#PageAffiliate .dashboard-card.credits .the-card-title,
#PageAffiliate .dashboard-card.credits .card-icon {
  color: rgb(9, 121, 0);
}

#PageAffiliate .dashboard-card.credits .card-icon {
  background-color: #eaf4e6;
}

#PageAffiliate .dashboard-card.credits .ticket-container:hover .the-card-title {
  color: rgba(9, 121, 0, 0.3);
  transition: all 0.3s ease;
}

#PageAffiliate .dashboard-card.people .the-card-title,
#PageAffiliate .dashboard-card.people .card-icon {
  color: #104b91;
}

#PageAffiliate .dashboard-card.people .card-icon {
  background-color: #e8edf4;
}

#PageAffiliate .dashboard-card.people .ticket-container:hover .the-card-title {
  color: rgba(16, 75, 145, 0.3);
  transition: all 0.3s ease;
}

#PageAffiliate .dashboard-card.clicks .the-card-title,
#PageAffiliate .dashboard-card.clicks .card-icon {
  color: #c80202;
}

#PageAffiliate .dashboard-card.clicks .card-icon {
  background-color: rgba(128, 0, 32, 0.1);
}

#PageAffiliate .dashboard-card.clicks .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 32, 0.3);
  transition: all 0.3s ease;
}

#PageAffiliate .dashboard-card.employees .the-card-title,
#PageAffiliate .dashboard-card.employees .card-icon {
  color: rgb(128, 0, 128);
}

#PageAffiliate .dashboard-card.employees .card-icon {
  background-color: rgba(128, 0, 128, 0.1);
}

#PageAffiliate .dashboard-card.employees .ticket-container:hover .the-card-title {
  color: rgba(128, 0, 128, 0.3);
  transition: all 0.3s ease;
}

#PageAffiliate .card-list-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}

#PageAffiliate .card-counter {
  border-color: #e6e6e6;
  box-shadow: 5px 5px 6px 0 #efefef;
  border-radius: 10px !important;
}

#PageAffiliate .card-counter .ant-card-body {
  border-radius: 10px;
  border: 0px;
  padding: 15px;
}

#PageAffiliate .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  font-size: 17px;
  margin-bottom: 0px;
  line-height: normal;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (min-width: 375px) {
  #PageAffiliate .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
    font-size: 22px;
  }
}

#PageAffiliate .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title .number {
  font-size: 13px;
  font-weight: 800;
}

@media (min-width: 375px) {
  #PageAffiliate .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title .number {
    font-size: 14px;
  }
}

@media (min-width: 1440px) {
  #PageAffiliate .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title .number {
    font-size: 17px;
  }
}

#PageAffiliate .card-counter .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-description {
  color: #000000;
  font-size: 18px;
}

#PageAffiliate .card-counter.card-total.new-tickets .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #42d300;
}

#PageAffiliate .card-counter.card-total.open-tickets .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #097900;
}

#PageAffiliate .card-counter.card-total.new-requests .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #349cd0;
}

#PageAffiliate .card-counter.card-total.open-requests .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #104b91;
}

#PageAffiliate .card-counter.card-total.employees .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  color: #258900;
}

#PageAffiliate .ant-collapse .ant-collapse-item.collapse-current-tickets .ant-collapse-content .ant-collapse-content-box .btn-group-actions {
  display: flex;
  gap: 5px;
}

#PageAffiliate .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .year-wrapper {
  display: flex;
  gap: 5px;
  margin-bottom: 16px;
  width: 150px;
}

@media (max-width: 575px) {
  #PageAffiliate .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .year-wrapper {
    width: 100%;
  }
}

#PageAffiliate .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .year-wrapper .ant-btn {
  width: 50%;
}

#PageAffiliate .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .btn-archive-selected {
  width: 100%;
  margin-bottom: 16px;
  border-radius: 3px;
}

@media (min-width: 768px) {
  #PageAffiliate .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-collapse-content .ant-collapse-content-box .btn-archive-selected {
    width: 150px;
  }
}

#PageAffiliate .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
  left: 21%;
}

#PageAffiliate .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after,
#PageAffiliate .ant-collapse .ant-collapse-item.collapse-recent-retainer-tickets .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th.ant-table-cell .ant-table-selection .ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
  left: 21%;
}

@media (max-width: 575px) {
  #PageAffiliate .space-link-wrapper {
    flex-direction: column;
  }
}

#PageAffiliate .space-link-wrapper.for-personalized-link {
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper.for-personalized-link {
    width: auto;
  }
}

#PageAffiliate .space-link-wrapper.for-personalized-link .ant-space-item:first-child {
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper.for-personalized-link .ant-space-item:first-child {
    width: auto;
  }
}

#PageAffiliate .space-link-wrapper.for-personalized-link .ant-space-item:nth-child(2) {
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper.for-personalized-link .ant-space-item:nth-child(2) {
    width: auto;
  }
}

#PageAffiliate .space-link-wrapper.for-generate-code {
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper.for-generate-code {
    width: auto;
  }
}

#PageAffiliate .space-link-wrapper.for-generate-code .ant-space-item:first-child {
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper.for-generate-code .ant-space-item:first-child {
    width: auto;
  }
}

#PageAffiliate .space-link-wrapper.for-generate-code .ant-space-item:nth-child(2) {
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper.for-generate-code .ant-space-item:nth-child(2) {
    width: auto;
  }
}

#PageAffiliate .space-link-wrapper .ant-space-item {
  height: 40px;
}

#PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
  border: 1px solid #c5c5c5;
  border-radius: 3px;
  height: 40px !important;
}

#PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #personalized_link {
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #personalized_link {
    width: 350px;
  }
}

#PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #generated_code {
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #generated_code {
    width: 200px;
  }
}

#PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #email,
#PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #comfirm_email,
#PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #name {
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #email,
  #PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #comfirm_email,
  #PageAffiliate .space-link-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content #name {
    width: 300px;
  }
}

#PageAffiliate .space-link-wrapper .ant-space-item .ticket-prefix-addon {
  height: 40px;
  border: 1px solid #c5c5c5;
  background: #f2f2f2;
  padding: 5px 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}

#PageAffiliate .space-link-wrapper .ant-space-item .ant-btn {
  height: 40px;
  border-radius: 3px;
  border: 1px solid var(--yellow);
  background: var(--yellow);
  color: #ffffff;
  width: 100%;
}

@media (min-width: 576px) {
  #PageAffiliate .space-link-wrapper .ant-space-item .ant-btn {
    width: auto;
  }
}

#PageAffiliate .top-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
  flex-direction: column;
  row-gap: 5px;
}

@media (min-width: 425px) {
  #PageAffiliate .top-filter {
    flex-direction: row;
    align-items: center;
  }
}

#PageAffiliate .export {
  font-size: 14px;
}

#PageAffiliate .filter-date-range {
  display: flex;
  align-items: center;
}

#PageAffiliate .filter-date-range .calendar-svg {
  color: black;
}

#PageAffiliate .filter-date-range .ant-picker.ant-picker-range {
  padding-left: 6px;
  width: 220px;
  height: 40px;
  border-radius: 5px;
  border-color: transparent;
}

@media (max-width: 991px) {
  #PageAffiliate .filter-date-range .ant-picker.ant-picker-range {
    width: 300px;
  }
}

#PageAffiliate .filter-date-range .ant-picker.ant-picker-range.ant-picker-focused {
  box-shadow: none;
}

#PageAffiliate .filter-date-range .ant-picker.ant-picker-range .ant-picker-active-bar {
  background-color: var(--yellow);
}

@media (max-width: 575px) {
  #PageAffiliate .filter-date-range .ant-picker.ant-picker-range .ant-picker-active-bar {
    background-color: transparent;
  }
}

@media (max-width: 575px) {
  #PageAffiliate .table-pagination-wrapper .table-showing-entries {
    justify-content: center;
  }
}

@media (max-width: 425px) {
  #PageAffiliate .ant-table-wrapper .ant-table-cell {
    font-size: 16px !important;
  }
}

.col-affiliate-code {
  display: flex;
  gap: 24px;
  align-items: center;
}

@media (max-width: 1200px) {
  .col-affiliate-code {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 576px) {
  .col-affiliate-code {
    align-items: center;
  }
}

.form-paypal-account .ant-form-item {
  margin-bottom: 10px;
}

.form-paypal-account .ant-form-item .for-personalized-link input {
  width: 100%;
  border: 1px solid #c5c5c5;
  border-radius: 3px;
  height: 40px !important;
}

@media (min-width: 426px) {
  .form-paypal-account .ant-form-item .for-personalized-link input {
    width: 300px;
  }
}

.form-paypal-account .ant-form-item .ant-form-item-explain-error {
  margin-bottom: 3px;
  line-height: 1.1;
}

#custom_code_help .ant-form-item-explain-error {
  font-style: italic !important;
}

#custom_code.ant-input-status-error {
  border: 1px solid #ff4d4f !important;
}

#PageCheckout {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

#PageCheckout .text-create-account,
#PageCheckout .text-sign-in-here {
  font-weight: 500;
}

#PageCheckout .ant-divider-horizontal {
  border-top: 1px solid #434343;
}

#PageCheckout .register-button,
#PageCheckout .sign-in-button,
#PageCheckout .submit-button {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

@media (max-width: 575px) {
  #PageCheckout .register-button,
  #PageCheckout .sign-in-button,
  #PageCheckout .submit-button {
    width: 100%;
  }
}

#PageCheckout .ant-layout-content {
  background-color: transparent;
  width: 525px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

@media (max-width: 767px) {
  #PageCheckout .ant-layout-content {
    width: 90%;
  }
}

@media (max-width: 575px) {
  #PageCheckout .ant-layout-content {
    width: 95%;
  }
}

#PageCheckout .ant-layout-content .logo-wrapper {
  height: auto;
  width: 100%;
  text-align: center;
}

#PageCheckout .ant-layout-content .logo-wrapper img {
  width: 300px;
}

#PageCheckout .ant-layout-content .ant-card {
  width: 450px;
  box-shadow: -5px 6px 15px -2px rgba(149, 146, 146, 0.6);
}

#PageCheckout .ant-layout-content .ant-card .ant-card-body {
  padding: 24px;
}

#PageCheckout .ant-layout-content .ant-card .title {
  text-align: center;
  color: #000000;
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 22px;
}

#PageCheckout .ant-layout-content .ant-card .btn-forgot-password-wrapper {
  display: flex;
  margin-top: 15px;
}

#PageCheckout .ant-layout-content .ant-layout-footer {
  width: 100%;
  text-align: center;
  background-color: transparent;
}

#PageCheckout .ant-layout-content .ant-layout-footer .ant-typography {
  color: #000000;
}

#PageRegister {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}

#PageRegister .text-create-account,
#PageRegister .text-sign-in-here {
  font-weight: 500;
}

#PageRegister .ant-divider-horizontal {
  border-top: 1px solid #434343;
}

#PageRegister .register-button,
#PageRegister .sign-in-button,
#PageRegister .submit-button {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

@media (max-width: 575px) {
  #PageRegister .register-button,
  #PageRegister .sign-in-button,
  #PageRegister .submit-button {
    width: 100%;
  }
}

#PageRegister .ant-layout-content {
  background-color: transparent;
  width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

@media (max-width: 767px) {
  #PageRegister .ant-layout-content {
    width: 90% !important;
  }
}

@media (max-width: 575px) {
  #PageRegister .ant-layout-content {
    width: 95% !important;
  }
}

#PageRegister .ant-layout-content .logo-wrapper {
  height: auto;
  width: 100%;
  text-align: center;
}

#PageRegister .ant-layout-content .logo-wrapper img {
  width: 300px;
}

#PageRegister .ant-layout-content .ant-card {
  width: 100%;
  box-shadow: -5px 6px 15px -2px rgba(149, 146, 146, 0.6);
}

#PageRegister .ant-layout-content .ant-card .ant-card-body {
  padding: 24px;
}

#PageRegister .ant-layout-content .ant-card .title {
  text-align: center;
  color: #000000;
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 22px;
}

#PageRegister .ant-layout-content .ant-card .sub-title {
  color: #000000;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
}

#PageRegister .ant-layout-content .ant-card .btn-forgot-password-wrapper {
  display: flex;
  margin-top: 15px;
}

#PageRegister .ant-layout-content .ant-layout-footer {
  width: 100%;
  text-align: center;
  background-color: transparent;
}

#PageRegister .ant-layout-content .ant-layout-footer .ant-typography {
  color: #000000;
}

#PageSystemSettingPageMaintenance b {
  font-weight: 700;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav {
  background-color: transparent;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav::before {
  border-bottom: 0px;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  height: 63px;
  overflow-x: auto;
  --webkit-overflow-scrolling: touch;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

@supports (scrollbar-width: auto) {
  #PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  background-color: transparent;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  display: flex;
  gap: 5px;
  align-items: center;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--yellow);
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:hover .ant-tabs-tab-btn {
  color: var(--yellow);
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:nth-child(3) .ant-tabs-tab-btn {
  margin-right: 4px;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar {
  background: transparent;
  bottom: 2px;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 8px;
  height: 2px;
  background: #bab6b6;
  width: calc(100% - 20px);
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-content-holder .ant-tabs-content .switch-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-content-holder .ant-tabs-content .recovery-link-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-content-holder .ant-tabs-content .recovery-link-wrapper .ant-typography {
  margin-bottom: 0px;
}

#PageSystemSettingPageMaintenance .ant-tabs .ant-tabs-content-holder .ant-tabs-content .recovery-link-wrapper .ant-typography .ant-typography-copy {
  color: var(--yellow);
}

#PageSystemSettingPageMaintenance #page_login_ui {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 50px;
  background-image: url("/images/VluxeoBg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#PageSystemSettingPageMaintenance #page_login_ui footer span {
  color: white !important;
  font-size: 16px !important;
}

#PageSystemSettingPageMaintenance #page_login_ui .bg-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: radial-gradient(at top center, #6c29ff 0%, #020014 55%);
  background-color: transparent;
  opacity: 0.3;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

#PageSystemSettingPageMaintenance #page_login_ui .forgot-description {
  color: white !important;
}

#PageSystemSettingPageMaintenance #page_login_ui .ant-layout-content {
  width: 500px !important;
}

#PageSystemSettingPageMaintenance #page_login_ui .ant-card {
  width: 500px;
  background-color: #1c192c;
  box-shadow: 5px 6px 15px -2px rgba(21, 20, 20, 0.6) !important;
}

#PageSystemSettingPageMaintenance #page_login_ui .ant-card.ant-card-bordered {
  border: 1px solid #1c192c !important;
}

#PageSystemSettingPageMaintenance #page_login_ui .ant-card .ant-card-body .title {
  color: #ffffff !important;
  margin-top: 25px;
}

#PageSystemSettingPageMaintenance #page_login_ui .ant-card .ant-card-body .description {
  color: #ffffff !important;
}

#PageSystemSettingPageMaintenance #page_login_ui .ant-card .ant-card-body .description span {
  color: #ffffff !important;
}

#PageSystemSettingPageMaintenance #page_login_ui .ant-card .ant-card-body .sub-title {
  color: #ffffff !important;
}

#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper {
  border: 1px solid #3e3b4c;
}

#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper .label {
  color: #ffffff;
}

#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper .float-label {
  background: linear-gradient(0deg, #3e3b4c 56%, transparent 0);
}

#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper .ant-input,
#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper .ant-input-mask {
  background: #3e3b4c;
  color: #ffffff;
}

#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper .ant-select .ant-select-selector {
  background: #3e3b4c;
  color: #ffffff;
}

#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper .ant-select .ant-select-arrow {
  color: var(--yellow);
}

#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper .ant-input-affix-wrapper {
  background-color: #3e3b4c;
}

#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper .ant-input-status-error,
#PageSystemSettingPageMaintenance #page_login_ui .float-wrapper .ant-input-affix-wrapper-status-error {
  background-color: #3e3b4c !important;
}

#PageSystemSettingPageMaintenance #page_login_ui .password-wrapper svg {
  color: var(--yellow);
}

#PageSystemSettingPageMaintenance #page_login_ui .password-wrapper svg:hover,
#PageSystemSettingPageMaintenance #page_login_ui .password-wrapper svg:focus,
#PageSystemSettingPageMaintenance #page_login_ui .password-wrapper svg:active {
  color: #d4c2ff;
}

#PageSystemSettingPageMaintenance #page_login_ui .btn-main-primary:hover,
#PageSystemSettingPageMaintenance #page_login_ui .btn-main-primary:focus,
#PageSystemSettingPageMaintenance #page_login_ui .btn-main-primary:active {
  background-color: #d4c2ff;
  border-color: #d4c2ff;
  color: black;
}

#PageSystemSettingPageMaintenance #page_login_ui .btn-forgot-password-wrapper .ant-btn:hover,
#PageSystemSettingPageMaintenance #page_login_ui .btn-forgot-password-wrapper .ant-btn:focus,
#PageSystemSettingPageMaintenance #page_login_ui .btn-forgot-password-wrapper .ant-btn:active {
  color: #d4c2ff;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content {
  background-color: transparent;
  width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  position: relative;
}

@media (max-width: 767px) {
  #PageSystemSettingPageMaintenance #page_login_ui .layout-content {
    width: 90% !important;
  }
}

@media (max-width: 575px) {
  #PageSystemSettingPageMaintenance #page_login_ui .layout-content {
    width: 95% !important;
  }
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .logo-wrapper {
  height: auto;
  width: 100%;
  text-align: center;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .logo-wrapper img {
  width: 300px;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .ant-card {
  width: 100%;
  box-shadow: 5px 6px 15px -2px rgba(149, 146, 146, 0.6);
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .ant-card .maintenance-notice-warning {
  padding: 15px 10px;
  color: #ffffff;
  border: 1px solid #7355de;
  text-align: center;
  background-color: #3e3c4b;
  margin-bottom: 25px;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .ant-card .title {
  text-align: center;
  color: #000000;
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 22px;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .ant-card .btn-forgot-password-wrapper {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 10px;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .ant-card .btn-forgot-password-wrapper .ant-btn {
  font-style: italic;
  font-size: 16px;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .ant-card .form-forgot-wrapper {
  margin-top: 20px;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .ant-card .form-forgot-wrapper .forgot-description {
  font-style: italic;
  font-size: 16px;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .ant-layout-footer {
  width: 100%;
  text-align: center;
  background-color: transparent;
}

#PageSystemSettingPageMaintenance #page_login_ui .layout-content .ant-layout-footer .ant-typography {
  font-size: 16px;
}

#PageMaintenanceLogin {
  background-image: url("/images/VluxeoBg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

#PageMaintenanceLogin footer span {
  color: white !important;
  font-size: 16px !important;
}

#PageMaintenanceLogin .bg-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: radial-gradient(at top center, #6c29ff 0%, #020014 55%);
  background-color: transparent;
  opacity: 0.3;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

#PageMaintenanceLogin .forgot-description {
  color: white !important;
}

#PageMaintenanceLogin .ant-layout-content {
  width: 500px !important;
}

#PageMaintenanceLogin .ant-card {
  width: 500px;
  background-color: #1c192c;
  box-shadow: 5px 6px 15px -2px rgba(21, 20, 20, 0.6) !important;
}

#PageMaintenanceLogin .ant-card.ant-card-bordered {
  border: 1px solid #1c192c !important;
}

#PageMaintenanceLogin .ant-card .ant-card-body .title {
  color: #ffffff !important;
  margin-top: 25px;
}

#PageMaintenanceLogin .ant-card .ant-card-body .description {
  color: #ffffff !important;
}

#PageMaintenanceLogin .ant-card .ant-card-body .description span {
  color: #ffffff !important;
}

#PageMaintenanceLogin .ant-card .ant-card-body .sub-title {
  color: #ffffff !important;
}

#PageMaintenanceLogin .float-wrapper {
  border: 1px solid #3e3b4c;
}

#PageMaintenanceLogin .float-wrapper .label {
  color: #ffffff;
}

#PageMaintenanceLogin .float-wrapper .float-label {
  background: linear-gradient(0deg, #3e3b4c 56%, transparent 0);
}

#PageMaintenanceLogin .float-wrapper .ant-input,
#PageMaintenanceLogin .float-wrapper .ant-input-mask {
  background: #3e3b4c;
  color: #ffffff;
}

#PageMaintenanceLogin .float-wrapper .ant-select .ant-select-selector {
  background: #3e3b4c;
  color: #ffffff;
}

#PageMaintenanceLogin .float-wrapper .ant-select .ant-select-arrow {
  color: var(--yellow);
}

#PageMaintenanceLogin .float-wrapper .ant-input-affix-wrapper {
  background-color: #3e3b4c;
}

#PageMaintenanceLogin .float-wrapper .ant-input-status-error,
#PageMaintenanceLogin .float-wrapper .ant-input-affix-wrapper-status-error {
  background-color: #3e3b4c !important;
}

#PageMaintenanceLogin .password-wrapper svg {
  color: var(--yellow);
}

#PageMaintenanceLogin .password-wrapper svg:hover,
#PageMaintenanceLogin .password-wrapper svg:focus,
#PageMaintenanceLogin .password-wrapper svg:active {
  color: #d4c2ff;
}

#PageMaintenanceLogin .btn-main-primary:hover,
#PageMaintenanceLogin .btn-main-primary:focus,
#PageMaintenanceLogin .btn-main-primary:active {
  background-color: #d4c2ff;
  border-color: #d4c2ff;
  color: black;
}

#PageMaintenanceLogin .btn-forgot-password-wrapper .ant-btn:hover,
#PageMaintenanceLogin .btn-forgot-password-wrapper .ant-btn:focus,
#PageMaintenanceLogin .btn-forgot-password-wrapper .ant-btn:active {
  color: #d4c2ff;
}

#PageMaintenanceLogin .ant-layout-content {
  background-color: transparent;
  width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

@media (max-width: 767px) {
  #PageMaintenanceLogin .ant-layout-content {
    width: 90% !important;
  }
}

@media (max-width: 575px) {
  #PageMaintenanceLogin .ant-layout-content {
    width: 95% !important;
  }
}

#PageMaintenanceLogin .ant-layout-content .logo-wrapper {
  height: auto;
  width: 100%;
  text-align: center;
}

#PageMaintenanceLogin .ant-layout-content .logo-wrapper img {
  width: 300px;
}

#PageMaintenanceLogin .ant-layout-content .ant-card {
  width: 100%;
  box-shadow: 5px 6px 15px -2px rgba(149, 146, 146, 0.6);
}

#PageMaintenanceLogin .ant-layout-content .ant-card .title {
  text-align: center;
  color: #000000;
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 22px;
}

#PageMaintenanceLogin .ant-layout-content .ant-card .btn-forgot-password-wrapper {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 10px;
}

#PageMaintenanceLogin .ant-layout-content .ant-card .btn-forgot-password-wrapper .ant-btn {
  font-style: italic;
  font-size: 16px;
}

#PageMaintenanceLogin .ant-layout-content .ant-card .form-forgot-wrapper {
  margin-top: 20px;
}

#PageMaintenanceLogin .ant-layout-content .ant-card .form-forgot-wrapper .forgot-description {
  font-style: italic;
  font-size: 16px;
}

#PageMaintenanceLogin .ant-layout-content .ant-layout-footer {
  width: 100%;
  text-align: center;
  background-color: transparent;
}

#PageMaintenanceLogin .ant-layout-content .ant-layout-footer .ant-typography {
  font-size: 16px;
}

#PagePaymentComplete {
  background-image: url("/images/VluxeoBg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

#PagePaymentComplete footer span {
  color: white !important;
  font-size: 16px !important;
}

#PagePaymentComplete .bg-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: radial-gradient(at top center, #6c29ff 0%, #020014 55%);
  background-color: transparent;
  opacity: 0.3;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

#PagePaymentComplete .forgot-description {
  color: white !important;
}

#PagePaymentComplete .ant-layout-content {
  width: 500px !important;
}

#PagePaymentComplete .ant-card {
  width: 500px;
  background-color: #1c192c;
  box-shadow: 5px 6px 15px -2px rgba(21, 20, 20, 0.6) !important;
}

#PagePaymentComplete .ant-card.ant-card-bordered {
  border: 1px solid #1c192c !important;
}

#PagePaymentComplete .ant-card .ant-card-body .title {
  color: #ffffff !important;
  margin-top: 25px;
}

#PagePaymentComplete .ant-card .ant-card-body .description {
  color: #ffffff !important;
}

#PagePaymentComplete .ant-card .ant-card-body .description span {
  color: #ffffff !important;
}

#PagePaymentComplete .ant-card .ant-card-body .sub-title {
  color: #ffffff !important;
}

#PagePaymentComplete .float-wrapper {
  border: 1px solid #3e3b4c;
}

#PagePaymentComplete .float-wrapper .label {
  color: #ffffff;
}

#PagePaymentComplete .float-wrapper .float-label {
  background: linear-gradient(0deg, #3e3b4c 56%, transparent 0);
}

#PagePaymentComplete .float-wrapper .ant-input,
#PagePaymentComplete .float-wrapper .ant-input-mask {
  background: #3e3b4c;
  color: #ffffff;
}

#PagePaymentComplete .float-wrapper .ant-select .ant-select-selector {
  background: #3e3b4c;
  color: #ffffff;
}

#PagePaymentComplete .float-wrapper .ant-select .ant-select-arrow {
  color: var(--yellow);
}

#PagePaymentComplete .float-wrapper .ant-input-affix-wrapper {
  background-color: #3e3b4c;
}

#PagePaymentComplete .float-wrapper .ant-input-status-error,
#PagePaymentComplete .float-wrapper .ant-input-affix-wrapper-status-error {
  background-color: #3e3b4c !important;
}

#PagePaymentComplete .password-wrapper svg {
  color: var(--yellow);
}

#PagePaymentComplete .password-wrapper svg:hover,
#PagePaymentComplete .password-wrapper svg:focus,
#PagePaymentComplete .password-wrapper svg:active {
  color: #d4c2ff;
}

#PagePaymentComplete .btn-main-primary:hover,
#PagePaymentComplete .btn-main-primary:focus,
#PagePaymentComplete .btn-main-primary:active {
  background-color: #d4c2ff;
  border-color: #d4c2ff;
  color: black;
}

#PagePaymentComplete .btn-forgot-password-wrapper .ant-btn:hover,
#PagePaymentComplete .btn-forgot-password-wrapper .ant-btn:focus,
#PagePaymentComplete .btn-forgot-password-wrapper .ant-btn:active {
  color: #d4c2ff;
}

#PagePaymentComplete .logo-wrapper {
  height: auto;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 50px;
}

#PagePaymentComplete .logo-wrapper img {
  width: 250px;
  height: 60px;
}

#PagePaymentComplete .ant-layout-content {
  background-color: transparent;
  width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  #PagePaymentComplete .ant-layout-content {
    width: 90% !important;
  }
}

@media (max-width: 575px) {
  #PagePaymentComplete .ant-layout-content {
    width: 95% !important;
  }
}

#PagePaymentComplete .ant-layout-content .ant-card {
  width: 100%;
  max-height: 493px;
  box-shadow: 5px 6px 15px -2px rgba(149, 146, 146, 0.6);
}

@media (max-width: 767px) {
  #PagePaymentComplete .ant-layout-content .ant-card {
    margin-top: 15px;
  }
}

@media (max-width: 575px) {
  #PagePaymentComplete .ant-layout-content .ant-card {
    margin-top: 15px;
  }
}

#PagePaymentComplete .ant-layout-content .ant-card .title {
  text-align: center;
  color: #000000;
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 22px;
}

#PagePaymentComplete .ant-layout-content .ant-card .btn-forgot-password-wrapper {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 10px;
}

#PagePaymentComplete .ant-layout-content .ant-card .btn-forgot-password-wrapper .ant-btn {
  font-style: italic;
  font-size: 16px;
}

#PagePaymentComplete .ant-layout-content .ant-card .form-forgot-wrapper {
  margin-top: 20px;
}

#PagePaymentComplete .ant-layout-content .ant-card .form-forgot-wrapper .forgot-description {
  font-style: italic;
  font-size: 16px;
}

#PagePaymentComplete .ant-layout-content .ant-layout-footer {
  width: 100%;
  text-align: center;
  background-color: transparent;
}

#PagePaymentComplete .ant-layout-content .ant-layout-footer .ant-typography {
  font-size: 16px;
}

#PagePaymentComplete .card-with-padding-bottom {
  height: 600px;
}

#PageTimer {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  overflow-x: hidden;
}

#PageTimer .content-wrapper {
  height: 100% !important;
  overflow: hidden;
}

#PageTimerWrapper {
  margin-right: 0px !important;
  height: inherit !important;
}

#PageTimerWrapper .minimize-btn-wrapper {
  position: absolute;
  top: 0px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 1;
}

#PageTimerWrapper .minimize-btn-wrapper .btn-minimize {
  opacity: 0.5;
  color: var(--yellow);
}

#PageTimerWrapper .minimize-btn-wrapper:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
  transition: all 0.5s ease-in;
}

#PageTimerWrapper .minimize-btn-wrapper:hover .btn-minimize {
  opacity: 1;
  transition: opacity 0.3s ease-in;
  color: var(--yellow);
}

#PageTimerWrapper.collapse .notification-wrapper {
  margin-top: 61px;
  transition: all 0.3s ease-in-out;
}

#PageTimerWrapper .notification-wrapper {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  height: inherit;
  scrollbar-color: var(--yellow);
}

#PageTimerWrapper .notification-wrapper::-webkit-scrollbar {
  width: 3px !important;
  height: 10px;
}

#PageTimerWrapper .notification-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
  border: transparent;
}

#PageTimerWrapper .notification-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageTimerWrapper .notification-wrapper .timer-menus {
  width: 100%;
  font-size: 29px;
  color: rgb(0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 25px;
}

#PageTimerWrapper .notification-wrapper .timer-menus svg {
  color: var(--yellow);
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .btn-all-features {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (max-width: 320px) {
  #PageTimerWrapper .notification-wrapper .timer-menu-wrapper .btn-all-features {
    flex-direction: column;
    align-items: flex-start;
  }
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col {
  display: flex !important;
  justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 40px;
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col.title-wrapper {
  display: flex;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  line-height: 1.2;
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col.title-wrapper span {
  color: #fff !important;
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col.title-wrapper span.title {
  font-size: 36px !important;
}

@media (max-width: 320px) {
  #PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col.title-wrapper span.title {
    font-size: 20px !important;
  }
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col.title-wrapper span.sub-title {
  font-size: 16px !important;
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn {
  display: flex;
  align-items: center;
  padding: 20px !important;
  height: 100px !important;
  width: 100%;
  border: 1px solid #ba19f2 !important;
  background-color: #110d1c !important;
  box-shadow: 0px 1px 8px 8px rgba(198, 198, 198, 0.75);
  border-radius: 5px;
  color: #9b9b9b !important;
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn svg {
  font-size: 40px;
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .icon-timer {
  color: #24ebe7 !important;
  filter: drop-shadow(0 0 8px #0ff);
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .icon-message {
  color: #fd0fcd !important;
  filter: drop-shadow(0 0 8px #fd0fcd);
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .icon-all-features {
  color: #11f515 !important;
  filter: drop-shadow(0 0 8px #11f515);
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .btn-title-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  align-items: flex-start;
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .btn-title {
  font-size: 28px;
  color: #fff !important;
}

@media (max-width: 320px) {
  #PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .btn-title {
    font-size: 20px !important;
  }
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .btn-sub-title {
  width: 100%;
  text-wrap: wrap;
  text-align: start;
  word-break: break-word;
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  color: #9b9b9b !important;
}

@media (max-width: 320px) {
  #PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .btn-sub-title {
    font-size: 12px !important;
  }
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .dropdown-message-alert,
#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .ant-scroll-number-only,
#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .ant-scroll-number-only-unit {
  font-size: initial;
  margin-left: initial;
  color: initial;
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .ant-scroll-number-only-unit {
  color: #fff;
  font-size: 12px;
}

#PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .ant-badge-count {
  background-color: #c80202;
  right: 0px;
  top: 5px;
  width: 18px;
  height: 18px;
  font-size: 10px;
  border-radius: 50%;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
}

@media (max-width: 767px) {
  #PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .ant-badge-count .ant-scroll-number-only {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@-moz-document url-prefix()  {
  #PageTimerWrapper .notification-wrapper .timer-menu-wrapper .ant-col .ant-btn .ant-badge-count .ant-scroll-number-only {
    height: 22px;
  }
}

#PageTimerWrapper .notification-wrapper .ant-menu .ant-menu-item-selected,
#PageTimerWrapper .notification-wrapper .ant-menu .ant-menu-item:hover {
  color: #000 !important;
}

#PageTimerWrapper .notification-wrapper .ant-menu .ant-menu-item:not(:has(.ant-dropdown-menu-title-content-wrapper)) {
  padding: 5px 15px;
  height: 60px;
  display: flex;
}

#PageTimerWrapper .notification-wrapper .ant-menu .ant-menu-item:not(:has(.ant-dropdown-menu-title-content-wrapper)) .ant-menu-title-content {
  line-height: 1;
}

#PageTimerWrapper .notification-wrapper .ant-menu .ant-menu-item:not(:has(.ant-dropdown-menu-title-content-wrapper)) .ant-menu-title-content .user-info {
  font-size: 16px;
  font-weight: 600;
}

#PageTimerWrapper .notification-wrapper .ant-menu .ant-menu-item:not(:has(.ant-dropdown-menu-title-content-wrapper)) .ant-menu-title-content .message {
  text-wrap: wrap;
  width: 399px;
  word-break: break-all;
  line-height: normal;
}

#PageTimerWrapper .notification-wrapper .ant-menu .ant-menu-item:not(:has(.ant-dropdown-menu-title-content-wrapper)) img {
  width: 50px;
}

#PageTimerWrapper .notification-wrapper .ant-menu .ant-dropdown-menu-title-content-wrapper {
  cursor: pointer;
}

#PageTimerWrapper .notification-wrapper .ant-menu .ant-dropdown-menu-title-content-wrapper svg {
  font-size: 20px;
}

#PageTimerWrapper .notification-wrapper .ant-menu .ant-dropdown-menu-title-content-wrapper .text {
  font-size: 20px;
  font-weight: 400;
  margin-left: 15px;
}

#PageTimerWrapper .task-list-wrapper {
  width: 100%;
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  border: 1px solid #e8e8e8;
  scrollbar-width: thin;
  scrollbar-color: var(--yellow) #eeeeee;
}

#PageTimerWrapper .task-list-wrapper::-webkit-scrollbar {
  width: 0;
  height: 10px;
}

#PageTimerWrapper .task-list-wrapper::-webkit-scrollbar-track {
  background-color: #efefef;
  border: 1px solid #e1e1e1;
}

#PageTimerWrapper .task-list-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
}

#PageTimerWrapper .task-list-wrapper::-webkit-scrollbar-track,
#PageTimerWrapper .task-list-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

#PageTimerWrapper .task-list-wrapper .ant-radio-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px;
  padding: 0px 10px;
}

#PageTimerWrapper .task-list-wrapper .ant-radio-group .radio-task span:not(.project-tag) {
  color: #fff !important;
}

#PageTimerWrapper .task-list-wrapper .ant-radio-group .ant-radio-wrapper {
  line-height: normal;
}

#PageTimerWrapper .task-list-wrapper .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
  border-color: #58595b;
  border-width: 2px;
}

#PageTimerWrapper .task-list-wrapper .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner::after {
  background-color: #ffffff;
}

#PageTimerWrapper .task-list-wrapper .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio .ant-radio-inner {
  border-color: var(--yellow);
}

@media (max-width: 991px) {
  #PageTimerWrapper .task-list-wrapper {
    padding: 0px 10px;
  }
}

@media (max-width: 767px) {
  #PageTimerWrapper .task-list-wrapper {
    padding: 0px 5px;
  }
}

#PageTimerWrapper .timer-menu-bar {
  border-top: 1px solid rgba(var(--yellow), 0.7);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  height: 110%;
  background: #f8f6fd;
}

#PageTimerWrapper .timer-menu-bar-messages-badge {
  cursor: pointer;
  color: var(--yellow);
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
}

#PageTimerWrapper .timer-menu-bar-messages-badge:hover {
  transform: scale(1.1);
}

#PageTimerWrapper .timer-menu-bar-messages-badge:hover svg {
  color: var(--yellow);
}

#PageTimerWrapper .timer-menu-bar-messages-badge svg {
  color: var(--yellow);
  font-size: 28px;
}

@media (max-width: 991px) {
  #PageTimerWrapper .timer-menu-bar-messages-badge svg {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  #PageTimerWrapper .timer-menu-bar-messages-badge svg {
    font-size: 30px;
  }
}

#PageTimerWrapper .timer-menu-bar-messages-badge .ant-badge-count {
  background-color: #c80202;
  right: 0px;
  top: 5px;
  width: 18px;
  height: 18px;
  font-size: 10px;
  border-radius: 50%;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
}

@media (max-width: 767px) {
  #PageTimerWrapper .timer-menu-bar-messages-badge .ant-badge-count {
    right: 0px;
    min-width: 15px;
    width: 15px;
    height: 15px;
    font-size: 8px;
    line-height: 15px;
  }
}

@media (max-width: 767px) {
  #PageTimerWrapper .timer-menu-bar-messages-badge .ant-badge-count .ant-scroll-number-only {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@-moz-document url-prefix()  {
  #PageTimerWrapper .timer-menu-bar-messages-badge .ant-badge-count .ant-scroll-number-only {
    height: 22px;
  }
}

#PageTimerWrapper .timer-menu-bar-wrapper {
  gap: 10%;
  width: 100%;
  height: 57px;
  display: flex;
  flex-direction: row;
  padding: 0px 15px;
  align-items: center;
  border-top: 1px solid #917ecf;
  background: #f8f6fd;
}

#PageTimerWrapper .timer-menu-bar-wrapper .x-mark-wrapper {
  position: relative;
  width: 90px;
  height: 60px;
  max-width: 30px;
  min-width: 30px;
  cursor: pointer;
}

#PageTimerWrapper .timer-menu-bar-wrapper .x-mark-wrapper span {
  background-color: var(--yellow);
  width: 100%;
  max-width: 50px;
  height: 2px;
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s, width 0.5s;
}

#PageTimerWrapper .timer-menu-bar-wrapper .x-mark-wrapper span.line1 {
  transform: translate(-50%, -10px);
}

#PageTimerWrapper .timer-menu-bar-wrapper .x-mark-wrapper span.line3 {
  transform: translate(-50%, 8px);
}

#PageTimerWrapper .timer-menu-bar-wrapper .x-mark-wrapper.collapse span.line1 {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#PageTimerWrapper .timer-menu-bar-wrapper .x-mark-wrapper.collapse span.line3 {
  transform: translate(-50%, -50%) rotate(45deg);
}

#PageTimerWrapper .timer-menu-bar-wrapper .x-mark-wrapper.collapse span.line2 {
  width: 0;
}

#PageTimerWrapper .timer-menu-bar-wrapper .dahsboard-menu-btn svg {
  font-size: 29px;
  color: var(--yellow);
  cursor: pointer;
}

#PageTimerWrapper .timer-menu-bar-wrapper .hours-wrapper {
  font-size: 38px;
  line-height: normal;
}

#PageTimerWrapper .timer-menu-bar-wrapper .hours-wrapper span {
  line-height: normal;
}

#PageTimerWrapper .timer-menu-bar-wrapper .right-content {
  display: flex;
  width: -webkit-fill-available;
  justify-content: flex-end;
}

#PageTimerWrapper .timer-menu-bar-wrapper .right-content .btn-play svg {
  font-size: 32px;
  color: #0a6c31;
}

#PageTimerWrapper .timer-menu-bar-wrapper .right-content .btn-stop svg {
  font-size: 32px;
  color: #fd0407;
}

#PageTimerWrapper .timer-menu-bar-wrapper .right-content .btn-pause {
  display: flex;
  align-items: center;
}

#PageTimerWrapper .timer-menu-bar-wrapper .right-content .btn-pause img {
  width: 32px;
  height: 32px;
}

#PageTimerWrapper .timer-menu-bar-menu {
  display: block;
  position: absolute;
  top: 0px;
  height: 0%;
  width: 101%;
  background-color: white;
  z-index: 99;
  transition: height 0.3s ease-in-out;
  overflow: hidden;
}

#PageTimerWrapper .timer-menu-bar-menu.collapse {
  height: 99%;
  transition: height 0.3s ease-in-out;
}

#PageTimer .ant-layout-sider {
  display: none;
}

#PageTimer .message-page-header {
  height: 30px;
  width: 100%;
  background-color: var(--yellow);
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  bottom: -20px;
  bottom: -13px;
  position: relative;
  z-index: 1;
  align-items: center;
  color: #fff;
}

#PageTimer .message-page-header-icon {
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

#PageTimer .message-page-header-icon:hover {
  color: #f0f0f0;
}

#PageTimer .message-page-header-icon-wrapper {
  cursor: pointer;
}

#PageTimer .message-user-logo {
  width: 50px;
  height: 50px;
  margin-right: 0px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  min-width: 50px;
}

#PageTimer .page-message .messagesContainer {
  height: 84vh !important;
}

#PageTimer .page-message .messagesContainer .ant-layout-sider {
  display: block !important;
}

@media (max-width: 767px) {
  #PageTimer .page-message .messagesContainer .ant-layout-sider {
    height: inherit !important;
  }
}

#PageTimer .page-message .messagesContainer .ant-layout-sider {
  border-bottom: 1px solid #ddd;
}

#PageTimer .page-message .messagesContainer .messageText div:first-child {
  min-height: 51px !important;
}

#PageTimer .page-message .col-desktop-left {
  padding-left: 23px !important;
  padding-right: 23px !important;
}

#PageTimer .page-message .ant-layout {
  width: 100% !important;
  min-width: 228px;
}

#PageTimer .ant-layout {
  box-shadow: none;
  margin-left: 0px;
}

#PageTimer .ant-layout .ant-layout-header {
  display: none;
  box-shadow: none;
  background: #ffffff;
}

#PageTimer .ant-layout .ant-layout-content .ant-breadcrumb {
  display: none;
}

#PageTimer .ant-layout .ant-layout-content .content-wrapper {
  padding: 0px;
}

#PageTimer .ant-layout .ant-layout-footer {
  display: none;
}

#PageTimer .timer-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: relative;
}

#PageTimer .timer-wrapper .label-assignee {
  color: #fff;
  font-size: 16px !important;
}

#PageTimer .timer-wrapper .ant-input {
  min-height: 40px !important;
  background-color: #110d1e !important;
  border: 1px solid #ba19f2 !important;
  color: white !important;
  border-radius: 5px;
}

#PageTimer .timer-wrapper .ant-select .ant-select-selector {
  min-height: 40px !important;
  background-color: #110d1e !important;
  border: 1px solid #ba19f2 !important;
}

#PageTimer .timer-wrapper .ant-select .ant-select-selector .ant-select-selection-item {
  color: #6b637f !important;
  background: transparent !important;
  border: none !important;
  font-size: 18px !important;
  line-height: 2.2;
}

#PageTimer .timer-wrapper .ant-select .ant-select-selector .ant-select-selection-item-content {
  line-height: 1.2 !important;
}

#PageTimer .timer-wrapper .ant-select .ant-select-selector .ant-select-selection-item-remove svg {
  color: #6b637f !important;
}

#PageTimer .timer-wrapper .ant-select .ant-select-selector .ant-select-selection-search-input {
  min-height: 40px !important;
  color: #fff !important;
}

#PageTimer .timer-wrapper .top-content {
  width: 95%;
  height: 100px;
  display: flex;
  align-items: flex-end;
  padding: 20px;
  background-color: #110d1e !important;
  border: 1px solid #ba19f2 !important;
  border-radius: 5px;
  box-shadow: 0px 1px 8px 8px rgba(198, 198, 198, 0.75);
}

#PageTimer .timer-wrapper .top-content .left-content {
  width: calc(100% - 50px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  padding: 10px;
  line-height: normal;
  margin-top: 10px;
}

#PageTimer .timer-wrapper .top-content .left-content .task_name-wrapper {
  width: calc(100% - 50px);
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#PageTimer .timer-wrapper .top-content .left-content .hours-wrapper {
  font-size: 60px;
  line-height: -2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

#PageTimer .timer-wrapper .top-content .left-content .hours-wrapper span {
  line-height: normal;
}

@media (max-width: 320px) {
  #PageTimer .timer-wrapper .top-content .left-content .hours-wrapper span {
    font-size: 42px;
  }
}

#PageTimer .timer-wrapper .top-content .right-content {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
}

#PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn {
  padding: 0px;
  font-size: 20px;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 0px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

@media (max-width: 320px) {
  #PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn {
    width: 40px;
    height: 40px;
  }
}

#PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn:not(.btn-pause) {
  background-color: #10f514;
}

#PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn.btn-play {
  box-shadow: 0px 0px 8.5px 2px #10f514;
  -webkit-box-shadow: 0px 0px 8.5px 2px #10f514;
  -moz-box-shadow: 0px 0px 8.5px 2px #10f514;
}

#PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn.btn-stop {
  background-color: #c80202 !important;
  box-shadow: 0px 0px 8.5px 2px #c80202 !important;
}

#PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn.btn-pause img {
  width: 50px;
  height: 50px;
}

@media (max-width: 320px) {
  #PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn.btn-pause img {
    width: 40px;
    height: 40px;
  }
}

#PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn:not(.btn-pause):hover {
  background-color: #0e893f;
}

#PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn svg {
  font-size: 20px;
  color: #110d1e;
}

#PageTimer .timer-wrapper .top-content .right-content .play-stop-wrapper .icon-wrapper .ant-btn.btn-play svg {
  margin-left: 3px;
  filter: drop-shadow(0 0 8px #10f514);
}

#PageTimer .timer-wrapper .bottom-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px 0px 10px;
}

#PageTimer .timer-wrapper .bottom-content .ant-form {
  width: 100%;
}

#PageTimer .timer-wrapper .bottom-content .action-general {
  margin-bottom: 20px;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-radio-group {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  justify-content: space-between;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-radio-group .ant-radio-wrapper {
  line-height: normal;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-radio-group .ant-radio-wrapper span {
  color: #fff !important;
  font-size: 16px !important;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
  border-color: #58595b;
  border-width: 2px;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner::after {
  background-color: #ffffff;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-radio-group .ant-radio-wrapper .ant-radio-disabled + span {
  color: #ffffff !important;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio .ant-radio-inner {
  border-color: #22f0e6 !important;
  background-color: #22f0e6 !important;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio .ant-radio-inner:after {
  background-color: #110d1e !important;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-btn {
  width: auto;
  height: auto;
  padding: 0px;
  line-height: normal;
  font-size: 14px;
  display: inline-flex;
  align-items: flex-end;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-btn span {
  color: var(--yellow);
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-btn svg {
  margin-right: 8px;
  font-size: 16px;
  color: #58595b;
}

#PageTimer .timer-wrapper .bottom-content .action-general .ant-btn.active svg {
  color: var(--yellow);
}

#PageTimer .timer-wrapper .bottom-content .action-general.disabled .ant-btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

#PageTimer .timer-wrapper .bottom-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-header table thead.ant-table-thead tr th {
  padding: 10px;
}

#PageTimer .timer-wrapper .bottom-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td {
  padding: 10px;
}

#PageTimer .timer-wrapper .bottom-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td .btn-play {
  color: var(--yellow);
  width: auto;
  height: auto;
  margin-left: 20px;
  padding: 0px;
  line-height: normal;
}

#PageTimer .timer-wrapper .bottom-content .ant-table-wrapper .ant-table .ant-table-container .ant-table-body table tbody.ant-table-tbody tr td .btn-play svg {
  color: var(--yellow);
}

#PageTimer .timer-wrapper .bottom-content .btn-group-submit {
  margin-bottom: 24px;
}

#PageTimer .timer-wrapper .bottom-content .btn-group-submit .ant-space-item-split .ant-divider {
  border-color: #1e1e1e;
  height: 2em;
  top: 0px;
}

#PageTimer .timer-wrapper .bottom-content .btn-group-submit .ant-btn {
  background-color: var(--yellow);
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

#PageTimer .timer-wrapper .bottom-content .btn-group-submit .ant-btn svg {
  cursor: pointer;
  margin-right: 5px;
}

#PageTimer .timer-wrapper .bottom-content .btn-group-submit .ant-btn.invert {
  background-color: #fff;
  border-color: var(--yellow);
  color: rgba(0, 0, 0, 0.85);
}

#PageTimer .timer-wrapper.playing {
  padding: 10px;
}

#PageTimer .timer-wrapper.playing .play-stop-wrapper .icon-wrapper .btn-stop {
  background-color: #c80202 !important;
}

#PageTimer .timer-wrapper.playing .play-stop-wrapper .icon-wrapper .btn-stop:hover {
  background-color: #d70505 !important;
}

#PageTimer .timer-wrapper.playing .play-stop-wrapper .icon-wrapper .btn-stop svg {
  margin-left: 0px;
}

.name-select-quick-add .ant-select-focused .ant-select-selector {
  border-color: transparent !important;
  box-shadow: none !important;
}

.float-select-dropdown__page-task-assignee {
  min-width: auto !important;
  max-width: 480px !important;
  max-height: 200px !important;
}

.float-select-dropdown__page-task-assignee .rc-virtual-list .rc-virtual-list-holder {
  max-height: 200px !important;
}

.float-select-dropdown__page-task-company {
  min-width: auto !important;
  max-width: 480px !important;
  max-height: 200px !important;
}

.float-select-dropdown__page-task-company .rc-virtual-list .rc-virtual-list-holder {
  max-height: 200px !important;
}

.btn-stop-popconfirm .ant-popover-content .ant-popover-inner-content {
  padding: 5px;
  display: flex;
  align-items: center;
}

.btn-stop-popconfirm .ant-popover-content .ant-popover-inner-content .ant-popover-message {
  align-items: center;
  padding: 0px !important;
}

#PageTimeWrapper {
  height: unset !important;
}

.pwa_BG {
  background-image: url(/images/VluxeoBg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#PageRegistration {
  background-color: #020014 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-image: none !important;
}

#PageRegistration .ant-layout-content {
  background-color: transparent;
  width: 100% !important;
  padding: 50px 0px 0px 0px !important;
  position: relative;
}

#PageRegistration .ant-layout-content .ant-layout-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 70px;
  height: 110px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #020014;
  z-index: 3;
  transition: height 0.3s ease, background-color 0.3s ease, top 0.3s ease;
  overflow: hidden;
}

#PageRegistration .ant-layout-content .ant-layout-header::before {
  content: "";
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 200%;
  background: #8c54fb;
  background: radial-gradient(at center top, #8c54fb, #040014 70%);
  opacity: 0.4;
  mix-blend-mode: lighten;
  z-index: -1;
  transition: top 0.3s ease, height 0.3s ease, background 0.3s ease;
}

#PageRegistration .ant-layout-content .ant-layout-header .logo-wrapper {
  width: 240px;
  padding: 10px 0px;
  transition: width 0.3s ease, height 0.3s ease;
  display: flex;
}

#PageRegistration .ant-layout-content .ant-layout-header .logo-wrapper img {
  width: 100%;
  height: 100%;
}

#PageRegistration .ant-layout-content .ant-layout-header .nav-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 50px;
}

#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item:not(#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item.extra) a {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  transition: color 0.3s ease;
}

#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item:not(#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item.extra) a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #8a54fb;
  transition: width 0.3s ease;
}

#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item:not(#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item.extra) a:hover {
  color: #8a54fb;
}

#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item:not(#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item.extra) a:hover::after {
  width: 100%;
  transition-delay: 0s, 0.3s;
  left: 0;
}

#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item.divider {
  border-left: 2px solid #4e4d5b;
  height: 45px;
}

#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item.extra a {
  border-radius: 8px;
  padding: clamp(14px, 0.8em, 18px) clamp(18px, 1.8em, 36px);
  background: #8954ff;
  border: 1px solid rgba(188, 188, 188, 0.1607843137);
  position: relative;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s cubic-bezier(0.68, 0.01, 0.58, 0.75);
}

#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item.extra a:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: #ddcffe;
  color: #ddcffe;
}

#PageRegistration .ant-layout-content .ant-layout-header .nav-menu .menu-item.extra a:hover::before {
  visibility: hidden;
}

#PageRegistration .ant-layout-content .ant-layout-header.smaller-header {
  background-color: #020014;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  height: 70px;
}

#PageRegistration .ant-layout-content .ant-layout-header.smaller-header::before {
  background: transparent;
}

#PageRegistration .ant-layout-content .ant-layout-header.smaller-header .logo-wrapper {
  width: 110px;
  height: auto;
}

#PageRegistration .ant-layout-content .btn-main-primary {
  background: #8954ff;
  border-color: rgba(188, 188, 188, 0.1607843137);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 0.2s cubic-bezier(0.68, 0.01, 0.58, 0.75);
}

#PageRegistration .ant-layout-content .btn-main-primary:hover,
#PageRegistration .ant-layout-content .btn-main-primary:focus {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: #ddcffe !important;
  color: #ddcffe !important;
}

#PageRegistration .ant-layout-content .form-wrapper {
  margin: 0 auto;
  max-width: 1176px;
}

#PageRegistration .ant-layout-content .form-wrapper .ant-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

#PageRegistration .ant-layout-content .maintenance-notice-warning {
  padding: 15px 10px;
  color: #ffffff;
  border: 1px solid #7355de;
  text-align: center;
  background-color: #3e3c4b;
  margin-bottom: 25px;
}

#PageRegistration .ant-layout-content .ant-card:first-child {
  width: 70%;
}

#PageRegistration .ant-layout-content .ant-card:last-child {
  width: 30%;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body {
  padding: 18px 20px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-divider {
  border-color: #434054;
  margin: 15px 0px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .header h3.ant-typography {
  line-height: 1;
  color: #ffffff !important;
  margin-bottom: 0px;
  font-weight: 500;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .header div .ant-btn {
  margin-left: 10px;
  color: #ffffff;
  background-color: #8a54fb;
  border-color: #8a54fb;
  font-size: 16px !important;
  height: auto;
  border-radius: 5px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item {
  border: 0px !important;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-header {
  background-color: transparent;
  color: #ffffff;
  padding-left: 0px;
  padding-right: 0px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg {
  background-color: #8a54fb;
  padding: 2px 4px;
  font-size: 14px;
  border-radius: 2px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-content {
  background-color: transparent;
  color: #ffffff;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 0px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-group .ant-checkbox-wrapper > span {
  color: #ffffff;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-group .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  background-color: transparent;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #8a54fb;
  border-color: #8a54fb;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox-checked::after {
  border-color: #8a54fb;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form-item .float-wrapper {
  border-radius: 2px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form-item .float-wrapper .ant-input {
  border-radius: 0px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-plan .ant-collapse-content .ant-collapse-content-box .ant-checkbox-group {
  display: flex;
  gap: 100px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-options .ant-collapse-content-box .ant-checkbox-group {
  display: flex;
  gap: 20px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-options .ant-collapse-content-box .ant-checkbox-group .ant-checkbox-wrapper {
  width: calc(50% - 31px);
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-options .ant-collapse-content-box .ant-checkbox-group .ant-checkbox-wrapper .description .title {
  margin-top: 15px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-options .ant-collapse-content-box .ant-checkbox-group .divider {
  display: flex;
  flex-direction: column;
  color: #ffffff;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-options .ant-collapse-content-box .ant-checkbox-group .divider::before,
#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-options .ant-collapse-content-box .ant-checkbox-group .divider::after {
  content: "";
  flex: 1;
  border-left: 1px solid #434054;
  margin: 0 10px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-header .ant-collapse-header-text .description {
  font-size: 12px;
  color: #a7a6aa !important;
  margin-left: 18px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .ant-form-item .ant-flex .ant-input {
  background-color: #484654;
  border: 0px;
  height: 47px;
  color: #ffffff;
  border-radius: 2px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .ant-form-item .ant-flex .suffix {
  color: #ffffff;
  font-size: 16px;
  background-color: #484654;
  height: 47px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  border-radius: 2px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .company_sub_domain_search-message-success {
  margin-bottom: 20px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .company_sub_domain_search-message-success .label {
  color: #139617;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .company_sub_domain_search-message-success .notes {
  color: #a6a8aa;
  margin-left: 3px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .company_sub_domain_search-message-danger {
  margin-bottom: 20px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .company_sub_domain_search-message-danger .label {
  color: #e13c3c;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .company_sub_domain_search-message-danger .notes {
  color: #ffffff;
  margin-left: 3px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .ant-btn {
  height: 47px;
  background-color: #8a54fb;
  border-radius: 5px;
  border: 0px;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .ant-btn:hover {
  background-color: transparent;
  color: #8a54fb;
  border: 1px solid #8a54fb;
}

#PageRegistration .ant-layout-content .ant-card .ant-card-body .ant-collapse .ant-collapse-item.item-company-sub-domain .ant-collapse-content .ant-collapse-content-box .ant-btn.btn-clear {
  background-color: transparent;
  color: #8a54fb;
  border: 1px solid #8a54fb;
}

#PageRegistration .ant-layout-content .ant-card.order-summary .ant-card-body .ant-typography {
  color: #ffffff;
  margin-bottom: 0px;
  font-weight: 500;
}

#PageRegistration .ant-layout-content .ant-card.order-summary .ant-card-body .label {
  display: flex;
  justify-content: space-between;
}

#PageRegistration .ant-layout-content .ant-card.order-summary .ant-card-body .label .ant-typography {
  margin-top: 0px;
}

#PageRegistration .ant-layout-content .ant-card.order-summary .ant-card-body .label.per .ant-typography {
  color: #aaacad !important;
}

#PageRegistration .ant-layout-content .ant-card.order-summary .ant-card-body .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  background-color: transparent;
}

#PageRegistration .ant-layout-content .ant-card.order-summary .ant-card-body .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #8a54fb;
  border-color: #8a54fb;
}

#PageRegistration .ant-layout-content .ant-card.order-summary .ant-card-body .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked::after {
  border-color: #8a54fb;
}

#PageRegistration .ant-layout-content .ant-card.order-summary .ant-card-body .read {
  color: #ffffff;
}

#PageRegistration .ant-layout-content .ant-card.order-summary .ant-card-body .btn-purchase {
  width: 100%;
  background-color: #8a54fb;
  border-color: #8a54fb;
  color: #ffffff;
  font-size: 18px !important;
  height: auto;
}

#PageRegistration .ant-layout-content .ant-layout-footer {
  background-color: transparent;
  padding: 80px 0px 0px 0px;
}

#PageRegistration .ant-layout-content .ant-layout-footer > div {
  margin: 0 auto;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section1 {
  padding: 40px 0px;
  border-bottom: 1px solid #1b192b;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section1 > .ant-flex {
  max-width: 1176px;
  margin: 0 auto;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section1 > .ant-flex .logo-wrapper,
#PageRegistration .ant-layout-content .ant-layout-footer .section1 > .ant-flex .contact-info {
  width: 50%;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section1 > .ant-flex .logo-wrapper img {
  width: 170px;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section1 > .ant-flex .contact-info .flex-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section1 > .ant-flex .contact-info .flex-item .icon {
  font-size: 20px;
  color: #8a54fb;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section1 > .ant-flex .contact-info .flex-item .text {
  color: #ffffff;
  font-size: 16px;
  transition: color 0.3s;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section1 > .ant-flex .contact-info .flex-item .text:hover {
  color: #8a54fb;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section2 {
  padding: 30px 0px;
  border-bottom: 1px solid #1b192b;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section2 > .ant-flex {
  max-width: 1176px;
  margin: 0 auto;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section2 > .ant-flex .flex-info {
  width: 40%;
  height: 140px;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section2 > .ant-flex .flex-info .btn-signup-login-wrapper .ant-btn {
  height: auto;
  color: #ffffff;
  padding: 10px 30px;
  border-radius: 8px;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.15) inset;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section2 > .ant-flex .menus {
  width: 20%;
  height: 140px;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section2 > .ant-flex .menus .ant-typography {
  color: #ffffff;
  font-size: 16px;
  transition: color 0.3s;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section2 > .ant-flex .menus .ant-typography:hover {
  color: #8a54fb;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section2 > .ant-flex .logo-wrapper {
  width: 20%;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section2 > .ant-flex .logo-wrapper img {
  width: 200px;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section3 {
  padding: 40px 0px;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section3 > .ant-flex {
  max-width: 1176px;
  margin: 0 auto;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section3 > .ant-flex .ant-typography {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.3s;
}

#PageRegistration .ant-layout-content .ant-layout-footer .section3 > .ant-flex .ant-typography:hover {
  color: #8a54fb;
}

.modal-payment-gateway .ant-modal-header {
  background: #8c53fb !important;
}

.reportTitle {
  font-size: 1.4em;
  color: rgb(51, 51, 51);
  font-weight: 700;
  fill: rgb(51, 51, 51);
  font-family: SourceSansProRegular;
  padding-left: 10px;
}

#PageReports > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 5px;
}

#PageReports .highcharts-contextbutton .highcharts-button-symbol {
  stroke: var(--yellow) !important;
}

.tab-reports .ant-tabs-tab {
  margin-right: 1px !important;
}

.snapshots-reports .input-date-picker,
.snapshots-reports .ant-select {
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.snapshots-reports .input-date-picker svg,
.snapshots-reports .ant-select svg {
  color: var(--yellow);
}

.snapshots-reports .collapse-reports .ant-collapse-header-text {
  margin-left: 5px;
}

.snapshots-reports .collapse-reports .ant-collapse-content-box {
  padding: 24px !important;
}

.snapshots-reports .ant-typography strong {
  font-weight: 600;
}

.text-main-primary {
  color: var(--yellow);
}

#PageCoupons .ant-tabs .ant-tabs-nav .ant-tabs-extra-content,
#PageInvoiceAndReceipts .ant-tabs .ant-tabs-nav .ant-tabs-extra-content {
  padding-right: 15px;
}

#PageCoupons .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new,
#PageInvoiceAndReceipts .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new {
  border: 0px;
  box-shadow: none;
  padding: 0px;
  align-items: center;
  display: flex;
}

#PageCoupons .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new span,
#PageInvoiceAndReceipts .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new span {
  font-weight: 300;
}

#PageCoupons .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:hover svg,
#PageCoupons .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:hover span,
#PageCoupons .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:focus svg,
#PageCoupons .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:focus span,
#PageInvoiceAndReceipts .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:hover svg,
#PageInvoiceAndReceipts .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:hover span,
#PageInvoiceAndReceipts .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:focus svg,
#PageInvoiceAndReceipts .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new:focus span {
  color: var(--yellow);
}

#PageCoupons .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new svg,
#PageInvoiceAndReceipts .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new svg {
  margin-right: 5px;
}

#PageCoupons .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new::after,
#PageInvoiceAndReceipts .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .tabs-extra--btn-new::after {
  display: none !important;
}

@media (max-width: 425px) {
  #PageCoupons .ant-table-wrapper .ant-table-cell,
  #PageInvoiceAndReceipts .ant-table-wrapper .ant-table-cell {
    font-size: 16px !important;
  }
}

.ant-modal-root:has(.modal-coupon) .ant-modal-mask {
  background-color: rgba(0, 0, 0, 0.45) !important;
}

.modal-coupon .ant-radio-group .ant-radio-checked .ant-radio-inner::after {
  background-color: white !important;
}

@media (max-width: 424px) {
  .modal-coupon .ant-modal-body {
    padding: 10px !important;
  }
}

.modal-coupon .ant-modal-footer {
  border-top: 0px !important;
  padding-top: 0px !important;
}

@media (max-width: 424px) {
  .modal-coupon .ant-modal-footer {
    padding: 0px 10px 10px !important;
  }
}

#PageDocuments .page-system-settings.tab-documents .ant-tabs-content-holder {
  margin-top: 20px;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding: 20px 20px 0px 20px !important;
}

@media (max-width: 425px) {
  #PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
    padding: 12px 10px !important;
  }
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .ant-divider {
  border-top-color: #cccccc !important;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .page-header-logo-wrapper {
  border-radius: 5px;
  border: 1px solid #cccccc;
  width: 100%;
  padding: 10px;
  min-height: 200px;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .page-header-logo-wrapper.no-image .ant-image-img {
  opacity: 0.5;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper {
  margin-top: 20px;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper {
  position: relative;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-btn {
  position: absolute;
  width: 18px;
  height: 18px;
  padding: 0px;
  right: -9px;
  top: -9px;
  z-index: 1;
  font-size: 12px;
  border-radius: 50%;
  border-color: var(--yellow);
  background-color: var(--yellow);
  line-height: normal;
  color: #ffffff;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-btn svg {
  font-size: 11px;
  color: #ffffff;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-image {
  border: 1px solid gray;
  border-radius: 5px;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .flex_page_header_company_logo_uploaded_wrapper .page_header_company_logo_uploaded_wrapper .ant-image .ant-image-img {
  border-radius: 5px;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .draggable-item-container-body_contents .ant-collapse.collapse-form-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 0px !important;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .draggable-item-container-body_contents .ant-collapse.collapse-form-list .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .float-wrapper {
  border: 0px;
}

#PageDocuments .collapse-form > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box .form-list-body-content-wrapper .btn-add-new-section {
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
  color: var(--yellow);
}

@media (max-width: 575px) {
  #PageDocuments .tbl-top-filter {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 575px) {
  #PageDocuments .tbl-top-filter .table-global-search.animated {
    width: 100%;
  }
}

@media (max-width: 575px) {
  #PageDocuments .tbl-bottom-filter {
    flex-direction: column-reverse;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageDocuments .tbl-bottom-filter .ant-pagination {
    left: 0px !important;
    justify-content: center;
  }
}

.modal-wrap-document-preview-pdf .ant-modal {
  width: 90% !important;
}

#PageInvoiceAndReceipts .ant-layout .ant-layout-content .content-wrapper .float-wrapper.float-input-rate .ant-input-number-group-wrapper .ant-input-number-wrapper.ant-input-number-group .ant-input-number-group-addon .ant-flex .ant-btn {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  font-size: 20px !important;
  color: #737574;
}

#PageInvoiceAndReceipts .ant-layout .ant-layout-content .content-wrapper .float-wrapper.float-input-rate .ant-input-number-group-wrapper .ant-input-number-wrapper.ant-input-number-group .ant-input-number-group-addon .ant-flex .ant-btn svg {
  font-size: 20px !important;
}

#PageInvoiceAndReceipts .ant-layout .ant-layout-content .content-wrapper .float-wrapper.float-input-rate .ant-input-number-group-wrapper .ant-input-number-wrapper.ant-input-number-group .ant-input-number-group-addon .ant-flex .ant-btn:disabled {
  border: 0px !important;
  background: transparent !important;
}

#PageInvoiceAndReceipts .ant-layout .ant-layout-content .content-wrapper .ant-btn.ant-btn-text.ant-btn-icon-only:disabled,
#PageInvoiceAndReceipts .ant-layout .ant-layout-content .content-wrapper .ant-btn.ant-btn-link.btn-main-primary2:disabled {
  border: 0px !important;
  background: transparent !important;
}

#PageInvoiceAndReceipts .ant-layout .ant-layout-content .content-wrapper .ant-btn.ant-btn-text.ant-btn-icon-only:disabled svg,
#PageInvoiceAndReceipts .ant-layout .ant-layout-content .content-wrapper .ant-btn.ant-btn-link.btn-main-primary2:disabled svg {
  color: #737574 !important;
}

.modal-wrap-custom-tax-rate .ant-modal {
  width: 300px !important;
}

.modal-wrap-invoice-and-receipt-notes .ant-modal {
  width: 35% !important;
}

.floatQuillWithoutToolbar .ql-toolbar {
  display: none !important;
}

#PageSystemSettingPageDataImport .play-btn {
  color: var(--yellow);
  cursor: pointer;
  font-size: 40px;
}

#PageSystemSettingPageDataImport .play-btn-disable {
  color: #cdcdcd;
  cursor: not-allowed;
  font-size: 40px;
}

#PageSystemSettingPageDataImport .ant-collapse .ant-collapse-header-text {
  font-size: 14px !important;
}

#PageSystemSettingPageDataImport .ant-table-wrapper .ant-table-cell {
  font-size: 14px !important;
}

.page-accounting-top-section-mobile {
  display: none !important;
}

@media (max-width: 426px) {
  .page-accounting-top-section {
    display: none !important;
  }

  .page-accounting-top-section-mobile {
    display: flex !important;
  }

  .page-accounting-top-section-mobile .flex-search-wrapper-accounting {
    margin-top: 20px;
  }

  .page-accounting-top-section-mobile .flex-search-wrapper-accounting .table-global-search.show {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
  }
}

@media (max-width: 426px) and (max-width: 425px) {
  .page-accounting-top-section-mobile .flex-search-wrapper-accounting .table-global-search.show {
    padding: 0 0px !important;
  }
}

@media (max-width: 426px) {
  .page-accounting-top-section-mobile .ant-pagination.table-pagination {
    justify-content: center !important;
  }

  .page-accounting-top-section-mobile .flex-results-wrapper .ant-typography {
    width: 220px !important;
  }

  .page-accounting-top-section-mobile .flex-results-wrapper .ant-input-affix-wrapper {
    width: 100% !important;
  }
}

@media (max-width: 426px) and (max-width: 375px) {
  .page-accounting-top-section-mobile .flex-results-wrapper .ant-typography {
    width: 173px !important;
  }
}

.modal-map-wrap {
  z-index: 99999999999 !important;
}

.modal-map-wrap .modal-map {
  top: 12px;
  width: 90% !important;
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper {
  background: rgba(0, 0, 0, 0.4);
  width: 168px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-radius: 10px;
  left: 10px !important;
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .google-map-control-date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px;
  background: #ffffff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .btn-map-control {
  width: 100%;
  line-height: normal;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 5px;
  outline: none;
  color: #ffffff;
  background-color: var(--yellow);
  border: 1px solid var(--yellow);
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .btn-map-control:focus {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .btn-map-control:hover {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .btn-map-control.active {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .btn-map-control.outline {
  color: var(--yellow);
  background-color: #ffffff;
  border-color: var(--yellow);
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .btn-map-control.outline:focus {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .btn-map-control.outline:hover {
  color: #ffffff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .google-map-control-navigation {
  display: flex;
  gap: 5px;
  align-items: center;
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .google-map-control-wrapper .google-map-control-navigation .btn-map-control {
  width: calc(50% - 2.5px);
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .gm-style-iw-chr {
  display: flex;
  align-items: center;
  margin: 5px 5px 0px 0px;
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .gm-style-iw-chr .gm-style-iw-ch {
  padding-top: 0px !important;
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .gm-style-iw-chr .gm-style-iw-ch span {
  font-weight: bold;
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .gm-style-iw-chr .gm-ui-hover-effect {
  width: 25px !important;
  height: 25px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .gm-style-iw-chr .gm-ui-hover-effect span {
  width: 20px !important;
  height: 20px !important;
  margin: 0px !important;
}

.modal-map-wrap .modal-map .ant-modal-content .ant-modal-body .gm-style-iw-d {
  padding-top: 10px !important;
  padding-right: 5px !important;
}

.mobile-property .ant-collapse-content-box {
  padding: 14px 24px !important;
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box {
    padding: 5px 5px !important;
  }
}

.mobile-property .ant-collapse-content-box .tbl-page-size {
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .tbl-page-size {
    margin-bottom: 0;
  }
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box .tbl-page-size {
    margin-top: -5px;
  }
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .table-showing-entries {
    margin-top: -4px;
  }
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box .table-showing-entries {
    height: 22px;
  }
}

@media (max-width: 425px) {
  .mobile-property .ant-collapse-content-box .ant-pagination.table-pagination .ant-pagination-item {
    font-size: 19px !important;
  }
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box .ant-pagination.table-pagination {
    margin-bottom: -10px;
  }
}

.mobile-property .ant-collapse-content-box .employee-my-hours-table-pagination-wrapper-bottom {
  margin-top: -2px;
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .employee-my-hours-table-pagination-wrapper-bottom {
    margin-top: -4px;
  }
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box .employee-my-hours-table-pagination-wrapper-bottom .ant-pagination.table-pagination {
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .clear-wrapper {
    margin-bottom: -10px;
  }
}

.mobile-property .ant-collapse-content-box .table-top-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .table-top-left {
    margin-bottom: -15px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .table-top-left {
    margin-bottom: -15px;
  }
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box .table-top-left .btn-main-primary2 {
    margin-top: -5px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .employee-my-hours-table-pagination-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }

  .mobile-property .ant-collapse-content-box .employee-my-hours-table-pagination-wrapper .ant-pagination.table-pagination {
    width: auto;
  }
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box .employee-my-hours-table-pagination-wrapper-topmobile .table-showing-entries {
    height: 30px;
  }
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box .employee-my-hours-table-pagination-wrapper-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: -17px !important;
  }

  .mobile-property .ant-collapse-content-box .employee-my-hours-table-pagination-wrapper-header .tbl-page-size .ant-select-selector {
    padding: 0 11px 0px 0px;
  }

  .mobile-property .ant-collapse-content-box .employee-my-hours-table-pagination-wrapper-header .table-showing-entries {
    height: 32px;
  }
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box .table-top-right {
    margin-bottom: -15px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .table-top-right {
    margin-bottom: -15px;
  }
}

.mobile-property .ant-collapse-content-box .desktop-display-none {
  display: none;
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .desktop-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .desktop-display-flex {
    display: flex;
  }
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .mobile-display-none {
    display: none;
  }
}

@media (max-width: 991px) {
  .mobile-property .ant-collapse-content-box .mobile-display-none-atmd {
    display: none;
  }
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .mobile-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .mobile-property .ant-collapse-content-box .mobile-display-flex {
    display: flex;
  }
}

@media (min-width: 576px) {
  .mobile-property .ant-collapse-content-box .mobile-display-none-atMin576 {
    display: none;
  }
}

@media (max-width: 575px) {
  .mobile-property .ant-collapse-content-box .mobile-display-none-atxs {
    display: none !important;
  }
}

@media (max-width: 425px) {
  .mobile-property .btn-clear-filter-all span {
    font-size: 19px;
  }

  .mobile-property .btn-clear-filter-all svg {
    font-size: 16px;
  }
}

@media (max-width: 425px) {
  .table-global-search.animated {
    width: 100%;
  }

  .table-custom .table-custom-head {
    font-size: 19px;
    line-height: 17px;
  }

  .table-custom .ant-checkbox {
    transform: scale(1.2);
  }

  .table-custom .ant-btn {
    font-size: 16px !important;
  }

  .table-custom .ant-btn div,
  .table-custom .ant-select,
  .table-custom .column {
    font-size: 16px;
  }

  .ant-layout-footer {
    font-size: 16px;
  }

  .ant-layout-footer .footer-main-col span {
    text-align: center !important;
  }

  .ant-select {
    font-size: 19px;
  }

  .ant-select > span {
    font-size: 16px;
  }

  .ant-picker-input > input {
    font-size: 19px;
  }

  .ant-picker-input .ant-picker-suffix {
    font-size: 16px;
  }

  .ant-select-single .ant-select-selector .ant-select-selection-item,
  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    line-height: 40px !important;
  }

  .filter-wrapper .ant-picker,
  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
  .select-wrapper {
    height: 40px !important;
  }

  .company-details-card .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
  .company-details-card .select-wrapper,
  .card-contact-details .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
  .card-contact-details .select-wrapper {
    height: 45px !important;
  }

  #PageAccountSetupClientForm .card-contact-details .ant-collapse-content .ant-collapse-content-box {
    padding: 12px 10px !important;
  }

  .switch-wrapper .text,
  .ant-form,
  .table-global-search .ant-input-clear-icon,
  .ant-switch > .ant-switch-inner,
  .permission-buttons-label .label,
  .ant-tabs-tab .label,
  .ant-btn.ant-btn-link:not(.x-mark-button),
  .ant-radio-wrapper span,
  .ant-picker-large .ant-picker-input > .ant-picker-suffix span,
  .ant-typography {
    font-size: 16px !important;
  }

  .page-system-settings .logo-container .x-mark-button {
    width: 24px;
    height: 24px;
    font-size: 0;
  }

  .page-system-settings .logo-container .x-mark-button svg {
    font-size: 16px;
  }

  .float-wrapper .label {
    line-height: 21px;
    color: gray;
  }

  .ant-picker-large .ant-picker-input > input,
  .ant-pagination,
  .ant-form-item,
  .ant-space .ant-space-item .ant-form-item input,
  .ant-space .ant-space-item .ticket-prefix-output,
  .ant-space-item .ticket-prefix-addon,
  .ant-form-item .ant-form-item-label > label,
  .ant-form-item.switch-form span.ant-typography,
  .ant-form-item-control-input-content span.ant-typography {
    font-size: 19px;
  }

  .ant-space-item .ant-btn,
  .table-global-search > .ant-input-affix-wrapper,
  .float-wrapper .label,
  .ant-form-item .ant-input-lg {
    font-size: 16px;
  }

  .crm-task-sider .ant-layout-sider-children .ant-btn {
    font-size: 16px !important;
  }

  .add-retainer-hours-card > .ant-card-head {
    padding: 0 10px;
  }

  .add-retainer-hours-card > .ant-card-body {
    padding: 10px !important;
  }

  :not(.ant-form) > .ant-card .ant-card-head {
    padding: 0 10px;
  }

  :not(.ant-form) > .ant-card .ant-card-head-title {
    font-size: 19px;
  }

  :not(.ant-form) > .ant-card .ant-card-body {
    padding: 10px;
  }

  :not(.ant-form) > .ant-card .ant-form-item {
    margin-bottom: 24px;
  }

  .ant-collapse .ant-collapse-header {
    padding-left: 10px !important;
  }

  .ant-collapse .ant-collapse-content > .ant-collapse-content-box {
    padding: 15px 10px 0 !important;
  }

  .card-users-and-permissions .ant-card-body .permission-buttons-label .ant-btn[name=btn_edit][type=button],
  .card-users-and-permissions .ant-card-body .permission-buttons-label .ant-btn[name=btn_delete][type=button] {
    height: 27px;
    font-size: 16px;
    min-width: 27px;
  }

  .card-users-and-permissions .ant-card-body .permission-buttons-label .button-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .ant-switch {
    min-width: 45px !important;
    height: 26px !important;
    border-width: 3px;
  }

  .ant-switch .ant-switch-handle {
    width: 14px;
    height: 14px;
  }

  .ant-switch:not(.ant-switch-checked) .ant-switch-handle {
    top: 3px;
    left: 2px;
  }

  .ant-switch.ant-switch-checked .ant-switch-handle {
    top: 3px;
    left: calc(100% - 16px);
  }

  .page-email-text-templates .ant-collapse-content-box .ant-form-item:last-child.m-b-sm {
    margin-bottom: 10 !important;
  }

  .recovery-link-wrapper {
    font-size: 16px;
  }

  [for=npto_0_same_date],
  [for=npto_0_different_date],
  [for=pto_0_same_date],
  [for=pto_0_different_date] {
    width: 297px;
  }

  div:not(.ant-popover-buttons) > .ant-btn.ant-btn-default:not(.ant-pagination-item-link) {
    font-size: 16px;
    height: 40px;
  }

  .mobile-mt-10 {
    margin-top: 10px !important;
  }

  .email-signature-card.ant-card .ant-form-item {
    margin-bottom: 0px !important;
  }

  .btn-tab {
    margin-bottom: 5px;
  }

  .tags-filter .ant-tag {
    font-size: 16px;
  }

  .tags-filter .btn-clear-filter span {
    font-size: 19px;
  }

  .tags-filter .btn-clear-filter svg {
    font-size: 16px;
  }

  .float-wrapper.float-textarea .label.float-label {
    top: -11px;
  }

  .mobile-h-35 {
    height: 35px !important;
  }

  .mobile-h-25 {
    height: 25px !important;
  }

  .mobile-mb-10 {
    margin-bottom: 10px !important;
  }

  .mobile-mb-24 {
    margin-bottom: 24px !important;
  }

  .-mobile-mt-25 {
    margin-top: -25px !important;
  }

  .btn-popover svg {
    font-size: 16px !important;
  }

  .mobile-display-none {
    display: none;
  }

  .mobile-display-block {
    display: block !important;
  }

  .mobile-display-flex {
    display: flex;
  }

  .mobile-border-0 {
    border: 0;
  }

  .mobile-p-0 {
    padding: 0 !important;
  }

  .ant-collapse .ant-collapse-header-text {
    padding-right: 30px;
    font-size: 19px !important;
    font-weight: normal !important;
  }

  .add-retainer-hours-modal .ant-card-head-title {
    font-size: 19px !important;
  }

  .mobile-mb-12 {
    margin-bottom: 12px !important;
  }

  .mobile-direction-col {
    flex-direction: column;
  }

  .mobile-align-start {
    align-items: flex-start;
  }

  .mobile-text-16 {
    font-size: 16px !important;
  }

  .drawer-filter-project-ticket .filter-search .ant-input-prefix {
    margin: 0;
  }

  .drawer-filter-project-ticket .filter-search svg {
    font-size: 16px;
  }

  .drawer-filter-project-ticket .filter-search .ant-input {
    font-size: 19px;
    padding: 4px 11px;
  }

  .drawer-filter-project-ticket .filter-date-range {
    display: flex;
    flex-wrap: nowrap;
  }

  .drawer-filter-project-ticket .filter-date-range svg {
    font-size: 16px;
  }

  .drawer-task-filter > .ant-drawer-content-wrapper {
    width: 100% !important;
  }

  .mobile-mr-0 {
    margin-right: 0 !important;
  }

  .mobile-left-3 {
    left: 3 !important;
  }

  .mobile-text-height-20 {
    line-height: 20px !important;
  }

  .dashboard-card.mobile-min-w-unset {
    min-width: unset !important;
  }

  .drawer-filter-project-ticket .filter-status {
    border: 0;
  }

  .drawer-filter-project-ticket .filter-status label {
    font-size: 19px;
  }
}

.drawer-filter-project-ticket .filter-status {
  border: 0;
}

.min-w-325 {
  min-width: 325px !important;
}

.display-none {
  display: none;
}

.client-project-table-pagination {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.client-project-table-pagination .ant-pagination.table-pagination {
  width: auto;
}

@media (max-width: 767px) {
  .client-project-table-pagination .ant-pagination-total-text {
    display: none;
  }
}

@media (max-width: 575px) {
  .client-project-table-pagination {
    justify-content: center;
    margin-top: -10px;
  }
}

.client-project-table-page-size {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 575px) {
  .client-project-table-page-size {
    justify-content: flex-start;
    margin-top: -10px;
  }

  .client-project-table-page-size .ant-select-selector {
    padding: 0px 12px 0px 0px !important;
  }
}

@media (max-width: 575px) {
  .client-project-table-show-entries {
    padding-right: 8px !important;
    margin-top: -10px;
  }
}

@media (max-width: 768px) {
  .client-project-table .mt-12 {
    margin-top: 0px !important;
  }
}

@media (max-width: 767px) {
  .client-project-table .table-entries-table-pagination-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }

  .client-project-table .table-entries-table-pagination-wrapper .ant-pagination {
    width: auto !important;
    right: -12px !important;
  }
}

@media (max-width: 575px) {
  .client-project-table .table-entries-table-pagination-wrapper {
    flex-direction: column;
    margin-top: -10px !important;
  }

  .client-project-table .table-entries-table-pagination-wrapper .ant-pagination {
    margin-top: -10px !important;
    right: 0px !important;
  }
}

.client-project-table .project-filter {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .client-project-table .project-filter {
    margin-bottom: -8px;
  }
}

.client-project-table .desktop-display-none {
  display: none;
}

@media (min-width: 992px) {
  .client-project-table .desktop-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .client-project-table .desktop-display-none-min576 {
    display: none;
  }
}

@media (max-width: 575px) {
  .client-project-table .desktop-display-none-atxs {
    display: none;
  }
}

@media (min-width: 768px) {
  .client-project-table .desktop-display-none-atMin768 {
    display: none;
  }
}

@media (max-width: 767px) {
  .client-project-table .desktop-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .client-project-table .desktop-display-flex {
    display: flex;
  }
}

@media (max-width: 767px) {
  .client-project-table .mobile-display-none {
    display: none;
  }
}

@media (max-width: 991px) {
  .client-project-table .mobile-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .client-project-table .mobile-display-none-atMin576 {
    display: none;
  }
}

@media (max-width: 767px) {
  .client-project-table .mobile-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .client-project-table .mobile-display-flex {
    display: flex;
  }
}

@media (max-width: 575px) {
  .client-project-table .mobile-display-none-atxs {
    display: none;
  }
}

@media (max-width: 767px) {
  .admin-project-table {
    row-gap: 0px !important;
  }
}

@media (max-width: 575px) {
  .admin-project-table .page-project-mobile .tbl-page-size .ant-select-selector {
    padding: 0px 11px 0px 0px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .admin-project-table .page-project-mobile-row {
    row-gap: 0px !important;
  }
}

@media (max-width: 575px) {
  .admin-project-table .page-project-mobile-row {
    row-gap: 0px !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .admin-project-table .page-project-mobile-row-filter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .admin-project-table .page-project-mobile-row-filter .ant-pagination {
    width: auto;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .admin-project-table .table-entries-table-pagination-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }

  .admin-project-table .table-entries-table-pagination-wrapper .ant-pagination {
    width: auto !important;
    right: -12px !important;
  }
}

@media (max-width: 575px) {
  .admin-project-table .table-entries-table-pagination-wrapper {
    row-gap: 4px;
    margin-top: 2px !important;
  }
}

.admin-project-table .desktop-display-none {
  display: none;
}

@media (min-width: 992px) {
  .admin-project-table .desktop-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .admin-project-table .desktop-display-none-min576 {
    display: none;
  }
}

@media (max-width: 575px) {
  .admin-project-table .desktop-display-none-atxs {
    display: none;
  }
}

@media (min-width: 768px) {
  .admin-project-table .desktop-display-none-atMin768 {
    display: none;
  }
}

@media (max-width: 767px) {
  .admin-project-table .desktop-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .admin-project-table .desktop-display-flex {
    display: flex;
  }
}

@media (max-width: 767px) {
  .admin-project-table .mobile-display-none {
    display: none;
  }
}

@media (max-width: 991px) {
  .admin-project-table .mobile-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .admin-project-table .mobile-display-none-atMin576 {
    display: none;
  }
}

@media (max-width: 767px) {
  .admin-project-table .mobile-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .admin-project-table .mobile-display-flex {
    display: flex;
  }
}

@media (max-width: 575px) {
  .admin-project-table .mobile-display-none-atxs {
    display: none;
  }
}

@media (max-width: 575px) {
  .ticket-table .ticket-top-filters .ant-btn.ant-btn-lg {
    height: 34px !important;
  }
}

@media (max-width: 575px) {
  .ticket-table .btn-clear-filter-all {
    margin-bottom: 12px !important;
    margin-top: 0px !important;
  }
}

@media (max-width: 575px) {
  .ticket-table-filter {
    margin-top: -8px;
    row-gap: 3px !important;
  }

  .ticket-table-filter .ant-pagination.table-pagination .ant-pagination-total-text {
    display: none;
  }
}

.ticket-table .ticket-table-filter-two {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ticket-table .ticket-table-filter-two .ant-pagination.table-pagination {
  width: auto;
  right: 0px;
}

@media (max-width: 767px) {
  .ticket-table .table-entries-table-pagination-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }

  .ticket-table .table-entries-table-pagination-wrapper .ant-pagination.table-pagination {
    width: auto;
  }

  .ticket-table .table-entries-table-pagination-wrapper .ant-pagination.table-pagination .ant-pagination-total-text {
    display: block !important;
  }
}

@media (max-width: 575px) {
  .ticket-table .table-entries-table-pagination-wrapper {
    flex-direction: column;
    margin-top: -10px;
  }

  .ticket-table .table-entries-table-pagination-wrapper .ant-pagination {
    margin-top: -10px;
    right: 0px !important;
  }
}

.ticket-table .desktop-display-none {
  display: none;
}

@media (min-width: 992px) {
  .ticket-table .desktop-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .ticket-table .desktop-display-none-min576 {
    display: none;
  }
}

@media (max-width: 575px) {
  .ticket-table .desktop-display-none-atxs {
    display: none;
  }
}

@media (min-width: 768px) {
  .ticket-table .desktop-display-none-atMin768 {
    display: none;
  }
}

@media (max-width: 767px) {
  .ticket-table .desktop-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .ticket-table .desktop-display-flex {
    display: flex;
  }
}

@media (max-width: 767px) {
  .ticket-table .mobile-display-none {
    display: none;
  }
}

@media (max-width: 991px) {
  .ticket-table .mobile-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .ticket-table .mobile-display-none-atMin576 {
    display: none;
  }
}

@media (max-width: 767px) {
  .ticket-table .mobile-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .ticket-table .mobile-display-flex {
    display: flex;
  }
}

@media (max-width: 575px) {
  .ticket-table .mobile-display-none-atxs {
    display: none;
  }
}

@media (max-width: 767px) {
  .retainer-table {
    row-gap: 0px !important;
  }
}

.retainer-table .head-filter {
  margin-bottom: -2px;
}

.retainer-table .head-filter-btn {
  height: 32px !important;
  font-size: 16px !important;
}

.retainer-table .mobile-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.retainer-table .mobile-header .ant-pagination.table-pagination {
  width: auto;
  right: 0px;
}

@media (min-width: 576px) and (max-width: 767px) {
  .retainer-table .mobile-header .table-showing-entries {
    margin-right: 10px;
  }
}

.retainer-table .mobile-page .tbl-page-size .ant-select-selector {
  padding: 0px 11px 0px 0px;
  height: 32px !important;
}

@media (max-width: 575px) {
  .retainer-table .pagination-and-support-details .ant-btn {
    margin-bottom: -10px;
  }
}

@media (max-width: 575px) {
  .retainer-table .admin-btn {
    margin-bottom: -10px;
  }
}

@media (max-width: 767px) {
  .retainer-table .table-entries-table-pagination-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }

  .retainer-table .table-entries-table-pagination-wrapper .ant-pagination {
    width: auto;
    right: -12px !important;
  }
}

@media (max-width: 575px) {
  .retainer-table .table-entries-table-pagination-wrapper {
    flex-direction: column;
    row-gap: 5px !important;
    margin-top: 3px !important;
  }

  .retainer-table .table-entries-table-pagination-wrapper .ant-pagination {
    right: 0px !important;
  }
}

.retainer-table .desktop-display-none {
  display: none;
}

@media (min-width: 992px) {
  .retainer-table .desktop-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .retainer-table .desktop-display-none-min576 {
    display: none;
  }
}

@media (max-width: 575px) {
  .retainer-table .desktop-display-none-atxs {
    display: none;
  }
}

@media (min-width: 768px) {
  .retainer-table .desktop-display-none-atMin768 {
    display: none;
  }
}

@media (max-width: 767px) {
  .retainer-table .desktop-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .retainer-table .desktop-display-flex {
    display: flex;
  }
}

@media (max-width: 767px) {
  .retainer-table .mobile-display-none {
    display: none;
  }
}

@media (max-width: 991px) {
  .retainer-table .mobile-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .retainer-table .mobile-display-none-atMin576 {
    display: none;
  }
}

@media (max-width: 767px) {
  .retainer-table .mobile-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .retainer-table .mobile-display-flex {
    display: flex;
  }
}

@media (max-width: 575px) {
  .retainer-table .mobile-display-none-atxs {
    display: none;
  }
}

@media (max-width: 575px) {
  .for-task-category-select .div {
    width: 100% !important;
    margin-top: 12px;
  }
}

@media (max-width: 575px) {
  .page-task-category .table-global-search {
    margin-top: -15px !important;
  }
}

@media (max-width: 575px) {
  .page-task-category-bottom {
    margin-top: 0px !important;
  }
}

@media (max-width: 575px) {
  .page-task-category-table {
    margin-top: 19px !important;
  }
}

@media (max-width: 575px) {
  .page-project-type .table-global-search {
    margin-top: -15px !important;
  }
}

@media (max-width: 575px) {
  .page-project-type-bottom {
    margin-top: 9px !important;
  }
}

@media (max-width: 575px) {
  .page-project-type-table {
    margin-top: 19px !important;
  }
}

.page-email-text-templates .ant-collapse-content-box {
  padding: 24px 22px 0 !important;
}

.page-email-text-templates .ant-collapse-content-box .ant-form-item:last-child {
  margin-bottom: 22px !important;
}

.page-maintenance .switch-wrapper {
  align-items: flex-start !important;
}

@media (max-width: 575px) {
  .page-maintenance .switch-wrapper {
    margin-top: 12px !important;
  }
}

.page-maintenance .recovery-link-wrapper {
  flex-wrap: wrap;
}

.page-maintenance #page_login_ui {
  margin-top: -14px !important;
}

@media (max-width: 575px) {
  .page-historical-data .tbl-page-size {
    margin-top: 10px;
  }

  .page-historical-data .table-showing-entries {
    margin-top: 10px;
  }

  .page-historical-data .table-pagination {
    margin-bottom: 5px;
  }

  .page-historical-data-bottom {
    margin-top: 2px !important;
  }
}

@media (max-width: 575px) {
  .page-client-table-tp .table-global-search {
    width: 100% !important;
    margin-bottom: -12px;
  }
}

.page-client-table-filter {
  margin-bottom: 6px;
}

.page-client-table-search {
  display: flex;
  align-items: center;
}

.page-client-table-search .table-global-search {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .page-client-table-search .table-global-search {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .page-client-table-btn {
    display: none;
  }
}

@media (max-width: 575px) {
  .page-client-table-btn .ant-btn {
    margin-top: 10px;
    width: 100%;
  }
}

.page-client-table .add-btn {
  height: 32px !important;
}

.page-client-table-br {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (min-width: 576px) and (max-width: 767px) {
  .page-client-table-br .table-pagination {
    width: auto !important;
  }
}

@media (max-width: 575px) {
  .page-client-table-br {
    justify-content: space-between;
  }

  .page-client-table-br .tbl-page-size .ant-select-selector {
    padding: 0 11px 0 0px;
  }
}

@media (max-width: 575px) {
  .page-client-table .atxs-none {
    display: none;
  }
}

@media (min-width: 576px) {
  .page-client-table .atMin576-none {
    display: none;
  }
}

.page-client-table-bt .table-pagination {
  display: flex;
  justify-content: center;
}

.page-client-table .employee-my-hours-table-pagination-wrapper {
  display: flex;
  flex-direction: row;
}

.page-client-table .employee-my-hours-table-pagination-wrapper .table-pagination {
  width: auto;
}

@media (max-width: 575px) {
  .page-client-table .employee-my-hours-table-pagination-wrapper {
    flex-direction: column;
  }

  .page-client-table .employee-my-hours-table-pagination-wrapper .table-showing-entries {
    margin-top: -8px;
  }
}

.page-client-table .desktop-display-none {
  display: none;
}

@media (min-width: 992px) {
  .page-client-table .desktop-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .page-client-table .desktop-display-none-min576 {
    display: none;
  }
}

@media (max-width: 575px) {
  .page-client-table .desktop-display-none-atxs {
    display: none;
  }
}

@media (min-width: 768px) {
  .page-client-table .desktop-display-none-atMin768 {
    display: none;
  }
}

@media (max-width: 767px) {
  .page-client-table .desktop-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .page-client-table .desktop-display-flex {
    display: flex;
  }
}

@media (max-width: 767px) {
  .page-client-table .mobile-display-none {
    display: none;
  }
}

@media (max-width: 991px) {
  .page-client-table .mobile-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .page-client-table .mobile-display-none-atMin576 {
    display: none;
  }
}

@media (max-width: 767px) {
  .page-client-table .mobile-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .page-client-table .mobile-display-flex {
    display: flex;
  }
}

@media (max-width: 575px) {
  .page-client-table .mobile-display-none-atxs {
    display: none;
  }
}

@media (max-width: 425px) {
  .ant-table-wrapper .ant-table-header {
    font-size: 19px;
    line-height: 17px;
  }

  .ant-table-wrapper .ant-table-cell {
    font-size: 19px;
  }

  .ant-table-wrapper .ant-table-cell .ant-btn div,
  .ant-table-wrapper .ant-table-cell .ant-select {
    font-size: 19px;
  }

  .ant-table-wrapper .ant-table-cell .ant-btn {
    font-size: 16px !important;
    padding-top: 2px;
  }
}

.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 22px;
}

@media (max-width: 575px) {
  .select-date-wrapper .ant-picker-body {
    border: 1px solid #d0d0d0;
    border-radius: 5px;
  }
}

.page-employee-time-off .page-size {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 575px) {
  .page-employee-time-off .page-size {
    justify-content: space-between;
    margin-top: -12px;
  }

  .page-employee-time-off .page-size .tbl-page-size .ant-select-selector {
    padding: 0 11px 0 0;
  }
}

.page-employee-time-off .page-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 12px;
}

.page-employee-time-off .page-pagination .table-pagination {
  width: auto;
}

@media (max-width: 575px) {
  .page-employee-time-off .page-pagination {
    justify-content: center;
    margin-bottom: 6px;
  }
}

@media (min-width: 576px) {
  .page-employee-time-off .employee-my-hours-table-pagination-wrapper-bottom {
    flex-direction: row;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .page-employee-time-off .employee-my-hours-table-pagination-wrapper-bottom .table-pagination {
    width: auto;
  }
}

.page-employee-time-off .desktop-display-none {
  display: none;
}

@media (min-width: 992px) {
  .page-employee-time-off .desktop-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .page-employee-time-off .desktop-display-none-min576 {
    display: none;
  }
}

@media (max-width: 575px) {
  .page-employee-time-off .desktop-display-none-atxs {
    display: none;
  }
}

@media (min-width: 768px) {
  .page-employee-time-off .desktop-display-none-atMin768 {
    display: none;
  }
}

@media (max-width: 767px) {
  .page-employee-time-off .desktop-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .page-employee-time-off .desktop-display-flex {
    display: flex;
  }
}

@media (max-width: 767px) {
  .page-employee-time-off .mobile-display-none {
    display: none;
  }
}

@media (max-width: 991px) {
  .page-employee-time-off .mobile-display-none-atmd {
    display: none;
  }
}

@media (min-width: 576px) {
  .page-employee-time-off .mobile-display-none-atMin576 {
    display: none;
  }
}

@media (max-width: 767px) {
  .page-employee-time-off .mobile-display-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .page-employee-time-off .mobile-display-flex {
    display: flex;
  }
}

@media (max-width: 575px) {
  .page-employee-time-off .mobile-display-none-atxs {
    display: none;
  }
}

@media (max-width: 575px) {
  .task-filter-wrapper-mobile .m-none {
    display: none;
  }
}

@media (min-width: 576px) {
  .task-filter-wrapper-mobile .m-show {
    display: none;
  }
}

.task-filter-wrapper-mobile .m-show .table-global-search {
  width: 100% !important;
  margin-top: -9px;
}

.crm-task-content__sider-toggle {
  display: none;
}

@media (max-width: 480px) {
  .crm-task-content__sider-toggle {
    position: absolute;
    z-index: 10;
    display: flex;
    width: 35px;
    height: 35px;
    margin-left: -45px;
    background-color: #fafafa;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    border: 1px solid #e6e7e9;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    margin-bottom: -35px;
  }
}

@media (max-width: 480px) {
  #PageCrm .customer-task-layout .ant-layout-sider.ant-layout-sider-collapsed {
    border-right: 0;
  }

  .ant-layout-content .crm-task-content {
    padding-left: 45px !important;
  }

  .calendar-event .ant-typography {
    word-wrap: break-word;
    white-space: normal;
  }

  .crm-task-header .ant-space {
    gap: 20px !important;
  }
}

.transition-transform {
  transition: transform 0.3s;
}

#tbl-import-history .ant-table-fixed {
  table-layout: fixed;
}

#tbl-import-history .ant-table-tbody > tr > td {
  word-wrap: break-word;
  word-break: break-all;
}

.tbl_wrapper_search .ant-input-affix-wrapper {
  display: flex !important;
  align-items: center !important;
}

@media (max-width: 426px) {
  .mobile-hide {
    display: none;
  }
}

.mobile-show {
  display: none;
}

@media (max-width: 426px) {
  .mobile-show {
    display: block;
  }
}

@media (max-width: 426px) {
  .mobile-show-display {
    display: flex;
  }

  .mobile-show-display .ant-select-selector {
    padding: 0 11px 0 0px !important;
  }
}

@media (max-width: 575px) {
  .divclass-center {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 426px) {
  .mobile-reverse {
    display: flex;
    flex-direction: row-reverse;
  }

  .mobile-reverse .ant-select-selector {
    padding: 0 11px 0 0px !important;
  }
}

@media (max-width: 425px) {
  .results-mobile {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
  }

  .results-mobile .ant-input-affix-wrapper {
    width: 100% !important;
  }
}

@media (max-width: 425px) {
  .card-mobile .ant-card-body {
    padding: 0px 0px 10px !important;
  }
}

.collapses-custom .ant-collapse-content-box {
  padding: 14px 24px 24px !important;
}

@media (max-width: 575px) {
  .collapses-mobile .mbl-space-20 {
    gap: 24px !important;
  }
}

@media (min-width: 576px) {
  .collapses-mobile .min-mb-0 {
    margin-bottom: 0px !important;
  }

  .collapses-mobile .xs-mb-t-5 {
    margin-top: -5px !important;
  }

  .collapses-mobile .xs-mb-n-13 {
    margin-bottom: -13px !important;
  }
}

@media (min-width: 426px) {
  .collapses-mobile .xss-mb-t-5 {
    margin-top: -5px !important;
  }
}

@media (max-width: 425px) {
  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box {
    padding: 12px 10px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .priority-status-action-wrapper {
    margin-top: 0px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .message-wrapper {
    padding-top: 0px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .message-wrapper .message-left-wrapper {
    padding-left: 0px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .message-wrapper .message-right-wrapper {
    padding-right: 0px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mlb-tp-n-13 {
    margin-top: -13px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mlb-tp-n-12 {
    margin-top: -12px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mlb-tp-n-5 {
    margin-top: -5px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mlb-tp-n-5 {
    margin-top: -5px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mbl-mb-0 {
    margin-bottom: 0px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mbl-mb-5 {
    margin-bottom: 5px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mbl-mb-n-55 {
    margin-bottom: -5px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mbl-mb-n-5 {
    margin-bottom: -8px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mbl-mb-n-10 {
    margin-bottom: -10px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mbl-mb-n-12 {
    margin-bottom: -12px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .mbl-c-h-100 {
    height: auto !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .xs-mt-0 {
    margin-top: 0px !important;
  }

  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .tbl-page-size .ant-select-selector {
    padding: 0 11px 0 0 !important;
  }
}

@media (min-width: 768px) {
  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .atmd-mb-0 {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 576px) {
  .collapses-mobile .ant-collapse-content > .ant-collapse-content-box .atxs-mb-0 {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 425px) {
  .collapses-report-mobile .ant-collapse-content > .ant-collapse-content-box {
    padding: 0px !important;
  }
}

@media (max-width: 425px) {
  .cards-mobile .ant-card-head {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .cards-mobile .ant-card-body {
    padding-bottom: 0px !important;
    padding: 12px 10px !important;
  }

  .cards-mobile .ant-card-body .mlb-tp-n-5 {
    margin-top: -5px !important;
  }

  .cards-mobile .ant-card-body .mbl-mb-5 {
    margin-bottom: -5px !important;
  }

  .cards-mobile .ant-card-body .mbl-mb-0 {
    margin-bottom: 0px !important;
  }

  .cards-mobile .ant-card-body .mbl-mb-0 .ant-upload-select-picture-card {
    margin-bottom: 0px !important;
  }

  .cards-mobile .ant-card-body .mbl-mb-n-55 {
    margin-bottom: -5px !important;
  }

  .cards-mobile .ant-card-body .mbl-mb-n-5 {
    margin-bottom: -8px !important;
  }

  .cards-mobile .ant-card-body .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
  .cards-mobile .ant-card-body .select-wrapper {
    height: 45px !important;
  }
}

@media (max-width: 425px) {
  .div-cards-mobile :not(.ant-form) > .ant-card .ant-card-body {
    padding: 12px 10px !important;
  }
}

.mobile-mt-n-10 {
  margin-top: -10px !important;
}

.mobile-mt-n-12 {
  margin-top: -12px !important;
}

.mobile-mt-0 {
  margin-top: 0px !important;
}

.mobile-mb-0 {
  margin-top: 0px !important;
}

@media (max-width: 425px) {
  .mobile-mb-custom {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 425px) {
  .mbl-col {
    margin-bottom: -12px !important;
  }
}

@media (min-width: 426px) {
  .tab-secret-code {
    margin-top: -5px;
  }
}

@media (max-width: 425px) {
  .tab-secret-code {
    margin-top: -6px;
  }

  .tab-secret-code .ant-tabs-tab {
    padding-top: 0px !important;
  }
}

@media (max-width: 575px) {
  .search-full .table-global-search {
    width: 100% !important;
  }
}

.filter-desktop .col-right-align {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 575px) {
  .filter-desktop {
    display: none;
  }
}

.filter-mobile {
  display: none;
}

@media (max-width: 575px) {
  .filter-mobile {
    display: block;
  }

  .filter-mobile .space-between {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .filter-mobile .space-between .ant-select-selector {
    padding: 0 11px 0 0 !important;
  }

  .filter-mobile .center {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .filter-mobile .center .ant-pagination.table-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

.table-description-text p {
  margin-bottom: 0px;
  color: rgba(0, 0, 0, 0.8509803922);
}

.table-description-text p strong,
.table-description-text p span {
  color: rgba(0, 0, 0, 0.8509803922) !important;
}

.table-description-text p:last-child {
  display: inline;
}

.cards-mobile-top .ant-card:first-child {
  border-radius: 5px !important;
}

@media (min-width: 375px) {
  .cards-mobile-top .ant-card .ant-card-head {
    padding: 0px 23px !important;
  }
}

@media (max-width: 425px) {
  .responsive-modal .ant-modal-content .ant-modal-body {
    padding: 12px 10px !important;
  }

  .responsive-modal .ant-modal-content .ant-modal-footer {
    padding: 0px 10px 12px !important;
  }

  .responsive-modal .ant-modal-content .mbl-mt-n-22 {
    margin-top: -22px !important;
  }

  .responsive-modal .ant-modal-content .mbl-mt-n-12 {
    margin-top: -12px !important;
  }

  .responsive-modal .ant-modal-content .mbl-mt-n-8 {
    margin-top: -8px !important;
  }

  .responsive-modal .ant-modal-content .mbl-mt-n-0 {
    margin-top: 0px !important;
  }

  .responsive-modal .ant-modal-content .mbl-pm-n-0 {
    padding-top: 0px !important;
  }

  .responsive-modal .ant-modal-content .mbl-pb-n-0 {
    padding-bottom: 0px !important;
  }

  .responsive-modal .ant-modal-content .mbl-btns-flx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

.responsive-modal .ant-modal-content .ant-modal-footer {
  border-top: 0px !important;
}

@media (max-width: 425px) {
  .responsive-modal-pb-n .ant-modal-content .ant-modal-body {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 480px) and (max-width: 1024px) {
  .crm-task-content {
    overflow-x: auto;
  }

  .crm-task-content > .ant-row {
    width: 750px;
  }
}

@media (min-width: 320px) and (max-width: 479px) {
  .crm-task-content {
    overflow-x: auto;
  }

  .crm-task-content > .ant-row {
    width: 414px;
  }
}

#PageCrm > .ant-layout > .ant-layout-content > .content-wrapper {
  padding-top: 15px;
}

#PageCrm .page-system-settings.ant-tabs-top::before {
  border-bottom: 1px solid transparent;
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0px;
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav::before {
  border-bottom: 0px;
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  overflow-x: auto;
  overflow-y: hidden;
  --webkit-overflow-scrolling: touch;
  --scrollbar-color-thumb: var(--yellow);
  --scrollbar-color-track: #eeeeee;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 5px;
  scrollbar-color: var(--yellow) #eeeeee;
  scrollbar-width: thin;
  /* Modern browsers with `scrollbar-*` support */
}

@supports (scrollbar-width: auto) {
  #PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  background-color: transparent;
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  display: flex;
  gap: 5px;
  align-items: center;
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #fff;
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--yellow);
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:hover {
  background-color: #fff;
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:hover .ant-tabs-tab-btn {
  color: var(--yellow);
}

#PageCrm .page-system-settings.ant-tabs-top .ant-tabs-nav-operations {
  display: none;
}

#PageCrm .page-system-settings .ant-tabs-ink-bar {
  background: transparent;
  bottom: 5px;
}

#PageCrm .page-system-settings .ant-tabs-ink-bar::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 3px;
  height: 2px;
  background: #bab6b6;
  width: 100%;
}

#PageCrm .page-system-settings .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 20px;
}

#PageCrm .page-system-settings .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ant-card {
  border: 0px;
}

#PageCrm .page-system-settings.tab-contacts .ant-tabs-ink-bar::after {
  width: calc(100% - 20px) !important;
}

#PageCrm .page-system-settings .ant-card:first-child {
  border-radius: 5px 5px 5px 5px !important;
}

#PageCrm .page-system-settings .url-tab .ant-btn[disabled],
#PageCrm .page-system-settings .url-tab .ant-btn[disabled]:hover,
#PageCrm .page-system-settings .url-tab .ant-btn[disabled]:focus,
#PageCrm .page-system-settings .url-tab .ant-btn[disabled]:active {
  color: #fff !important;
  border-color: #757374 !important;
  background: #757374 !important;
}

#PageCrm .page-system-settings .theme-color {
  display: flex;
  margin-top: 5px;
}

#PageCrm .page-system-settings .theme-color > div {
  height: 25px;
}

#PageCrm .page-system-settings .theme-color-box-1 {
  width: 100px;
  border: 1px solid #c7c8cc;
  border-right: none;
}

#PageCrm .page-system-settings .theme-color-box-2 {
  width: 50px;
  background-color: #c7c8cc;
  border: 1px solid #c7c8cc;
}

#PageCrm .page-system-settings .theme-color div[class^=theme-color-option] {
  width: 25px;
}

#PageCrm .page-system-settings .theme-color-option-1 {
  background-color: #d58529;
  border: 1px solid #d58529;
}

#PageCrm .page-system-settings .theme-color-option2-1 {
  background-color: #ffbb6c;
  border: 1px solid #ffbb6c;
}

#PageCrm .page-system-settings .theme-color-option-2 {
  background-color: #960402;
  border: 1px solid #960402;
}

#PageCrm .page-system-settings .theme-color-option2-2 {
  background-color: #f8301d;
  border: 1px solid #f8301d;
}

#PageCrm .page-system-settings .theme-color-option-3 {
  background-color: #0a6c31;
  border: 1px solid #0a6c31;
}

#PageCrm .page-system-settings .theme-color-option2-3 {
  background-color: #1aaa50;
  border: 1px solid #1aaa50;
}

#PageCrm .page-system-settings .theme-color-option-4 {
  background-color: #154988;
  border: 1px solid #154988;
}

#PageCrm .page-system-settings .theme-color-option2-4 {
  background-color: #99bef8;
  border: 1px solid #99bef8;
}

#PageCrm .page-system-settings .theme-color-option-5 {
  background-color: #8c53fb;
  border: 1px solid #8c53fb;
}

#PageCrm .page-system-settings .theme-color-option2-5 {
  background-color: #d4c2ff;
  border: 1px solid #d4c2ff;
}

#PageCrm .page-system-settings .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: var(--yellow);
  background-color: var(--yellow);
}

#PageCrm .page-system-settings .ant-radio-inner::after {
  background-color: #fff;
}

#PageCrm .page-system-settings .ant-radio-inner::after .tab-ticketing {
  padding: 10px 15px;
}

#PageCrm .page-system-settings .logo-container {
  display: inline-block;
  position: relative;
}

#PageCrm .page-system-settings .logo-container .x-mark-button {
  position: absolute;
  top: -9px;
  right: -9px;
  border-radius: 50%;
  background-color: var(--yellow);
  width: 18px;
  height: 18px;
  font-size: 9px;
}

#PageCrm .page-system-settings .logo-container .x-mark-button svg {
  color: white;
  font-size: 11px;
}

#PageCrm .page-system-settings .logo-container .upload-img-logo {
  border: 1px solid gray;
}

@media (max-width: 425px) {
  #PageCrm .page-system-settings .logo-container-1 {
    width: 100%;
  }
}

@media (max-width: 425px) {
  #PageCrm .page-system-settings .logo-container-1 .upload-img-logo {
    width: 100%;
    height: auto !important;
  }
}

#PageCrm .page-system-settings .logo-upload {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-direction: column;
  margin-top: 10px;
}

@media (min-width: 1024px) {
  #PageCrm .page-system-settings .logo-upload {
    flex-direction: row;
  }
}

#PageCrm .page-system-settings .logo-upload .upload-btn {
  border: 1px solid gray;
  padding: 33px 24px;
}

#PageCrm .page-system-settings .company_disabled .label.float-label {
  background: linear-gradient(180deg, #f1f3f2 0 50%, #f5f5f5 50% 100%);
}

#PageCrm .page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-wrapper .ant-space-item {
  height: 40px;
}

#PageCrm .page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-wrapper .ant-space-item .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-input {
  border: 1px solid #c5c5c5;
  border-radius: 3px;
  height: 40px !important;
}

#PageCrm .page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-wrapper .ant-space-item .ticket-prefix-addon {
  height: 40px;
  border: 1px solid #c5c5c5;
  background: #f2f2f2;
  padding: 5px 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}

#PageCrm .page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-wrapper .ant-space-item .ant-btn {
  height: 40px;
  border-radius: 3px;
  border: 1px solid var(--yellow);
  background: var(--yellow);
  color: #ffffff;
}

#PageCrm .page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-output-wrapper {
  height: 40px;
  margin-top: 10px;
}

#PageCrm .page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-output-wrapper .ant-space-item .ticket-prefix-output {
  height: 40px;
  border: 1px solid #c5c5c5;
  background: #f2f2f2;
  padding: 5px 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  width: 129px;
}

@media (min-width: 375px) {
  #PageCrm .page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-output-wrapper .ant-space-item .ticket-prefix-output {
    width: 157px;
  }
}

#PageCrm .page-system-settings .tab-ticketing .ant-card .ant-card-body .space-ticket-prefix-output-wrapper .ant-btn {
  height: 40px;
  border-radius: 3px;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .images {
  display: flex;
  gap: 10px;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .images div.label {
  width: 50px;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .videos {
  display: flex;
  gap: 10px;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .videos div.label {
  width: 50px;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-small {
  height: 18px !important;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-small .ant-switch-handle {
  width: 10px;
  height: 10px;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-checked {
  background-color: #2b8300;
  border: 3px solid #2b8300;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch.ant-switch-checked .ant-switch-handle {
  top: 1px;
  left: calc(100% - 11px);
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch:not(.ant-switch-checked) {
  background-color: #fff;
  border: 3px solid #5a595c;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch:not(.ant-switch-checked) .ant-switch-handle {
  top: 1px;
  left: 2px;
}

#PageCrm .page-system-settings .tab-images-and-videos .card-images-and-videos .ant-card-body .btn-groups .ant-switch:not(.ant-switch-checked) .ant-switch-handle::before {
  background-color: #5a595c;
}

#PageCrm .page-system-settings .card-users-and-permissions .ant-card-body .switch-permission .ant-switch-handle {
  width: 13px !important;
  height: 13px !important;
}

#PageCrm .page-system-settings .card-users-and-permissions .ant-card-body .switch-permission.ant-switch-checked {
  background-color: #2592ff !important;
  border: 2px solid #2592ff !important;
}

#PageCrm .page-system-settings .card-users-and-permissions .ant-card-body .switch-permission.ant-switch-checked .ant-switch-handle {
  top: 1.5px;
  left: calc(100% - 14px) !important;
}

#PageCrm .page-system-settings .card-users-and-permissions .ant-card-body .switch-permission.ant-switch-checked .ant-switch-inner {
  margin: -3px 18px 0 5px;
}

#PageCrm .page-system-settings .card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) {
  background-color: #fff;
  border: 2px solid #5a595c;
}

#PageCrm .page-system-settings .card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) .ant-switch-handle {
  top: 1.5px;
  left: 2px;
}

#PageCrm .page-system-settings .card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) .ant-switch-handle::before {
  background-color: #5a595c;
}

#PageCrm .page-system-settings .card-users-and-permissions .ant-card-body .switch-permission:not(.ant-switch-checked) .ant-switch-inner {
  margin: -3px 8px 0px 20px;
  color: #5a595c;
}

#PageCrm .page-system-settings .card-users-and-permissions .ant-card-body .permission-buttons-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#PageCrm .page-system-settings .tab-customer-order {
  margin-top: 20px;
}

@media (max-width: 575px) {
  #PageCrm .page-system-settings .tab-customer-order .flex-global-search {
    flex-direction: column;
  }

  #PageCrm .page-system-settings .tab-customer-order .flex-global-search .table-global-search.animated {
    width: 100%;
  }
}

#PageCrm .page-system-settings .tab-customer-order .flex-datepicker .ant-flex .icon-wrapper {
  height: 35px;
  display: flex;
  align-items: center;
}

#PageCrm .page-system-settings .tab-customer-order .flex-datepicker .ant-flex .icon-wrapper svg {
  color: var(--yellow);
  font-size: 18px;
}

#PageCrm .page-system-settings .tab-customer-order .flex-datepicker .ant-flex .ant-picker {
  width: 150px;
  border: 0px;
  height: 35px;
}

#PageCrm .page-system-settings .tab-customer-order .flex-datepicker .ant-flex .ant-picker.ant-picker-focused {
  border: 0px;
  box-shadow: none;
}

#PageCrm .page-system-settings .tab-customer-order .flex-datepicker .ant-flex .ant-picker .ant-picker-input input::-moz-placeholder {
  color: #000;
}

#PageCrm .page-system-settings .tab-customer-order .flex-datepicker .ant-flex .ant-picker .ant-picker-input input::placeholder {
  color: #000;
}

@media (max-width: 575px) {
  #PageCrm .page-system-settings .tab-customer-order .flex-datepicker {
    justify-content: space-between;
  }

  #PageCrm .page-system-settings .tab-customer-order .flex-datepicker .ant-flex {
    width: calc(50% - 10px);
  }

  #PageCrm .page-system-settings .tab-customer-order .flex-datepicker .ant-flex .ant-picker {
    width: 100%;
  }
}

#PageCrm .page-system-settings .tab-customer-order .flex-pagination-top-mob .ant-pagination {
  justify-content: center;
}

#PageCrm .page-system-settings .tab-customer-order .ant-table-total-sales .amount {
  font-weight: 700;
}

@media (max-width: 575px) {
  #PageCrm .page-system-settings .tab-customer-order .flex-pagination-bottom .ant-pagination {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #PageCrm .page-system-settings .tab-customer-historical-page-system-settingsdata .flex-global-search {
    flex-direction: column;
  }

  #PageCrm .page-system-settings .tab-customer-historical-page-system-settingsdata .flex-global-search .table-global-search.animated {
    width: 100%;
  }
}

#PageCrm .page-system-settings .tab-customer-historical-page-system-settingsdata .flex-pagination-top-mob .ant-pagination {
  justify-content: center;
}

@media (max-width: 575px) {
  #PageCrm .page-system-settings .tab-customer-historical-page-system-settingsdata .flex-pagination-bottom .ant-pagination {
    justify-content: center;
  }
}

@media (max-width: 991px) {
  #PageCrm .page-system-settings .form-profile .ant-card .ant-card-body .flex-switch-group {
    flex-direction: column;
    gap: 0px !important;
  }

  #PageCrm .page-system-settings .form-profile .ant-card .ant-card-body .flex-switch-group .ant-form-item.switch-form.switch-form-reverse > .ant-row.ant-form-item-row {
    justify-content: flex-end;
  }

  #PageCrm .page-system-settings .form-profile .ant-card .ant-card-body .flex-switch-group .ant-form-item.switch-form.switch-form-reverse > .ant-row.ant-form-item-row .ant-col.ant-form-item-label {
    margin-left: 45px;
  }

  #PageCrm .page-system-settings .form-profile .ant-card .ant-card-body .flex-switch-group .ant-form-item.switch-form.switch-form-reverse > .ant-row.ant-form-item-row .ant-col.ant-form-item-control {
    flex-grow: 0;
  }
}

#PageCrm .page-system-settings .form-profile .ant-card .ant-card-body .flex-group-button .ant-divider.ant-divider-vertical {
  height: 18px;
  margin-top: 10px;
  border-color: #b2b2b2;
  border-width: 2px;
}

@media (max-width: 991px) {
  #PageCrm .page-system-settings .form-profile .ant-card .ant-card-body .flex-group-button .ant-divider.ant-divider-vertical {
    display: none;
  }
}

@media (max-width: 991px) {
  #PageCrm .page-system-settings .form-profile .ant-card .ant-card-body .flex-group-button {
    flex-direction: column;
    gap: 0px !important;
    align-items: flex-start;
  }
}

#PageCrm .customer-task-layout {
  background: transparent;
}

#PageCrm .customer-task-layout .ant-layout-sider {
  background-color: transparent !important;
  border-right: 1px solid #e6e7e9;
}

#PageCrm .customer-task-layout .ant-layout-sider .filter-chkbox div {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#PageCrm .custom-range-picker {
  display: flex;
  align-items: center;
  border: none !important;
}

#PageCrm .custom-range-picker .custom-range-picker-placeholder {
  color: #d1d3d5;
  padding: 4px 0px;
}

#PageCrm .custom-range-picker .prefix-icon {
  width: 8%;
}

#PageCrm .custom-range-picker .prefix-icon svg {
  margin-right: 5px;
  color: var(--yellow);
}

#PageCrm .custom-range-picker-icon {
  color: #808080;
}

#PageCrm .custom-range-picker .ant-picker-range {
  border: none !important;
  width: 80%;
  padding: 4px 0px !important;
}

#PageCrm .custom-range-picker .ant-picker-focused {
  border: none !important;
  box-shadow: none !important;
}

#PageCrm .switch-form .ant-form-item-row .ant-form-item-label {
  padding: 0;
}

#PageCrm .switch-form-reverse .ant-form-item-row {
  display: flex;
  flex-direction: row-reverse;
}

#PageCrm .switch-form-reverse .ant-form-item-row .ant-form-item-label {
  margin-left: 8px;
}

#PageCrm .switch-form-reverse .ant-form-item-row .ant-form-item-label .ant-form-item-no-colon {
  font-size: 16px !important;
}

#PageCrm .btn-create,
#PageCrm .btn-add-new-employee {
  color: var(--yellow) !important;
  font-size: 15px;
}

#PageCrm .btn-create svg,
#PageCrm .btn-add-new-employee svg {
  color: #000;
}

#PageCrm .ant-table .ant-btn[disabled] {
  background: transparent !important;
}

@media (max-width: 575px) {
  #PageCrm .form_fields_api_wrapper .flex_generate_api_url_wrapper {
    flex-direction: column;
    align-items: center;
  }
}

#PageCrm .form_fields_api_wrapper .flex_generate_api_url_wrapper > .ant-btn {
  height: 35.14px;
}

@media (max-width: 575px) {
  #PageCrm .form_fields_api_wrapper .flex_generate_api_url_wrapper > .ant-btn {
    width: 100%;
  }
}

#PageCrm .form_fields_api_wrapper .flex_generate_api_url_wrapper .ant-input-group {
  display: flex;
}

#PageCrm .form_fields_api_wrapper .flex_generate_api_url_wrapper .ant-input-group .ant-input {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

#PageCrm .form_fields_api_wrapper .flex_generate_api_url_wrapper .ant-input-group .ant-btn {
  height: 35.14px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

#PageCrm .form_fields_api_wrapper .flex_generate_api_url_wrapper .ant-input-group .ant-btn:hover svg {
  color: var(--yellow);
}

.float-select-dropdown-client-company {
  padding: 0px !important;
}

.float-select-dropdown-client-company .ant-flex {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.float-select-dropdown-client-company .ant-flex .ant-input {
  padding: 5px 10px;
  border: 0px;
  box-shadow: none;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.float-select-dropdown-client-company .ant-flex .ant-btn {
  border-radius: 50%;
  background-color: var(--yellow);
  color: #fff;
  margin: 5px;
  width: 35px;
  height: 30px;
  border-color: var(--yellow);
}

.modal-claim-leads .ant-modal-content .ant-modal-header {
  background-color: #e6e7e9 !important;
}

.modal-claim-leads .ant-modal-content .ant-modal-header .ant-modal-title {
  color: #000 !important;
}

.modal-claim-leads .ant-modal-content .ant-modal-close-x {
  color: #000 !important;
}

.modal-claim-leads .ant-modal-content .ant-modal-body {
  padding: 10px !important;
}

.drawer-schedule .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-checkbox-wrapper > span:not(.ant-checkbox) {
  font-size: 15px;
}

.drawer-schedule .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .float-wrapper.float-date-picker {
  display: flex;
  gap: 5px;
}

.drawer-schedule .float-date-picker.disabled .label {
  background: transparent !important;
}

.drawer-schedule .float-wrapper.float-textarea .ant-input {
  resize: auto !important;
}

.crm-task-sider .chk-box .ant-checkbox-checked .ant-checkbox-inner {
  border-color: transparent !important;
}

.crm-task-sider .chk-box.cat0 span:not(.ant-checkbox) {
  font-weight: 700;
}

.crm-task-sider .chk-box.cat0 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #5a595c !important;
}

.crm-task-sider .chk-box.cat0:hover .ant-checkbox-inner {
  border-color: #5a595c !important;
}

.crm-task-sider .chk-box.cat0:hover .ant-checkbox-checked::after {
  border-color: #5a595c !important;
}

.crm-task-sider .chk-box.cat1 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #247cf3 !important;
}

.crm-task-sider .chk-box.cat1:hover .ant-checkbox-inner {
  border-color: #247cf3 !important;
}

.crm-task-sider .chk-box.cat1:hover .ant-checkbox-checked::after {
  border-color: #247cf3 !important;
}

.crm-task-sider .chk-box.cat2 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #0c7e32 !important;
}

.crm-task-sider .chk-box.cat2:hover .ant-checkbox-inner {
  border-color: #0c7e32 !important;
}

.crm-task-sider .chk-box.cat2:hover .ant-checkbox-checked::after {
  border-color: #0c7e32 !important;
}

.crm-task-sider .chk-box.cat3 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #eb1cd4 !important;
}

.crm-task-sider .chk-box.cat3:hover .ant-checkbox-inner {
  border-color: #eb1cd4 !important;
}

.crm-task-sider .chk-box.cat3:hover .ant-checkbox-checked::after {
  border-color: #eb1cd4 !important;
}

.crm-task-sider .chk-box.cat4 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #8c53fb !important;
}

.crm-task-sider .chk-box.cat4:hover .ant-checkbox-inner {
  border-color: #8c53fb !important;
}

.crm-task-sider .chk-box.cat4:hover .ant-checkbox-checked::after {
  border-color: #8c53fb !important;
}

.crm-task-sider .chk-box.cat4-a .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #29a59d !important;
}

.crm-task-sider .chk-box.cat4-a:hover .ant-checkbox-inner {
  border-color: #29a59d !important;
}

.crm-task-sider .chk-box.cat4-a:hover .ant-checkbox-checked::after {
  border-color: #29a59d !important;
}

.crm-task-sider .chk-box.cat5 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #d58529 !important;
}

.crm-task-sider .chk-box.cat5:hover .ant-checkbox-inner {
  border-color: #d58529 !important;
}

.crm-task-sider .chk-box.cat5:hover .ant-checkbox-checked::after {
  border-color: #d58529 !important;
}

.crm-task-sider .chk-box.cat6 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #efba3d !important;
}

.crm-task-sider .chk-box.cat6:hover .ant-checkbox-inner {
  border-color: #efba3d !important;
}

.crm-task-sider .chk-box.cat6:hover .ant-checkbox-checked::after {
  border-color: #efba3d !important;
}

.crm-task-sider .chk-box.cat7 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ab402c !important;
}

.crm-task-sider .chk-box.cat7:hover .ant-checkbox-inner {
  border-color: #ab402c !important;
}

.crm-task-sider .chk-box.cat7:hover .ant-checkbox-checked::after {
  border-color: #ab402c !important;
}

.crm-task-sider .chk-box.cat8 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #774a12 !important;
}

.crm-task-sider .chk-box.cat8:hover .ant-checkbox-inner {
  border-color: #774a12 !important;
}

.crm-task-sider .chk-box.cat8:hover .ant-checkbox-checked::after {
  border-color: #774a12 !important;
}

.crm-task-sider .chk-box.cat9 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ff3823 !important;
}

.crm-task-sider .chk-box.cat9:hover .ant-checkbox-inner {
  border-color: #ff3823 !important;
}

.crm-task-sider .chk-box.cat9:hover .ant-checkbox-checked::after {
  border-color: #ff3823 !important;
}

.crm-task-sider .chk-box.prio1 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #329ccd !important;
}

.crm-task-sider .chk-box.prio2 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #2cb56f !important;
}

.crm-task-sider .chk-box.prio3 .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #cb4545 !important;
}

.crm-task-sider .calendar-category-checkbox-dropdown-wrapper .ant-btn {
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 12px;
  color: #515151;
}

.crm-task-sider .calendar-category-checkbox-dropdown-wrapper .search-wrapper {
  margin-left: 25px;
  margin-right: 25px;
  border: 1px solid #bab6b6;
}

.crm-task-sider .calendar-category-checkbox-dropdown-wrapper .search-wrapper .search-icon {
  margin-left: 5px;
  height: 32px;
  display: flex;
  align-items: center;
}

.crm-task-sider .calendar-category-checkbox-dropdown-wrapper .search-wrapper .ant-select {
  width: calc(100% - 24px);
}

.crm-task-sider .calendar-category-checkbox-dropdown-wrapper .search-wrapper .ant-select .ant-select-selector {
  border: 0px;
  box-shadow: none;
  background-color: transparent;
  padding-right: 15px;
}

@media (max-width: 575px) {
  .crm-task-sider .calendar-category-checkbox-dropdown-wrapper .search-wrapper .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item {
    font-size: 14px;
  }
}

.crm-task-sider .calendar-category-checkbox-dropdown-wrapper .search-wrapper .ant-select .ant-select-clear {
  top: 15px !important;
  right: 4px !important;
}

.crm-task-header .btn-filter {
  padding: 0px 0px !important;
  display: flex;
  align-items: center;
}

.crm-task-header .btn-filter.active {
  color: var(--yellow) !important;
}

.crm-task-header .btn-filter:focus,
.crm-task-header .btn-filter:active {
  background-color: transparent !important;
}

.crm-task-content .list-view-content .ant-collapse.collapse-task .ant-collapse-item {
  border: 1px solid #cccccc !important;
}

.crm-task-content .list-view-content .ant-collapse.collapse-task .ant-collapse-item .ant-collapse-header {
  border: 0px;
  background-color: #f1f3f2;
}

.crm-task-content .list-view-content .ant-collapse.collapse-task .ant-collapse-item .ant-collapse-content {
  border: 0px;
}

.crm-task-content .list-view-content .ant-collapse.collapse-task .ant-collapse-content-box {
  padding: 16px 16px !important;
}

.crm-task-content .list-view-content .ant-collapse.collapse-task .ant-collapse-content-box .task-tbl-wrapper .ant-col:nth-child(1),
.crm-task-content .list-view-content .ant-collapse.collapse-task .ant-collapse-content-box .task-tbl-wrapper .ant-col:nth-child(3) {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.crm-task-content .calendar-select .ant-select-selector {
  width: 90px !important;
  display: flex;
  align-items: center;
  border: 1px solid #e6e7e9;
  background-color: #fafafa;
}

.crm-task-content .calendar-title {
  font-size: 25px;
  color: var(--yellow);
}

.crm-task-content .fc-media-screen .fc-dayGridMonth-view .fc-scrollgrid-section-header .fc-col-header-cell-cushion {
  color: #000;
  font-weight: 600;
}

.crm-task-content .fc-media-screen .fc-dayGridMonth-view .fc-daygrid-day {
  height: 160px;
}

.crm-task-content .fc-media-screen .fc-dayGridMonth-view .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
  color: #000;
}

.crm-task-content .fc-media-screen .fc-dayGridMonth-view .fc-daygrid-day .fc-event,
.crm-task-content .fc-media-screen .fc-dayGridMonth-view .fc-daygrid-day .fc-event-today {
  background-color: transparent !important;
  border: none !important;
  overflow: hidden;
}

.crm-task-content .fc-media-screen .fc-dayGridMonth-view .fc-daygrid-day .fc-event .calendar-event,
.crm-task-content .fc-media-screen .fc-dayGridMonth-view .fc-daygrid-day .fc-event-today .calendar-event {
  background-color: transparent !important;
  border: none !important;
  padding-left: 2px;
  padding-right: 2px;
}

.crm-task-content .fc-media-screen .fc-dayGridMonth-view .fc-daygrid-day .fc-daygrid-day-bottom a {
  font-weight: bold;
  padding-left: 10px;
  margin-top: 10px;
  color: #000;
}

.crm-task-content .fc-media-screen .fc-timeGridDay-view .fc-scrollgrid-section-header .fc-col-header-cell-cushion,
.crm-task-content .fc-media-screen .fc-timeGridWeek-view .fc-scrollgrid-section-header .fc-col-header-cell-cushion {
  color: #000;
  font-weight: 600;
}

.crm-task-content .fc-media-screen .fc-timeGridDay-view .fc-h-event,
.crm-task-content .fc-media-screen .fc-timeGridWeek-view .fc-h-event {
  background-color: transparent !important;
  border: none !important;
}

.crm-task-content .fc-media-screen .fc-timeGridDay-view .fc-h-event .calendar-event,
.crm-task-content .fc-media-screen .fc-timeGridWeek-view .fc-h-event .calendar-event {
  background-color: transparent !important;
  border: none !important;
  padding-left: 2px;
  padding-right: 2px;
}

.crm-task-content .fc-media-screen .fc-timeGridDay-view .fc-timegrid-event,
.crm-task-content .fc-media-screen .fc-timeGridWeek-view .fc-timegrid-event {
  background-color: #edf6fd;
  border: none !important;
  box-shadow: none !important;
}

.crm-task-content .fc-media-screen .fc-timeGridDay-view .fc-timegrid-event .calendar-event,
.crm-task-content .fc-media-screen .fc-timeGridWeek-view .fc-timegrid-event .calendar-event {
  background-color: #edf6fd;
  border: none !important;
  padding-left: 2px;
  padding-right: 2px;
}

.crm-task-content .fc-media-screen .fc-popover .fc-popover-body .fc-h-event,
.crm-task-content .fc-media-screen .fc-popover .fc-popover-body .fc-v-event {
  background-color: transparent !important;
  border: none !important;
  overflow: hidden;
}

.crm-task-content .fc-media-screen .fc-popover .fc-popover-body .fc-h-event .calendar-event,
.crm-task-content .fc-media-screen .fc-popover .fc-popover-body .fc-v-event .calendar-event {
  background-color: transparent !important;
  border: none !important;
  padding-left: 2px;
  padding-right: 2px;
}

.crm-task .calendar-wrapper .fc .fc-view-harness .fc-timeGridWeek-view table tbody tr td .fc-scroller-harness .fc-scroller .fc-timegrid-body .fc-timegrid-cols table tbody tr td .fc-timegrid-col-frame .fc-timegrid-col-events .fc-timegrid-event-harness .fc-event {
  margin-bottom: 0px !important;
  border: 0px !important;
}

.crm-task .calendar-wrapper .fc .fc-view-harness .fc-timeGridWeek-view table tbody tr td .fc-scroller-harness .fc-scroller .fc-timegrid-body .fc-timegrid-cols table tbody tr td .fc-timegrid-col-frame .fc-timegrid-col-events .fc-timegrid-event-harness .fc-event:focus {
  outline: none;
}

.crm-task .calendar-wrapper .fc .fc-view-harness .fc-dayGridMonth-view table tbody tr td .fc-scroller-harness .fc-scroller .fc-daygrid-body table tbody tr td .fc-daygrid-day-frame .fc-daygrid-day-events {
  overflow: hidden !important;
  margin-right: 10px !important;
}

.fc-timegrid-more-link .fc-more-link,
.fc-direction-ltr .fc-timegrid-more-link {
  left: 2px !important;
  right: auto !important;
}

.calendar-select-timezone .ant-select-selector {
  box-shadow: none !important;
  border-color: transparent !important;
  min-width: 180px;
}

.calendar-select-timezone .ant-select-selector {
  padding: 0px 18px !important;
}

#tbl_crm_task .ant-table-thead tr th {
  padding: 12px 12px !important;
}

#tbl_crm_task .ant-table-thead tr th::before {
  display: none !important;
}

#tbl_crm_task .ant-table-thead tr .ant-table-selection-column {
  width: 50px !important;
  padding: 12px !important;
  text-align: left;
}

#tbl_crm_task .ant-table-row .ant-table-selection-column {
  width: 50px !important;
  padding: 12px !important;
  text-align: left;
}

.crm-notes .ant-collapse-header {
  background-color: var(--yellow);
}

.crm-notes .ant-collapse-header .ant-collapse-header-text,
.crm-notes .ant-collapse-header .ant-collapse-expand-icon {
  color: white;
}

.crm-notes.notes .ant-collapse-header {
  background-color: #e6e7e9;
  border: 1px solid #e6e7e9;
}

.crm-notes.notes .ant-collapse-header .ant-collapse-header-text,
.crm-notes.notes .ant-collapse-header .ant-collapse-expand-icon {
  color: black;
}

.crm-notes .notes-assignee-card .ant-card-head {
  padding: 10px 16px !important;
  border: 1px solid #e6e7e9;
  height: 48px !important;
}

.crm-notes .notes-assignee-card .ant-card-head .ant-card-head-title {
  padding: 0px !important;
}

.crm-notes .notes-assignee-card .ant-card-body {
  border: 1px solid #e6e7e9;
  padding: 24px 24px !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

@media (max-width: 425px) {
  .crm-notes .notes-assignee-card .ant-card-body {
    padding: 12px 10px !important;
  }
}

.crm-notes .card-attachment .ant-card-head {
  border: 1px solid #e6e7e9;
}

.crm-notes .card-attachment .ant-card-body {
  border: 1px solid #e6e7e9;
  padding: 24px 24px !important;
}

.crm-notes .card-attachment .ant-card-body .ant-upload > .ant-upload .ant-upload-drag-container .ant-upload-drag-icon svg {
  color: #41a8ff;
  font-size: 32px;
}

.crm-notes .card-attachment .ant-card-body .ant-upload > .ant-upload .ant-upload-drag-container .ant-upload-drag-icon .title {
  color: #000;
  font-size: 18px;
}

.crm-notes .card-attachment .ant-card-body .ant-upload > .ant-upload .ant-upload-drag-container .ant-upload-drag-icon .description {
  color: #a5a5a5;
}

.crm-notes .collapse-notes .ant-collapse-item .ant-collapse-header {
  background-color: #e6e7e9;
  border: 1px solid #e6e7e9;
}

.crm-notes .collapse-notes .ant-collapse-item .ant-collapse-header .ant-collapse-header-text,
.crm-notes .collapse-notes .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
  color: #000;
}

.crm-notes .collapse-notes .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .btn-delete {
  padding: 0px;
}

.crm-notes .collapse-notes .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .btn-delete svg {
  margin-right: 5px;
  color: #000;
}

.crm-notes .collapse-add-notes .ant-collapse-header {
  height: 48px !important;
}

.crm-notes .collapse-add-notes .ant-collapse-content-box {
  padding: 24px 24px !important;
}

@media (max-width: 425px) {
  .crm-notes .collapse-add-notes .ant-collapse-content-box {
    padding: 12px 10px !important;
  }
}

.crm-notes .collapse-add-notes > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
  font-size: 16px !important;
}

@media (max-width: 425px) {
  #PageAccountSetupNewEmployeeForm .card-access-credentials .ant-card-body {
    padding-bottom: 0px !important;
  }
}

.panel-box-custom .ant-collapse-content-box {
  padding: 16px 16px !important;
}

.renewals-card {
  border-radius: 0px !important;
}

.renewals-card .ant-card-body {
  padding: 15px !important;
}

.renewals-card .ant-card-body .plan-name {
  font-size: 25px;
  font-weight: 500;
  border-color: var(--yellow);
}

.renewals-card .ant-card-body .plan-name .font-25px {
  font-size: 25px;
}

.renewals-card .ant-card-body .plan-tag {
  border-color: #cccccc;
  background-color: #ffffff;
  color: var(--yellow);
  border-radius: 5px;
}

@media (max-width: 1199px) {
  .collapse-mobile-collapse-mobile {
    display: none !important;
  }
}