.deer-line {
  fill: #ff2189;
  stroke: #ff1383;
  stroke-width: 0.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: drawDeer 2s ease-in-out infinite;
}
@keyframes drawDeer {
  0% {
    stroke-dashoffset: 400;
    fill-opacity: 0;
  }
  50% {
    stroke-dashoffset: 0;
    fill-opacity: 0;
  }
  80% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
  }
}
export default "data:text/css;base64,Lyogc3R5bGVsaW50LWRpc2FibGUgKi8KaHRtbCwKYm9keSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwp9CmlucHV0OjotbXMtY2xlYXIsCmlucHV0OjotbXMtcmV2ZWFsIHsKICBkaXNwbGF5OiBub25lOwp9CiosCio6OmJlZm9yZSwKKjo6YWZ0ZXIgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KaHRtbCB7CiAgZm9udC1mYW1pbHk6IHNhbnMtc2VyaWY7CiAgbGluZS1oZWlnaHQ6IDEuMTU7CiAgLXdlYmtpdC10ZXh0LXNpemUtYWRqdXN0OiAxMDAlOwogIC1tcy10ZXh0LXNpemUtYWRqdXN0OiAxMDAlOwogIC1tcy1vdmVyZmxvdy1zdHlsZTogc2Nyb2xsYmFyOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTsKfQoKYm9keSB7CiAgbWFyZ2luOiAwOwp9Clt0YWJpbmRleD0nLTEnXTpmb2N1cyB7CiAgb3V0bGluZTogbm9uZTsKfQpociB7CiAgYm94LXNpemluZzogY29udGVudC1ib3g7CiAgaGVpZ2h0OiAwOwogIG92ZXJmbG93OiB2aXNpYmxlOwp9CmgxLApoMiwKaDMsCmg0LApoNSwKaDYgewogIG1hcmdpbi10b3A6IDA7CiAgbWFyZ2luLWJvdHRvbTogMC41ZW07CiAgZm9udC13ZWlnaHQ6IDUwMDsKfQpwIHsKICBtYXJnaW4tdG9wOiAwOwogIG1hcmdpbi1ib3R0b206IDFlbTsKfQphYmJyW3RpdGxlXSwKYWJicltkYXRhLW9yaWdpbmFsLXRpdGxlXSB7CiAgLXdlYmtpdC10ZXh0LWRlY29yYXRpb246IHVuZGVybGluZSBkb3R0ZWQ7CiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkOwogIGJvcmRlci1ib3R0b206IDA7CiAgY3Vyc29yOiBoZWxwOwp9CmFkZHJlc3MgewogIG1hcmdpbi1ib3R0b206IDFlbTsKICBmb250LXN0eWxlOiBub3JtYWw7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7Cn0KaW5wdXRbdHlwZT0ndGV4dCddLAppbnB1dFt0eXBlPSdwYXNzd29yZCddLAppbnB1dFt0eXBlPSdudW1iZXInXSwKdGV4dGFyZWEgewogIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTsKfQpvbCwKdWwsCmRsIHsKICBtYXJnaW4tdG9wOiAwOwogIG1hcmdpbi1ib3R0b206IDFlbTsKfQpvbCBvbCwKdWwgdWwsCm9sIHVsLAp1bCBvbCB7CiAgbWFyZ2luLWJvdHRvbTogMDsKfQpkdCB7CiAgZm9udC13ZWlnaHQ6IDUwMDsKfQpkZCB7CiAgbWFyZ2luLWJvdHRvbTogMC41ZW07CiAgbWFyZ2luLWxlZnQ6IDA7Cn0KYmxvY2txdW90ZSB7CiAgbWFyZ2luOiAwIDAgMWVtOwp9CmRmbiB7CiAgZm9udC1zdHlsZTogaXRhbGljOwp9CmIsCnN0cm9uZyB7CiAgZm9udC13ZWlnaHQ6IGJvbGRlcjsKfQpzbWFsbCB7CiAgZm9udC1zaXplOiA4MCU7Cn0Kc3ViLApzdXAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBmb250LXNpemU6IDc1JTsKICBsaW5lLWhlaWdodDogMDsKICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7Cn0Kc3ViIHsKICBib3R0b206IC0wLjI1ZW07Cn0Kc3VwIHsKICB0b3A6IC0wLjVlbTsKfQpwcmUsCmNvZGUsCmtiZCwKc2FtcCB7CiAgZm9udC1zaXplOiAxZW07CiAgZm9udC1mYW1pbHk6ICdTRk1vbm8tUmVndWxhcicsIENvbnNvbGFzLCAnTGliZXJhdGlvbiBNb25vJywgTWVubG8sIENvdXJpZXIsIG1vbm9zcGFjZTsKfQpwcmUgewogIG1hcmdpbi10b3A6IDA7CiAgbWFyZ2luLWJvdHRvbTogMWVtOwogIG92ZXJmbG93OiBhdXRvOwp9CmZpZ3VyZSB7CiAgbWFyZ2luOiAwIDAgMWVtOwp9CmltZyB7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBib3JkZXItc3R5bGU6IG5vbmU7Cn0KYSwKYXJlYSwKYnV0dG9uLApbcm9sZT0nYnV0dG9uJ10sCmlucHV0Om5vdChbdHlwZT0ncmFuZ2UnXSksCmxhYmVsLApzZWxlY3QsCnN1bW1hcnksCnRleHRhcmVhIHsKICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjsKfQp0YWJsZSB7CiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsKfQpjYXB0aW9uIHsKICBwYWRkaW5nLXRvcDogMC43NWVtOwogIHBhZGRpbmctYm90dG9tOiAwLjNlbTsKICB0ZXh0LWFsaWduOiBsZWZ0OwogIGNhcHRpb24tc2lkZTogYm90dG9tOwp9CmlucHV0LApidXR0b24sCnNlbGVjdCwKb3B0Z3JvdXAsCnRleHRhcmVhIHsKICBtYXJnaW46IDA7CiAgY29sb3I6IGluaGVyaXQ7CiAgZm9udC1zaXplOiBpbmhlcml0OwogIGZvbnQtZmFtaWx5OiBpbmhlcml0OwogIGxpbmUtaGVpZ2h0OiBpbmhlcml0Owp9CmJ1dHRvbiwKaW5wdXQgewogIG92ZXJmbG93OiB2aXNpYmxlOwp9CmJ1dHRvbiwKc2VsZWN0IHsKICB0ZXh0LXRyYW5zZm9ybTogbm9uZTsKfQpidXR0b24sCmh0bWwgW3R5cGU9J2J1dHRvbiddLApbdHlwZT0ncmVzZXQnXSwKW3R5cGU9J3N1Ym1pdCddIHsKICAtd2Via2l0LWFwcGVhcmFuY2U6IGJ1dHRvbjsKfQpidXR0b246Oi1tb3otZm9jdXMtaW5uZXIsClt0eXBlPSdidXR0b24nXTo6LW1vei1mb2N1cy1pbm5lciwKW3R5cGU9J3Jlc2V0J106Oi1tb3otZm9jdXMtaW5uZXIsClt0eXBlPSdzdWJtaXQnXTo6LW1vei1mb2N1cy1pbm5lciB7CiAgcGFkZGluZzogMDsKICBib3JkZXItc3R5bGU6IG5vbmU7Cn0KaW5wdXRbdHlwZT0ncmFkaW8nXSwKaW5wdXRbdHlwZT0nY2hlY2tib3gnXSB7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICBwYWRkaW5nOiAwOwp9CmlucHV0W3R5cGU9J2RhdGUnXSwKaW5wdXRbdHlwZT0ndGltZSddLAppbnB1dFt0eXBlPSdkYXRldGltZS1sb2NhbCddLAppbnB1dFt0eXBlPSdtb250aCddIHsKICAtd2Via2l0LWFwcGVhcmFuY2U6IGxpc3Rib3g7Cn0KdGV4dGFyZWEgewogIG92ZXJmbG93OiBhdXRvOwogIHJlc2l6ZTogdmVydGljYWw7Cn0KZmllbGRzZXQgewogIG1pbi13aWR0aDogMDsKICBtYXJnaW46IDA7CiAgcGFkZGluZzogMDsKICBib3JkZXI6IDA7Cn0KbGVnZW5kIHsKICBkaXNwbGF5OiBibG9jazsKICB3aWR0aDogMTAwJTsKICBtYXgtd2lkdGg6IDEwMCU7CiAgbWFyZ2luLWJvdHRvbTogMC41ZW07CiAgcGFkZGluZzogMDsKICBjb2xvcjogaW5oZXJpdDsKICBmb250LXNpemU6IDEuNWVtOwogIGxpbmUtaGVpZ2h0OiBpbmhlcml0OwogIHdoaXRlLXNwYWNlOiBub3JtYWw7Cn0KcHJvZ3Jlc3MgewogIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTsKfQpbdHlwZT0nbnVtYmVyJ106Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24sClt0eXBlPSdudW1iZXInXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiB7CiAgaGVpZ2h0OiBhdXRvOwp9Clt0eXBlPSdzZWFyY2gnXSB7CiAgb3V0bGluZS1vZmZzZXQ6IC0ycHg7CiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lOwp9Clt0eXBlPSdzZWFyY2gnXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbiwKW3R5cGU9J3NlYXJjaCddOjotd2Via2l0LXNlYXJjaC1kZWNvcmF0aW9uIHsKICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7Cn0KOjotd2Via2l0LWZpbGUtdXBsb2FkLWJ1dHRvbiB7CiAgZm9udDogaW5oZXJpdDsKICAtd2Via2l0LWFwcGVhcmFuY2U6IGJ1dHRvbjsKfQpvdXRwdXQgewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKfQpzdW1tYXJ5IHsKICBkaXNwbGF5OiBsaXN0LWl0ZW07Cn0KdGVtcGxhdGUgewogIGRpc3BsYXk6IG5vbmU7Cn0KW2hpZGRlbl0gewogIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDsKfQo="@media (max-width: 479px) {
  .header-username {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .header-username {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .alert-message-error-section {
    text-align: center;
  }
  .alert-content-100 {
    display: block;
    height: 100%;
  }
  .mobile-inform-us {
    width: 100%;
    padding-top: 10px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .alert-message-content-container {
    display: flex !important;
    align-items: center;
  }
}
@media (max-width: 1199px) {
  .mt-10-lg {
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .ta-right-xl {
    text-align: right;
  }
  .fx-center-xl {
    display: flex !important;
    align-items: center;
  }
  .pr-8-xl {
    padding-right: 8px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .mt-10-xl-range {
    margin-top: 10px;
  }
}
@media (max-width: 1199px) {
  .mt-10-xl {
    margin-top: 10px;
  }
}
@media (min-width: 1600px) {
  .ta-center-xxl {
    text-align: center;
  }
}
@media (min-width: 1600px) {
  .pl-12-xxl-range {
    padding-left: 12px;
  }
}
:root {
  --primary-color: #1890ff;
  --custom-primary-color: #1890fffa;
  --contrast-custom-primary: #ffffff1a;
  --custom-secondary-color: #4d4d4ffc;
  --contrast-custom-secondary: #ffffffe6;
}
.ant-layout-sider-children {
  background: var(--custom-primary-color);
}
.ant-layout-sider .ant-layout-sider-trigger {
  background: var(--custom-secondary-color);
}
.ant-menu-submenu-inline,
.ant-menu-item {
  padding-left: 20px !important;
}
.ant-menu-submenu-inline .ant-menu-submenu-title,
.ant-menu-item .ant-menu-submenu-title {
  padding-left: 0px !important;
}
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: var(--primary-color);
}
.menu-custom-hide-icon {
  background-color: var(--custom-primary-color);
  color: var(--contrast-custom-primary);
  overflow-y: auto !important;
}
.menu-custom-hide-icon .ant-menu-sub {
  background-color: var(--custom-primary-color);
  color: var(--contrast-custom-primary);
}
.menu-custom-hide-icon .ant-menu-sub .ant-menu-item-active {
  background-color: yellow;
}
.menu-custom-hide-icon .ant-menu-item,
.menu-custom-hide-icon .ant-menu-submenu {
  color: var(--contrast-custom-primary);
  width: calc(100% + 2px);
  margin-top: 4px;
  margin-bottom: 8px;
  border-radius: 0;
  white-space: nowrap;
}
.menu-custom-hide-icon .ant-menu-item li,
.menu-custom-hide-icon .ant-menu-submenu li {
  white-space: nowrap !important;
  padding-left: 22px !important;
}
.menu-custom-hide-icon .ant-menu-item:hover,
.menu-custom-hide-icon .ant-menu-submenu:hover {
  color: var(--contrast-custom-primary);
}
.menu-custom-hide-icon .ant-menu-item:not(.ant-menu-submenu-selected):not(.ant-menu-item-selected):hover,
.menu-custom-hide-icon .ant-menu-submenu:not(.ant-menu-submenu-selected):not(.ant-menu-item-selected):hover {
  color: var(--contrast-custom-primary);
  background-color: unset !important;
}
.menu-custom-hide-icon.ant-menu-inline .ant-menu-item::after {
  border-right: 3px solid #4d4d4f;
  top: 0;
  right: 0;
  bottom: 0;
}
.menu-custom-hide-icon.ant-menu-inline .ant-menu-item.ant-menu-item-selected::after,
.menu-custom-hide-icon.ant-menu-inline .ant-menu-item.antd-menu-item-active::after {
  opacity: 1;
}
.menu-custom-hide-icon .ant-menu-submenu-title {
  color: var(--contrast-custom-primary);
}
.menu-custom-hide-icon .ant-menu-submenu-title:hover {
  background-color: unset !important;
}
.menu-custom-hide-icon .ant-menu-submenu:not(.ant-menu-submenu-selected) > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.menu-custom-hide-icon .ant-menu-submenu:not(.ant-menu-submenu-selected) > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: var(--contrast-custom-primary);
}
.menu-custom-hide-icon .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected,
.menu-custom-hide-icon .ant-menu-item-selected {
  background-color: color-mix(in srgb, var(--contrast-custom-secondary), #fff 75%);
  color: black;
  font-weight: 600;
}
.menu-custom-hide-icon:not(.ant-menu-vertical) svg {
  color: var(--contrast-custom-primary);
}
.menu-custom-hide-icon .ant-menu-inline-collapsed > .ant-menu-submenu > i,
.menu-custom-hide-icon .ant-menu-submenu-open:not(.ant-menu-submenu-selected) > .ant-menu-submenu-title > i,
.menu-custom-hide-icon:not(.ant-menu-inline-collapsed).ant-menu-submenu-selected > .ant-menu-submenu-title > svg {
  color: var(--contrast-custom-primary);
}
.menu-custom-hide-icon .ant-menu-item-selected > svg {
  color: black;
}
.menu-custom-hide-icon .ant-menu-submenu-popup > .ant-menu-sub > .ant-menu-item:hover > .ant-menu-item-active,
.menu-custom-hide-icon .ant-menu-submenu-selected > .ant-menu-submenu-title,
.menu-custom-hide-icon .ant-menu-item:hover:not(.ant-menu-item-selected),
.menu-custom-hide-icon .ant-menu-submenu-title:hover {
  color: var(--contrast-custom-primary);
  font-weight: 600;
}
.menu-custom-hide-icon .ant-menu-item-selected:hover {
  color: black !important;
}
.menu-custom-hide-icon .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: color-mix(in srgb, var(--contrast-custom-secondary), #fff 75%);
  color: black;
  font-weight: 600;
}
.menu-custom-hide-icon .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected svg {
  color: black !important;
}
.menu-custom-hide-icon.ant-menu-inline-collapsed .ant-menu-item-selected {
  background-color: color-mix(in srgb, var(--contrast-custom-secondary), #fff 75%);
}
.menu-custom-hide-icon.ant-menu-inline-collapsed .ant-menu-item-selected .ant-menu-item-icon,
.menu-custom-hide-icon.ant-menu-inline-collapsed .ant-menu-item-selected .anticon {
  color: black !important;
}
.menu-custom-hide-icon.ant-menu-inline-collapsed .ant-menu-item-selected svg {
  color: black !important;
}
.menu-custom-hide-icon.ant-menu-inline-collapsed .ant-menu-submenu-selected > .ant-menu-submenu-title {
  background-color: color-mix(in srgb, var(--contrast-custom-secondary), #fff 75%);
}
.menu-custom-hide-icon.ant-menu-inline-collapsed .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-item-icon,
.menu-custom-hide-icon.ant-menu-inline-collapsed .ant-menu-submenu-selected > .ant-menu-submenu-title .anticon,
.menu-custom-hide-icon.ant-menu-inline-collapsed .ant-menu-submenu-selected > .ant-menu-submenu-title svg {
  color: black !important;
}
.menu-custom-hide-icon .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.menu-custom-hide-icon .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: var(--contrast-custom-primary);
  font-weight: 600;
}
.menu-custom-hide-icon .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.menu-custom-hide-icon .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: var(--contrast-custom-primary);
  font-weight: 600;
}
.ant-menu-vertical svg {
  color: var(--contrast-custom-primary);
}
.ant-menu-vertical .ant-menu-submenu-selected {
  color: black;
  background-color: color-mix(in srgb, var(--contrast-custom-secondary), #fff 75%);
}
.ant-menu-vertical .ant-menu-submenu-selected svg {
  color: black;
}
.ant-layout-header {
  background: var(--custom-secondary-color);
  padding: 0 30px;
}
.secondary-contrast-color {
  background: transparent;
  color: var(--contrast-custom-secondary) !important;
}
.secondary-contrast-color:hover,
.secondary-contrast-color:focus {
  color: color-mix(in srgb, var(--contrast-custom-secondary), #fff 75%);
}
.red {
  color: red;
}
.dark-red {
  color: #8e1b11;
}
.purple {
  color: purple;
}
.green {
  color: green;
}
.orange {
  color: orange;
}
.blue {
  color: blue;
}
.white {
  color: white;
}
.timeline-black {
  color: rgba(0, 0, 0, 0.65);
}
.blueCustom {
  color: #2865a8;
}
.buttonGrey {
  background-color: #878787;
  color: white;
}
.lightgrey {
  color: lightgrey;
}
.greyb3 {
  color: #b3b3b3;
}
.grey {
  color: grey;
}
.darkgrey {
  color: darkgrey;
}
.settled {
  color: #3f62ff;
}
.grey-a6 {
  color: #a6a6a6;
}
.primary-blue {
  color: #1890ff;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.h-100 {
  height: 100% !important;
}
.vh-100 {
  height: 100vh;
  max-height: 100vh;
}
.h-20px {
  height: 20px !important;
}
.mh-100 {
  max-height: 100% !important;
}
.mw-300px {
  max-width: 300px;
}
.submitButton-customizable {
  background-color: blue !important;
}
.cursor-p,
.cursor-p > .ant-select-selection {
  cursor: pointer;
}
.cursor-p-div {
  cursor: pointer;
}
.cursor-i {
  cursor: initial !important;
}
.cursor-na,
.cursor-na > .ant-select-selection,
.cursor-na > .header-company-name > .ant-btn,
.cursor-na > .ant-dropdown-trigger > .ant-btn {
  cursor: not-allowed;
}
.form-inline-ta-left ant-form-item-label {
  text-align: left;
}
.form-inline-mb-8 .ant-form-item {
  margin-bottom: 8px;
}
.form-inline-mb-0 .ant-form-item {
  margin-bottom: 0px;
}
.form-inline-mb-16 .ant-form-item {
  margin-bottom: 16px;
}
.form-lbl-lh-24 .ant-form-item-label {
  line-height: 24px;
}
.ta-center {
  text-align: center;
}
.ta-right {
  text-align: right;
}
.ta-left {
  text-align: left;
}
.ma-0 {
  margin: 0px !important;
}
.mt-5 {
  margin-top: 5px;
}
.mt-6 {
  margin-top: 6px;
}
.mt-7 {
  margin-top: 7px;
}
.mt-8 {
  margin-top: 8px;
}
.mt-9 {
  margin-top: 9px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-8 {
  margin-right: 8px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-20 {
  margin-right: 20px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-8 {
  margin-left: 8px;
}
.ml-10 {
  margin-left: 10px;
}
.mlr-2_5 {
  margin-left: 2.5px;
  margin-right: 2.5px;
}
.mlr-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-3 {
  margin-bottom: 3px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-20 {
  margin-bottom: 20px;
}
.mbt-20 {
  margin: 20px 0px;
}
.p-0 {
  padding: 0px !important;
}
.pt-5 {
  padding-top: 5px;
}
.pt-10 {
  padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-8 {
  padding-left: 8px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-12 {
  padding-left: 12px;
}
.pl-15 {
  padding-left: 15px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-10-i {
  padding-left: 10px !important;
}
.pa-0 {
  padding: 0px !important;
}
.pa-0 > button {
  padding: 0px !important;
}
.pa-5 {
  padding: 5px;
}
.pa-10 {
  padding: 10px;
}
.pa-12 {
  padding: 12px;
}
.plr-5 {
  padding: 0px 5px !important;
}
.plr-6 {
  padding: 0px 6px !important;
}
.plr-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.plr-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-2 {
  padding-right: 2px !important;
}
.pl-2 {
  padding-left: 2px !important;
}
.pr-3 {
  padding-right: 3px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-12 {
  padding-right: 12px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.ws-nm {
  white-space: normal;
}
.ws-nw {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.d-inline-block {
  display: inline-block;
}
.va-top {
  vertical-align: top !important;
}
.alert-content-100 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.invisible-scrollbar {
  -ms-oveflow-style: none;
  scrollbar-width: none;
}
.invisible-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
}
.fx-1 {
  flex: 1;
}
.fx-1a {
  flex: 1 1 auto;
}
.fw-wr {
  flex-wrap: wrap-reverse;
}
.start-flex-i {
  display: flex !important;
  align-items: flex-start !important;
}
.end-flex-i {
  display: flex !important;
  align-items: flex-end !important;
}
.flex-i {
  display: flex !important;
}
.center-flex {
  display: flex;
  align-items: center;
}
.center-flex-i {
  display: flex !important;
  align-items: center !important;
}
.center-flex-jc-i {
  display: flex !important;
  justify-content: center !important;
}
.fw-w {
  flex-wrap: wrap;
}
.container-fw-i > .ant-row-flex {
  flex-wrap: initial;
}
.center-flex-all {
  display: flex;
  align-items: center;
  justify-content: center;
}
.normal-flex {
  display: flex;
}
.sb-flex {
  display: flex;
  justify-content: space-between;
}
.sa-flex {
  display: flex;
  justify-content: space-around;
}
.center-flex-sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-item {
  text-align: left;
}
.company-logo {
  max-height: 50px;
  margin-right: 10px;
  border-radius: 5%;
  max-width: 180px;
  overflow: hidden;
  object-fit: contain;
}
.company-logo-dd {
  max-height: 50px;
  max-width: 200px;
  margin-right: 10px;
  border-radius: 10%;
  overflow: hidden;
  object-fit: contain;
}
.page-layout-container {
  text-align: left;
  overflow-y: overlay;
}
.page-layout-content {
  background-color: #fff;
  padding: 10px 15px;
  box-sizing: border-box;
  margin: 0;
  height: calc(100vh - 50px);
  overflow-x: auto;
  overflow-y: auto;
  min-height: auto !important;
}
.page-layout-content .ant-typography {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.spacer-30 {
  height: 30px;
}
.spacer-25 {
  height: 25px;
}
.spacer-20 {
  height: 20px;
}
.spacer-15 {
  height: 15px;
}
.spacer-10 {
  height: 10px;
}
.spacer-5 {
  height: 5px;
}
.spacer-3 {
  height: 3px;
}
.underline {
  text-decoration: underline;
}
.fs-12 {
  font-size: 12px;
}
.fs-22 {
  font-size: 22px;
}
.fs-20 {
  font-size: 20px;
}
.fs-18 {
  font-size: 18px;
}
.fs-16 {
  font-size: 16px;
}
.fs-30 {
  font-size: 30px;
}
html {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.fixed-width {
  min-width: 1024px;
  overflow-x: auto;
  overflow-y: hidden;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: transparent;
  z-index: 1;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #99999a;
}
.ant-layout-sider-collapsed ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.ant-layout-sider-collapsed ::-webkit-scrollbar-thumb {
  border-radius: 5px;
}
.notification-circle {
  width: 20px;
  height: 20px;
  color: white;
  background-color: red;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.panel-mb-10 {
  margin-bottom: 10px !important;
}
.fw-600 {
  font-weight: 600;
}
.submenu-flex .ant-dropdown-menu-submenu-title {
  display: flex;
  align-items: center;
}
.import-file-container > span {
  display: flex;
  align-items: center;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 10px;
}
.import-file-container > span .ant-upload-list-item {
  margin-top: 0;
}
.import-file-container > span .ant-upload-list-text {
  flex: 0.6;
}
.import-file-container > span .ant-upload-list-item-info > span {
  margin-right: 10px;
}
.grey-alert {
  background-color: grey;
  border: none;
  color: white;
}
.tag-ws {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 1px;
  margin-bottom: 1px;
}
.tag-ws > span,
.tag-ws > b {
  white-space: normal !important;
  overflow-wrap: break-word;
}
.strike-through:before {
  border-top: 1px solid #000000 !important;
  content: '' !important;
  margin: 0 auto !important;
  /* this centers the line to the full width specified */
  position: absolute !important;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 55% !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 95% !important;
  z-index: 999 !important;
}
.crossed-out {
  position: relative !important;
  display: inline-block !important;
}
.crossed-out::before,
.crossed-out::after {
  content: '' !important;
  width: 110% !important;
  position: absolute !important;
  left: -2px !important;
  top: 45% !important;
  opacity: 0.7 !important;
  z-index: 200 !important;
}
.crossed-out::before {
  border-bottom: 1px solid black !important;
  -webkit-transform: skewY(-30deg) !important;
  transform: skewY(-30deg) !important;
}
.crossed-out::after {
  border-bottom: 1px solid black !important;
  -webkit-transform: skewY(30deg) !important;
  transform: skewY(30deg) !important;
}
.empty-list-container {
  padding: 16px;
  border-bottom: 1px solid #e8e8e8;
  position: absolute;
  top: 0;
  width: 100%;
}
.flex-dynamic-container {
  display: flex;
  flex-direction: column;
}
.flex-dynamic-top {
  flex: 0 0 auto;
  padding-bottom: 17px;
}
.flex-dynamic-bottom {
  overflow-y: scroll;
  flex: 1 1 auto;
}
.no-scrollbar ::-webkit-scrollbar {
  display: none;
}
.date-grey {
  color: grey;
  font-size: 12px;
  margin-top: 5px;
}
.date-width {
  flex-basis: 150px;
  flex-grow: 0;
  flex-shrink: 0;
}
.label-clickable {
  color: var(--primary-color);
  cursor: pointer;
}
.list-item-not-clickable {
  border-bottom: 1px solid #e8e8e8;
}
.list-item-not-clickable > :hover {
  background-color: #e6f7ff;
}
.list-item-clickable {
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer !important;
}
.list-item-clickable:not(.disabled) > :hover {
  background-color: #e6f7ff;
}
.list-item-unclickable {
  border-bottom: 1px solid #e8e8e8;
  cursor: not-allowed !important;
}
.list-item-unclickable > :hover {
  background-color: #e6f7ff;
}
.list-item-clicked {
  background-color: #e6f7ff;
}
.click-disabled {
  cursor: not-allowed !important;
}
.no-pointer {
  cursor: default !important;
}
.notifications-menu .ant-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
}
.notifications-menu .ant-drawer-header .ant-drawer-close {
  order: 2;
  margin-left: auto;
  padding: 0;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
  margin-inline-end: -24px;
  margin-right: -24px;
}
.notifications-menu .ant-drawer-header .ant-drawer-close:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}
.notifications-menu .ant-drawer-header .ant-drawer-title {
  font-weight: 600;
  font-size: 16px;
}
.notifications-menu .ant-drawer-body {
  padding: 0px;
}
.notifications-menu .ant-drawer-body .container-bordered {
  border-bottom: 1px solid #e8e8e8;
}
.notifications-menu .ant-list-split .ant-list-item {
  border-bottom: none;
}
.notifications-menu .notification-unread {
  background-color: #edf2fa;
}
.notifications-menu .custom-drawer-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 47px !important;
  height: 47px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.with-border .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.border-bottom-custom {
  border-bottom: 1px solid #e8e8e8;
}
.protected-drawer .ant-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
}
.protected-drawer .ant-drawer-header .ant-drawer-close {
  order: 2;
  margin-left: auto;
  padding: 0;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
.protected-drawer .ant-drawer-header .ant-drawer-close:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}
.protected-drawer .ant-drawer-header .ant-drawer-title {
  order: 1;
  display: flex;
  align-items: center;
}
.protected-drawer .ant-drawer-body {
  padding-top: 10px !important;
}
.left-aligned-tab > .ant-tabs-left-bar .ant-tabs-tab {
  text-align: left !important;
}
.left-aligned-tab .ant-tabs-nav-wrap {
  width: 208px !important;
}
.w-85 {
  width: 85%;
}
.w-100 {
  width: 100%;
}
.w-42 {
  width: 42%;
}
.w-43 {
  width: 43%;
}
.w-34 {
  width: 34%;
}
.w-100px {
  width: 100px;
}
.w-200px {
  width: 200px !important;
}
.modal-no-footer .ant-modal-confirm-btns {
  display: none !important;
}
.modal-no-padding .ant-modal-body {
  padding: 0px !important;
}
.border-top-first .list-item-clickable:first-child {
  border-top: 1px solid #e8e8e8;
}
.modal-swapped-buttons .ant-modal-confirm-btns .ant-btn {
  margin-left: 10px;
}
.modal-swapped-buttons .ant-modal-footer {
  height: 53px;
}
.modal-swapped-buttons .ant-modal-footer .ant-btn {
  margin-left: 10px;
}
.virtualized-list-container .ant-checkbox-input {
  transform: scale(2);
}
.virtualized-list-container .ant-checkbox-inner {
  width: 20px;
  height: 20px;
}
.virtualized-list-container .ant-checkbox-inner::after {
  left: 30%;
}
.card-custom-thin-title-centered {
  height: 100%;
}
.card-custom-thin-title-centered .ant-card-head-title {
  text-align: center;
  padding: 10px 0;
}
.card-custom-thin-title-centered .ant-card-body {
  padding: 12px;
}
.card-custom-thin-title-centered p {
  margin: 0px !important;
}
.ant-notification-topRight {
  z-index: 9999 !important;
}
.va-middle {
  vertical-align: middle;
}
.details-tab-item-container::-webkit-scrollbar {
  width: 30px;
}
.details-tab-item-container::-webkit-scrollbar-thumb {
  height: 6px;
  border-left: 20px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.details-tab-item-container::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.details-tab-item-container::-webkit-scrollbar-corner {
  background-color: transparent;
}
.details-tab-item-container::-webkit-scrollbar-track {
  margin: 0 30px;
}
.panel-item-padding-adjusted .ant-collapse-content-box {
  padding: 4px 16px !important;
}
.coupled-icon-cont {
  height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.coupled-icon-cont .small-bottom {
  margin-left: 15px;
  margin-bottom: -45px;
}
.coupled-icon-cont-small {
  height: 100%;
  display: flex !important;
  align-items: center !important;
}
.coupled-icon-cont-small .small-bottom {
  margin-left: 15px;
  margin-bottom: -45px;
}
.sider-component,
.sider-component > .sider-component {
  height: 100%;
}
.ant-layout-sider-trigger {
  position: absolute !important;
}
.flx-0 {
  flex: 0 auto;
}
.flx-a-250 {
  flex: 0 0 250px;
}
.flx-a-200 {
  flex: 0 0 200px;
}
.flx-1 {
  flex: 0.1;
}
.flx-2 {
  flex: 0.2;
}
.flx-3 {
  flex: 0.3;
}
.flx-4 {
  flex: 0.4;
}
.flx-5 {
  flex: 0.5;
}
.flx-6 {
  flex: 0.6;
}
.flx-7 {
  flex: 0.7;
}
.flx-8 {
  flex: 0.8;
}
.flx-9 {
  flex: 0.9;
}
.mxw-100 {
  max-width: 100%;
}
.flex-layout-container {
  display: flex;
  flex-direction: column;
}
.flex-layout-container .flex-dynamic-bottom {
  flex: 1;
}
.flex-layout-container .flex-dynamic-bottom .ant-timeline-item .ant-table-thead > tr > th,
.flex-layout-container .flex-dynamic-bottom .ant-timeline-item .ant-table-tbody > tr > td {
  padding: 8px;
}
.test-mode-label {
  position: absolute;
  font-weight: 700;
}
.ant-drawer-content-wrapper {
  max-width: 100% !important;
}
.dynamic-edit-button {
  cursor: pointer;
}
.dynamic-edit-button:hover {
  color: dodgerblue;
}
.dynamic-delete-button {
  cursor: pointer;
}
.dynamic-delete-button:hover {
  color: red;
}
.row-hover-delete {
  display: flex !important;
  align-items: center;
}
.row-hover-delete .deletable {
  display: none;
}
.row-hover-delete:hover .deletable {
  display: block;
}
.action-bar-select {
  width: 255px;
}
.f-ta-100 {
  flex: 1;
}
.f-ta-100 > .ant-form-item-control-wrapper {
  width: 100%;
}
.f-ta-100 .ql-editor {
  min-height: 200px;
}
.f-ta-100 .ql-editor p {
  word-break: break-word;
}
.ql-snow .ql-picker {
  height: auto !important;
}
.ql-snow .ql-tooltip input[type='text'] {
  line-height: 26px !important;
}
.ql-snow .ql-tooltip {
  display: flex;
  left: -50px !important;
}
.ql-snow .ql-hidden {
  display: none;
}
.notification-skeleton .ant-skeleton-title {
  margin-top: 0.5em !important;
}
.d-block {
  display: block;
}
.error-empty {
  border: 1px solid #ffa39e;
  background-color: #fff1f0;
  padding-top: 12px;
  padding-bottom: 12px;
}
.credit-changes-item {
  margin-left: 105px !important;
}
.payment-changes-item {
  margin-left: 105px !important;
}
.deallocate-btn {
  position: absolute;
  left: -150px;
  margin: 0;
}
.table-custom-credit-change {
  width: 80%;
  margin-left: -15px;
}
.table-custom-credit-change,
.table-custom-credit-change th,
.table-custom-credit-change td {
  border: 1px solid black;
  padding: 5px;
}
.table-custom-credit-change thead th {
  background-color: #c1c1c1 !important;
  color: black;
}
.credit-change-collapse .ant-collapse-item {
  border-bottom: 0px !important;
}
.credit-change-collapse .ant-collapse-item .ant-collapse-header {
  padding-left: 15px !important;
  color: rgba(0, 0, 0, 0.65) !important;
}
.credit-change-collapse .ant-collapse-item i {
  left: 0px !important;
  color: #224dff !important;
}
.h3-custom {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 1.17em;
}
.form-inline-mb-0 .ant-form-explain {
  text-align: right;
}
.fi-cont {
  justify-content: center;
}
.fi-cont .fa-layers {
  max-width: 100%;
}
.pay-by-card-section a {
  word-break: break-all;
}
.modal-error-left {
  text-align: left;
}
.attachments-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.attachments-edit-btn-container {
  /* Remove absolute positioning */
  position: static;
}
.attachment-files-category {
  font-weight: 700;
}
.attachment-drawer-container .attachment-upload-file-btn-container {
  display: flex;
  align-items: center;
}
.attachment-drawer-container .attachment-upload-file-btn-container > span {
  display: flex;
  align-items: center;
}
.attachment-drawer-container .attachment-upload-file-btn-container .ant-upload-list-item {
  margin-top: 0px;
  max-width: 370px;
}
.attachment-drawer-container .file-title-text {
  flex: 0.15;
}
.attachment-drawer-container .file-title-input {
  flex: 0.85;
}
.attachment-item-container:hover {
  background-color: #e6f7ff;
}
.attachment-item-container-editing:hover {
  background-color: #ffecec;
}
.delete-attachment {
  margin-right: 10px;
}
.delete-attachment:hover {
  cursor: pointer;
  color: red;
}
.attachment-icon:hover {
  cursor: pointer;
  opacity: 0.7;
}
.timezone-select,
.language-select {
  min-width: 260px;
}
.industry-select {
  min-width: 350px;
}
.view-icon-container {
  width: 100px;
  text-align: center;
}
.company-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-logo-container .ant-spin {
  display: block;
}
.company-region {
  font-size: 12px;
}
.notification-details-container {
  max-width: 2000px;
  margin: auto;
  position: relative;
}
.contact-icons-container {
  margin-top: -1px;
}
.icon-checkbox-cont {
  display: flex;
  align-items: center;
  height: 100% !important;
  flex-direction: column;
}
.icon-checkbox-cont .fa-layers {
  height: 80px;
}
.companies-dropdown-container .ant-popover-title {
  padding: 8px 10px;
}
.companies-dropdown-container .ant-dropdown-menu {
  overflow-y: auto;
  max-height: 60vh;
}
.companies-dropdown-container .ant-popover-content .ant-popover-inner {
  padding: 0;
}
.companies-dropdown-container .ant-menu-item {
  height: auto;
  line-height: 22px;
  padding: 5px 12px;
  margin: 0px !important;
  width: 100%;
}
.companies-dropdown-container .ant-menu-item:not(.ant-menu-item-selected) svg {
  color: rgba(0, 0, 0, 0.65);
}
.companies-dropdown-container .ant-menu-item:hover,
.companies-dropdown-container .ant-menu-item.companies-dropdown-container .ant-menu-item .ant-menu-item-active {
  color: unset;
}
.companies-dropdown-container .ant-menu-item:hover {
  background-color: #e6f7ff;
}
.companies-dropdown-container .ant-menu-item-selected svg,
.companies-dropdown-container .ant-menu-item-selected:hover {
  color: #1890ff !important;
}
.payment-option-label {
  width: 130px;
  text-align: right;
  padding-right: 8px;
}
.ezidebit-option-label {
  width: 140px;
  text-align: right;
  padding-right: 8px;
}
#carousel-container {
  max-width: 300px;
  position: relative;
}
#carousel-container .ant-carousel .slick-slide {
  text-align: left;
  line-height: inherit;
  overflow: hidden;
  padding: 0px 20px;
}
#carousel-container .ant-carousel .slick-track {
  display: flex;
  align-items: center;
}
#carousel-container .l-icon,
#carousel-container .r-icon {
  position: absolute;
  top: 50%;
  bottom: 50%;
  margin: auto;
  color: #d6d4d4;
  z-index: 1000;
}
#carousel-container .l-icon:hover,
#carousel-container .r-icon:hover {
  color: #1890ff;
}
#carousel-container .l-icon {
  left: -12px;
}
#carousel-container .r-icon {
  right: -12px;
}
.select-import {
  width: auto;
  min-width: 200px;
  font-size: 24px;
  font-weight: 600;
}
.image-button {
  width: auto;
  height: auto;
  padding: 0px !important;
  margin: 0px;
}
.ant-carousel .slick-dots-bottom {
  position: absolute !important;
  bottom: -3px !important;
}
.ant-carousel .slick-dots li button {
  background: grey !important;
}
.ant-carousel .slick-dots li.slick-active button {
  background: darkgray !important;
}
.autocomplete-input {
  min-width: 230px;
}
.autocomplete-input .ant-select-selection__rendered {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.autocomplete-input .ant-select-search--inline {
  bottom: 1px;
}
.autocomplete-input .anticon {
  margin-top: 2px;
}
.autocomplete-input-dashboard .ant-select-selection__rendered {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.autocomplete-input-dashboard .ant-select-search--inline {
  bottom: 1px;
}
.autocomplete-input-dashboard .anticon {
  margin-top: 2px;
}
.autocomplete-input-disable {
  background: #f5f5f5 !important;
}
.autocomplete-input-dropdown {
  width: 200px !important;
}
.payment-details-section {
  background: #e6e7e7 !important;
  padding: 15px !important;
}
.autocomplete-label {
  margin-top: 8px;
}
.amount-around-label {
  margin-top: 8px;
  margin-left: 25px;
}
.amount-around-input {
  margin-top: 8px;
}
.multiple-customer-checkbox {
  margin-top: 16px;
}
.ant-select-disabled .ant-select-selection {
  background: none !important;
}
.spin-vlist .ant-spin-section {
  top: 30%;
}
.spin-vlist .ant-spin-container {
  pointer-events: auto;
}
.ant-card-head-title {
  padding-top: 16px !important;
  padding-bottom: 0px !important;
}
.ant-card-body {
  padding: 15px 24px !important;
}
.switch-fields-container .ant-col-24.ant-form-item-label {
  padding-bottom: 0px;
}
.action-display-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.actioned-icon-cont {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.actioned-by-display {
  max-width: 165px;
  text-align: center;
  min-width: 150px;
}
.advam-option-label {
  width: 140px;
  text-align: right;
  padding-right: 8px;
}
.custom-widget-tooltip {
  margin: 0px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.ant-select-dropdown-menu-item {
  height: auto;
  white-space: normal !important;
  text-overflow: initial !important;
}
.ellipsis-popover-title svg {
  min-width: 18px;
}
.vlist-container .ant-spin-container {
  height: 100%;
}
.quick-search-comp {
  padding: 5px;
  border: 1px solid lightgrey;
  border-radius: 5px;
}
.quick-search-comp .autocomplete-input {
  width: 300px;
}
.qs-dd-cont {
  min-width: 200px;
}
.row-icons-btn {
  line-height: 1.2 !important;
  height: auto !important;
}
.wb-bw {
  word-break: break-word;
}
.dropdown-multiline-cont .ant-select-selection {
  display: flex;
  height: 100%;
}
.dropdown-multiline-cont .ant-select-selection-selected-value {
  white-space: normal;
  text-overflow: initial;
}
.dropdown-multiline-cont .ant-select-selection__rendered {
  padding: 5px 0px !important;
  line-height: inherit;
  width: 100%;
}
.btn-radio-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.btn-radio-group label {
  flex: auto;
  text-align: center;
}
.btn-radio-group .ant-radio-button-wrapper {
  flex: 1 1 auto;
  text-align: center;
  border-radius: 0 !important;
  /*&:not(:last-child) {
            border-right: none;
        }*/
}
.btn-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  z-index: 1;
}
.sel-com-btn {
  height: 64px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sel-com-btn .com-name-reg-cont {
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: left;
}
.sel-com-btn .com-name-reg-cont .com-name-cont {
  line-height: 1.2;
}
.cb-w-icon .ant-checkbox-group-item,
.cb-w-icon .cc-ic {
  display: inline-flex;
  align-items: center;
}
.cbg-vert .ant-checkbox-group-item {
  width: 100%;
}
.tree-custom .ant-select-tree {
  max-height: 300px;
}
.custom-tree-cont .ant-tree li {
  padding: 0px;
}
.custom-tree-cont .ant-tree .ant-tree-child-tree li {
  display: flex;
}
.custom-tree-cont .ant-tree .ant-tree-child-tree > li:first-child {
  padding: 0px;
  padding-top: 3px;
}
.custom-tree-cont .ant-tree .ant-tree-child-tree > li:last-child {
  padding-bottom: 3px;
}
.custom-tree-cont .ant-tree .ant-tree-node-content-wrapper {
  height: auto;
  flex: 1;
}
.custom-tree-cont .ant-tree .ant-tree-title {
  white-space: normal;
  height: auto;
}
.pop-action-content .custom-tree-cont {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.pop-action-content .custom-tree-cont li.ant-tree-treenode-switcher-open > span.ant-tree-node-content-wrapper {
  max-width: 200px;
}
.tag-filter-parent {
  padding: 5px;
}
.tag-tree-parent {
  padding: 2px 4px;
}
.drawer-with-tabs .ant-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 24px;
  padding-left: 24px;
  height: 45px;
}
.drawer-with-tabs .ant-drawer-header .ant-drawer-title {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.drawer-with-tabs .ant-drawer-header .ant-drawer-close {
  order: 2;
  margin-left: auto;
  padding: 0;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
.drawer-with-tabs .ant-drawer-header .ant-drawer-close:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}
.drawer-with-tabs .ant-drawer-body {
  padding-top: 10px !important;
}
.building-badge .ant-badge-count {
  background: #1890ff;
  color: white;
}
.comment-popover {
  z-index: 1600 !important;
}
.comment-popover .ant-popover-title {
  padding: 5px;
}
.comment-popover .ant-popover-inner-content {
  padding: 5px 16px;
}
.comment-popover .ant-popover-title {
  font-weight: normal;
}
.multiline {
  white-space: pre-wrap;
}
.multiline-limit {
  min-width: 180px;
  max-width: 400px;
  max-height: 400px;
  overflow-y: auto;
}
.f-no-lh .ant-form-item-control {
  line-height: unset;
}
.text-grey {
  color: grey;
}
.app-compact-table .ant-table-thead > tr > th,
.app-compact-table .ant-table-tbody > tr > td {
  padding: 8px;
}
.file-list {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.file-list span {
  padding: 5px;
  transition: background-color 0.3s ease;
}
.file-list span:hover {
  background-color: #e6f7ff;
  cursor: pointer;
}
.file-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.file-remove-icon {
  cursor: pointer;
  font-size: 16px;
  color: #ff4d4f;
}
.icon-stack {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 2em;
}
.icon-stack .calendar {
  transform: scale(1);
}
.icon-stack .clock {
  transform: scale(0.7) translate(10%, 40%);
}
.icon-button-wrapper {
  display: flex;
  align-items: center;
  margin-left: 28px;
  /* Adjust space between icons and text */
}
button {
  line-height: normal;
}
.icon {
  position: absolute;
  margin-top: 3px;
  width: 60%;
  height: 60%;
}
.calendar {
  transform: scale(1);
}
.clock {
  transform: scale(0.7) translate(20%, 40%);
}
.app-ra-available-rebates-dropdown .ant-select-selection__placeholder {
  color: #888;
  /* Ensure placeholder color is visible */
  display: inline-block !important;
}
.app-ra-available-credits-dropdown .ant-select-selection__placeholder {
  color: #888;
  /* Ensure placeholder color is visible */
  display: inline-block !important;
}
.customDayRange-div {
  display: flex;
  align-items: center;
  margin-left: 117px;
}
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  z-index: 900;
}
.amplify-tabs__list {
  display: none !important;
}
.logo {
  height: 64px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.customer-datepicker {
  width: 120%;
}
.credit-search-input {
  width: 150px !important;
}
.credit-search-input .ant-select-selection {
  width: 150px !important;
}
.customer-datepicker {
  width: 120%;
}
.reminder-automation-select {
  min-width: 150px;
  max-width: 200px;
}
.resource-icon-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 0;
  /* 👈 reduce bottom padding */
}
.resource-icon {
  position: relative;
  line-height: 3;
}
.resource-type-text {
  margin-top: 35px;
  text-align: center;
  color: #4b5563;
}
.source-type-text {
  text-align: center;
  color: #4b5563;
}
.fa-icon-center {
  line-height: 1;
}
.fa-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
:root {
  --ck-color-base-background: #ffffff !important;
  --ck-color-toolbar-background: #ffffff !important;
  --ck-color-panel-background: #ffffff !important;
  --ck-color-base-border: #cccccc !important;
  --ck-color-toolbar-border: #cccccc !important;
}
.ck.ck-reset_all,
.ck.ck-reset_all *,
.ck-reset_all.ck-editor__top,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__top .ck-sticky-panel__content,
.ck.ck-toolbar,
.ck.ck-toolbar.ck-toolbar_grouping,
.ck-toolbar.ck-toolbar_grouping,
.ck.ck-menu-bar,
.ck-menu-bar {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
.ck.ck-editor__main > .ck-editor__editable {
  background: #ffffff !important;
}
.credit-timeline-label-mode {
  --ant-timeline-alternate-gap: 10px;
}
.credit-timeline-label-mode .ant-timeline-item-section {
  gap: 44px !important;
}
.credit-timeline-label-mode .ant-timeline-item-header {
  flex: 0 0 110px !important;
  max-width: 110px !important;
  text-align: right;
  padding-right: 16px !important;
  white-space: nowrap;
  overflow: visible;
}
.credit-timeline-label-mode .ant-timeline-item-icon,
.credit-timeline-label-mode .ant-timeline-item-rail {
  inset-inline-start: 132px !important;
}
.credit-timeline-label-mode .ant-timeline-item-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.ant-select-input {
  color: #000000 !important;
}