/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.7.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/.pnpm/@umijs+bundler-webpack@4.4.12_type-fest@1.4.0_typescript@5.9.2_webpack@5.101.3/node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/.pnpm/@umijs+bundler-webpack@4.4.12_type-fest@1.4.0_typescript@5.9.2_webpack@5.101.3/node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/global.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(./static/Rubik-Light.23f6ae9f.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(./static/Rubik-Light.23f6ae9f.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(./static/Rubik-Light.23f6ae9f.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(./static/Rubik-Light.23f6ae9f.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(./static/Rubik-Light.23f6ae9f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./static/Rubik-Regular.08c2d3ca.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./static/Rubik-Regular.08c2d3ca.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./static/Rubik-Regular.08c2d3ca.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./static/Rubik-Regular.08c2d3ca.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./static/Rubik-Regular.08c2d3ca.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./static/Rubik-Medium.0b301b7e.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./static/Rubik-Medium.0b301b7e.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./static/Rubik-Medium.0b301b7e.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./static/Rubik-Medium.0b301b7e.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./static/Rubik-Medium.0b301b7e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./static/Rubik-SemiBold.8d7574f4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./static/Rubik-SemiBold.8d7574f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./static/Rubik-SemiBold.8d7574f4.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./static/Rubik-SemiBold.8d7574f4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./static/Rubik-SemiBold.8d7574f4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./static/Rubik-SemiBold.8d7574f4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./static/Rubik-Bold.25debb90.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./static/Rubik-Bold.25debb90.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./static/Rubik-Bold.25debb90.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./static/Rubik-Bold.25debb90.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./static/Rubik-ExtraBold.4cb65cf1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./static/Rubik-ExtraBold.4cb65cf1.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./static/Rubik-ExtraBold.4cb65cf1.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./static/Rubik-ExtraBold.4cb65cf1.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./static/Rubik-ExtraBold.4cb65cf1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(./static/Rubik-Black.41a77635.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(./static/Rubik-Black.41a77635.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(./static/Rubik-Black.41a77635.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(./static/Rubik-Black.41a77635.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(./static/Rubik-Black.41a77635.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.ant-typography {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-right: 2%;
  color: var(--fc1) !important;
  font-size: 0.9rem;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-typography .ant-typography-copy {
  opacity: 0;
}
.ant-typography:hover .ant-typography-copy {
  opacity: 1;
}
.ant-form {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-input {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-menu {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-select {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-row {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-col {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-btn {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-tabs {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-carousel {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
a {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-app {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-table {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-tooltip {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-layout {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
  overflow: hidden;
}
.ant-dropdown {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-card {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-modal {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-drawer {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-tag {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-affix {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-spin {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-list {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.ant-dropdown-menu {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.highcharts-root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
  font-size: auto;
}
.highcharts-label {
  font-size: 12px !important;
}
.react-grid-layout {
  overflow: auto;
}
.react-grid-layout .react-grid-item {
  background: white;
  border-radius: 8px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.react-grid-layout .react-grid-item > .cssTransforms {
  transition-property: transform;
  overflow-y: auto;
}
.react-grid-layout .react-grid-item .react-resizable-handle {
  opacity: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  cursor: se-resize;
  border-bottom-right-radius: 8px;
  background-color: #0073ea;
}
.react-grid-layout .react-grid-item .react-resizable-handle:hover {
  opacity: 1;
}
.react-grid-layout .react-draggable-dragging {
  border: 1px solid #0073ea;
  z-index: 1;
  will-change: transform;
}
.react-grid-layout .resizing {
  z-index: 3;
  opacity: 0.2;
  background-color: white;
  border: 1px solid #0073ea;
}
.template_picker > .ant-modal > .ant-modal-content > .ant-modal-header {
  padding: 10px 10px 10px 10px !important;
}
.template_picker > .ant-modal > .ant-modal-content > .ant-modal-header > .ant-modal-title {
  font-weight: 700 !important;
  font-size: 24px !important;
}
.communication_picker > .ant-modal > .ant-modal-content > .ant-modal-header {
  padding: 10px 10px 10px 10px !important;
}
.communication_picker > .ant-modal > .ant-modal-content > .ant-modal-header > .ant-modal-title {
  font-weight: 700 !important;
  font-size: 24px !important;
}
.pentagon {
  position: relative;
  width: 54px;
  box-sizing: content-box;
  border-width: 50px 18px 0;
  border-style: solid;
  border-color: #32557f transparent;
}
.pentagon::before {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  top: -85px;
  left: -18px;
  border-width: 0 45px 35px;
  border-style: solid;
  border-color: transparent transparent #32557f;
}
.center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.ant-btn > .ant-btn-loading-icon .anticon {
  color: white !important;
}
.rotate {
  animation: rotation 60s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.m0 {
  margin: 0px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.m0-xs {
  margin: 0px !important;
}
.mt0-xs {
  margin-top: 0px !important;
}
.mr0-xs {
  margin-right: 0px !important;
}
.mb0-xs {
  margin-bottom: 0px !important;
}
.ml0-xs {
  margin-left: 0px !important;
}
.m2 {
  margin: 2px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.m2-xs {
  margin: 2px !important;
}
.mt2-xs {
  margin-top: 2px !important;
}
.mr2-xs {
  margin-right: 2px !important;
}
.mb2-xs {
  margin-bottom: 2px !important;
}
.ml2-xs {
  margin-left: 2px !important;
}
.m4 {
  margin: 4px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.m4-xs {
  margin: 4px !important;
}
.mt4-xs {
  margin-top: 4px !important;
}
.mr4-xs {
  margin-right: 4px !important;
}
.mb4-xs {
  margin-bottom: 4px !important;
}
.ml4-xs {
  margin-left: 4px !important;
}
.m6 {
  margin: 6px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.m6-xs {
  margin: 6px !important;
}
.mt6-xs {
  margin-top: 6px !important;
}
.mr6-xs {
  margin-right: 6px !important;
}
.mb6-xs {
  margin-bottom: 6px !important;
}
.ml6-xs {
  margin-left: 6px !important;
}
.m8 {
  margin: 8px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.m8-xs {
  margin: 8px !important;
}
.mt8-xs {
  margin-top: 8px !important;
}
.mr8-xs {
  margin-right: 8px !important;
}
.mb8-xs {
  margin-bottom: 8px !important;
}
.ml8-xs {
  margin-left: 8px !important;
}
.m10 {
  margin: 10px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.m10-xs {
  margin: 10px !important;
}
.mt10-xs {
  margin-top: 10px !important;
}
.mr10-xs {
  margin-right: 10px !important;
}
.mb10-xs {
  margin-bottom: 10px !important;
}
.ml10-xs {
  margin-left: 10px !important;
}
.m12 {
  margin: 12px !important;
}
.mt12 {
  margin-top: 12px !important;
}
.mr12 {
  margin-right: 12px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.m12-xs {
  margin: 12px !important;
}
.mt12-xs {
  margin-top: 12px !important;
}
.mr12-xs {
  margin-right: 12px !important;
}
.mb12-xs {
  margin-bottom: 12px !important;
}
.ml12-xs {
  margin-left: 12px !important;
}
.m14 {
  margin: 14px !important;
}
.mt14 {
  margin-top: 14px !important;
}
.mr14 {
  margin-right: 14px !important;
}
.mb14 {
  margin-bottom: 14px !important;
}
.ml14 {
  margin-left: 14px !important;
}
.m14-xs {
  margin: 14px !important;
}
.mt14-xs {
  margin-top: 14px !important;
}
.mr14-xs {
  margin-right: 14px !important;
}
.mb14-xs {
  margin-bottom: 14px !important;
}
.ml14-xs {
  margin-left: 14px !important;
}
.m16 {
  margin: 16px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.mr16 {
  margin-right: 16px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.ml16 {
  margin-left: 16px !important;
}
.m16-xs {
  margin: 16px !important;
}
.mt16-xs {
  margin-top: 16px !important;
}
.mr16-xs {
  margin-right: 16px !important;
}
.mb16-xs {
  margin-bottom: 16px !important;
}
.ml16-xs {
  margin-left: 16px !important;
}
.m18 {
  margin: 18px !important;
}
.mt18 {
  margin-top: 18px !important;
}
.mr18 {
  margin-right: 18px !important;
}
.mb18 {
  margin-bottom: 18px !important;
}
.ml18 {
  margin-left: 18px !important;
}
.m18-xs {
  margin: 18px !important;
}
.mt18-xs {
  margin-top: 18px !important;
}
.mr18-xs {
  margin-right: 18px !important;
}
.mb18-xs {
  margin-bottom: 18px !important;
}
.ml18-xs {
  margin-left: 18px !important;
}
.m20 {
  margin: 20px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.m20-xs {
  margin: 20px !important;
}
.mt20-xs {
  margin-top: 20px !important;
}
.mr20-xs {
  margin-right: 20px !important;
}
.mb20-xs {
  margin-bottom: 20px !important;
}
.ml20-xs {
  margin-left: 20px !important;
}
.m22 {
  margin: 22px !important;
}
.mt22 {
  margin-top: 22px !important;
}
.mr22 {
  margin-right: 22px !important;
}
.mb22 {
  margin-bottom: 22px !important;
}
.ml22 {
  margin-left: 22px !important;
}
.m22-xs {
  margin: 22px !important;
}
.mt22-xs {
  margin-top: 22px !important;
}
.mr22-xs {
  margin-right: 22px !important;
}
.mb22-xs {
  margin-bottom: 22px !important;
}
.ml22-xs {
  margin-left: 22px !important;
}
.m24 {
  margin: 24px !important;
}
.mt24 {
  margin-top: 24px !important;
}
.mr24 {
  margin-right: 24px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.ml24 {
  margin-left: 24px !important;
}
.m24-xs {
  margin: 24px !important;
}
.mt24-xs {
  margin-top: 24px !important;
}
.mr24-xs {
  margin-right: 24px !important;
}
.mb24-xs {
  margin-bottom: 24px !important;
}
.ml24-xs {
  margin-left: 24px !important;
}
.m26 {
  margin: 26px !important;
}
.mt26 {
  margin-top: 26px !important;
}
.mr26 {
  margin-right: 26px !important;
}
.mb26 {
  margin-bottom: 26px !important;
}
.ml26 {
  margin-left: 26px !important;
}
.m26-xs {
  margin: 26px !important;
}
.mt26-xs {
  margin-top: 26px !important;
}
.mr26-xs {
  margin-right: 26px !important;
}
.mb26-xs {
  margin-bottom: 26px !important;
}
.ml26-xs {
  margin-left: 26px !important;
}
.m28 {
  margin: 28px !important;
}
.mt28 {
  margin-top: 28px !important;
}
.mr28 {
  margin-right: 28px !important;
}
.mb28 {
  margin-bottom: 28px !important;
}
.ml28 {
  margin-left: 28px !important;
}
.m28-xs {
  margin: 28px !important;
}
.mt28-xs {
  margin-top: 28px !important;
}
.mr28-xs {
  margin-right: 28px !important;
}
.mb28-xs {
  margin-bottom: 28px !important;
}
.ml28-xs {
  margin-left: 28px !important;
}
.m30 {
  margin: 30px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.m30-xs {
  margin: 30px !important;
}
.mt30-xs {
  margin-top: 30px !important;
}
.mr30-xs {
  margin-right: 30px !important;
}
.mb30-xs {
  margin-bottom: 30px !important;
}
.ml30-xs {
  margin-left: 30px !important;
}
.m32 {
  margin: 32px !important;
}
.mt32 {
  margin-top: 32px !important;
}
.mr32 {
  margin-right: 32px !important;
}
.mb32 {
  margin-bottom: 32px !important;
}
.ml32 {
  margin-left: 32px !important;
}
.m32-xs {
  margin: 32px !important;
}
.mt32-xs {
  margin-top: 32px !important;
}
.mr32-xs {
  margin-right: 32px !important;
}
.mb32-xs {
  margin-bottom: 32px !important;
}
.ml32-xs {
  margin-left: 32px !important;
}
.m34 {
  margin: 34px !important;
}
.mt34 {
  margin-top: 34px !important;
}
.mr34 {
  margin-right: 34px !important;
}
.mb34 {
  margin-bottom: 34px !important;
}
.ml34 {
  margin-left: 34px !important;
}
.m34-xs {
  margin: 34px !important;
}
.mt34-xs {
  margin-top: 34px !important;
}
.mr34-xs {
  margin-right: 34px !important;
}
.mb34-xs {
  margin-bottom: 34px !important;
}
.ml34-xs {
  margin-left: 34px !important;
}
.m36 {
  margin: 36px !important;
}
.mt36 {
  margin-top: 36px !important;
}
.mr36 {
  margin-right: 36px !important;
}
.mb36 {
  margin-bottom: 36px !important;
}
.ml36 {
  margin-left: 36px !important;
}
.m36-xs {
  margin: 36px !important;
}
.mt36-xs {
  margin-top: 36px !important;
}
.mr36-xs {
  margin-right: 36px !important;
}
.mb36-xs {
  margin-bottom: 36px !important;
}
.ml36-xs {
  margin-left: 36px !important;
}
.m38 {
  margin: 38px !important;
}
.mt38 {
  margin-top: 38px !important;
}
.mr38 {
  margin-right: 38px !important;
}
.mb38 {
  margin-bottom: 38px !important;
}
.ml38 {
  margin-left: 38px !important;
}
.m38-xs {
  margin: 38px !important;
}
.mt38-xs {
  margin-top: 38px !important;
}
.mr38-xs {
  margin-right: 38px !important;
}
.mb38-xs {
  margin-bottom: 38px !important;
}
.ml38-xs {
  margin-left: 38px !important;
}
.m40 {
  margin: 40px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.m40-xs {
  margin: 40px !important;
}
.mt40-xs {
  margin-top: 40px !important;
}
.mr40-xs {
  margin-right: 40px !important;
}
.mb40-xs {
  margin-bottom: 40px !important;
}
.ml40-xs {
  margin-left: 40px !important;
}
.m42 {
  margin: 42px !important;
}
.mt42 {
  margin-top: 42px !important;
}
.mr42 {
  margin-right: 42px !important;
}
.mb42 {
  margin-bottom: 42px !important;
}
.ml42 {
  margin-left: 42px !important;
}
.m42-xs {
  margin: 42px !important;
}
.mt42-xs {
  margin-top: 42px !important;
}
.mr42-xs {
  margin-right: 42px !important;
}
.mb42-xs {
  margin-bottom: 42px !important;
}
.ml42-xs {
  margin-left: 42px !important;
}
.m44 {
  margin: 44px !important;
}
.mt44 {
  margin-top: 44px !important;
}
.mr44 {
  margin-right: 44px !important;
}
.mb44 {
  margin-bottom: 44px !important;
}
.ml44 {
  margin-left: 44px !important;
}
.m44-xs {
  margin: 44px !important;
}
.mt44-xs {
  margin-top: 44px !important;
}
.mr44-xs {
  margin-right: 44px !important;
}
.mb44-xs {
  margin-bottom: 44px !important;
}
.ml44-xs {
  margin-left: 44px !important;
}
.m46 {
  margin: 46px !important;
}
.mt46 {
  margin-top: 46px !important;
}
.mr46 {
  margin-right: 46px !important;
}
.mb46 {
  margin-bottom: 46px !important;
}
.ml46 {
  margin-left: 46px !important;
}
.m46-xs {
  margin: 46px !important;
}
.mt46-xs {
  margin-top: 46px !important;
}
.mr46-xs {
  margin-right: 46px !important;
}
.mb46-xs {
  margin-bottom: 46px !important;
}
.ml46-xs {
  margin-left: 46px !important;
}
.m48 {
  margin: 48px !important;
}
.mt48 {
  margin-top: 48px !important;
}
.mr48 {
  margin-right: 48px !important;
}
.mb48 {
  margin-bottom: 48px !important;
}
.ml48 {
  margin-left: 48px !important;
}
.m48-xs {
  margin: 48px !important;
}
.mt48-xs {
  margin-top: 48px !important;
}
.mr48-xs {
  margin-right: 48px !important;
}
.mb48-xs {
  margin-bottom: 48px !important;
}
.ml48-xs {
  margin-left: 48px !important;
}
.m50 {
  margin: 50px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.m50-xs {
  margin: 50px !important;
}
.mt50-xs {
  margin-top: 50px !important;
}
.mr50-xs {
  margin-right: 50px !important;
}
.mb50-xs {
  margin-bottom: 50px !important;
}
.ml50-xs {
  margin-left: 50px !important;
}
@media (min-width: 576px) {
  .m0 {
    margin: 0px !important;
  }
  .mt0 {
    margin-top: 0px !important;
  }
  .mr0 {
    margin-right: 0px !important;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .ml0 {
    margin-left: 0px !important;
  }
  .m0-sm {
    margin: 0px !important;
  }
  .mt0-sm {
    margin-top: 0px !important;
  }
  .mr0-sm {
    margin-right: 0px !important;
  }
  .mb0-sm {
    margin-bottom: 0px !important;
  }
  .ml0-sm {
    margin-left: 0px !important;
  }
  .m2 {
    margin: 2px !important;
  }
  .mt2 {
    margin-top: 2px !important;
  }
  .mr2 {
    margin-right: 2px !important;
  }
  .mb2 {
    margin-bottom: 2px !important;
  }
  .ml2 {
    margin-left: 2px !important;
  }
  .m2-sm {
    margin: 2px !important;
  }
  .mt2-sm {
    margin-top: 2px !important;
  }
  .mr2-sm {
    margin-right: 2px !important;
  }
  .mb2-sm {
    margin-bottom: 2px !important;
  }
  .ml2-sm {
    margin-left: 2px !important;
  }
  .m4 {
    margin: 4px !important;
  }
  .mt4 {
    margin-top: 4px !important;
  }
  .mr4 {
    margin-right: 4px !important;
  }
  .mb4 {
    margin-bottom: 4px !important;
  }
  .ml4 {
    margin-left: 4px !important;
  }
  .m4-sm {
    margin: 4px !important;
  }
  .mt4-sm {
    margin-top: 4px !important;
  }
  .mr4-sm {
    margin-right: 4px !important;
  }
  .mb4-sm {
    margin-bottom: 4px !important;
  }
  .ml4-sm {
    margin-left: 4px !important;
  }
  .m6 {
    margin: 6px !important;
  }
  .mt6 {
    margin-top: 6px !important;
  }
  .mr6 {
    margin-right: 6px !important;
  }
  .mb6 {
    margin-bottom: 6px !important;
  }
  .ml6 {
    margin-left: 6px !important;
  }
  .m6-sm {
    margin: 6px !important;
  }
  .mt6-sm {
    margin-top: 6px !important;
  }
  .mr6-sm {
    margin-right: 6px !important;
  }
  .mb6-sm {
    margin-bottom: 6px !important;
  }
  .ml6-sm {
    margin-left: 6px !important;
  }
  .m8 {
    margin: 8px !important;
  }
  .mt8 {
    margin-top: 8px !important;
  }
  .mr8 {
    margin-right: 8px !important;
  }
  .mb8 {
    margin-bottom: 8px !important;
  }
  .ml8 {
    margin-left: 8px !important;
  }
  .m8-sm {
    margin: 8px !important;
  }
  .mt8-sm {
    margin-top: 8px !important;
  }
  .mr8-sm {
    margin-right: 8px !important;
  }
  .mb8-sm {
    margin-bottom: 8px !important;
  }
  .ml8-sm {
    margin-left: 8px !important;
  }
  .m10 {
    margin: 10px !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .mr10 {
    margin-right: 10px !important;
  }
  .mb10 {
    margin-bottom: 10px !important;
  }
  .ml10 {
    margin-left: 10px !important;
  }
  .m10-sm {
    margin: 10px !important;
  }
  .mt10-sm {
    margin-top: 10px !important;
  }
  .mr10-sm {
    margin-right: 10px !important;
  }
  .mb10-sm {
    margin-bottom: 10px !important;
  }
  .ml10-sm {
    margin-left: 10px !important;
  }
  .m12 {
    margin: 12px !important;
  }
  .mt12 {
    margin-top: 12px !important;
  }
  .mr12 {
    margin-right: 12px !important;
  }
  .mb12 {
    margin-bottom: 12px !important;
  }
  .ml12 {
    margin-left: 12px !important;
  }
  .m12-sm {
    margin: 12px !important;
  }
  .mt12-sm {
    margin-top: 12px !important;
  }
  .mr12-sm {
    margin-right: 12px !important;
  }
  .mb12-sm {
    margin-bottom: 12px !important;
  }
  .ml12-sm {
    margin-left: 12px !important;
  }
  .m14 {
    margin: 14px !important;
  }
  .mt14 {
    margin-top: 14px !important;
  }
  .mr14 {
    margin-right: 14px !important;
  }
  .mb14 {
    margin-bottom: 14px !important;
  }
  .ml14 {
    margin-left: 14px !important;
  }
  .m14-sm {
    margin: 14px !important;
  }
  .mt14-sm {
    margin-top: 14px !important;
  }
  .mr14-sm {
    margin-right: 14px !important;
  }
  .mb14-sm {
    margin-bottom: 14px !important;
  }
  .ml14-sm {
    margin-left: 14px !important;
  }
  .m16 {
    margin: 16px !important;
  }
  .mt16 {
    margin-top: 16px !important;
  }
  .mr16 {
    margin-right: 16px !important;
  }
  .mb16 {
    margin-bottom: 16px !important;
  }
  .ml16 {
    margin-left: 16px !important;
  }
  .m16-sm {
    margin: 16px !important;
  }
  .mt16-sm {
    margin-top: 16px !important;
  }
  .mr16-sm {
    margin-right: 16px !important;
  }
  .mb16-sm {
    margin-bottom: 16px !important;
  }
  .ml16-sm {
    margin-left: 16px !important;
  }
  .m18 {
    margin: 18px !important;
  }
  .mt18 {
    margin-top: 18px !important;
  }
  .mr18 {
    margin-right: 18px !important;
  }
  .mb18 {
    margin-bottom: 18px !important;
  }
  .ml18 {
    margin-left: 18px !important;
  }
  .m18-sm {
    margin: 18px !important;
  }
  .mt18-sm {
    margin-top: 18px !important;
  }
  .mr18-sm {
    margin-right: 18px !important;
  }
  .mb18-sm {
    margin-bottom: 18px !important;
  }
  .ml18-sm {
    margin-left: 18px !important;
  }
  .m20 {
    margin: 20px !important;
  }
  .mt20 {
    margin-top: 20px !important;
  }
  .mr20 {
    margin-right: 20px !important;
  }
  .mb20 {
    margin-bottom: 20px !important;
  }
  .ml20 {
    margin-left: 20px !important;
  }
  .m20-sm {
    margin: 20px !important;
  }
  .mt20-sm {
    margin-top: 20px !important;
  }
  .mr20-sm {
    margin-right: 20px !important;
  }
  .mb20-sm {
    margin-bottom: 20px !important;
  }
  .ml20-sm {
    margin-left: 20px !important;
  }
  .m22 {
    margin: 22px !important;
  }
  .mt22 {
    margin-top: 22px !important;
  }
  .mr22 {
    margin-right: 22px !important;
  }
  .mb22 {
    margin-bottom: 22px !important;
  }
  .ml22 {
    margin-left: 22px !important;
  }
  .m22-sm {
    margin: 22px !important;
  }
  .mt22-sm {
    margin-top: 22px !important;
  }
  .mr22-sm {
    margin-right: 22px !important;
  }
  .mb22-sm {
    margin-bottom: 22px !important;
  }
  .ml22-sm {
    margin-left: 22px !important;
  }
  .m24 {
    margin: 24px !important;
  }
  .mt24 {
    margin-top: 24px !important;
  }
  .mr24 {
    margin-right: 24px !important;
  }
  .mb24 {
    margin-bottom: 24px !important;
  }
  .ml24 {
    margin-left: 24px !important;
  }
  .m24-sm {
    margin: 24px !important;
  }
  .mt24-sm {
    margin-top: 24px !important;
  }
  .mr24-sm {
    margin-right: 24px !important;
  }
  .mb24-sm {
    margin-bottom: 24px !important;
  }
  .ml24-sm {
    margin-left: 24px !important;
  }
  .m26 {
    margin: 26px !important;
  }
  .mt26 {
    margin-top: 26px !important;
  }
  .mr26 {
    margin-right: 26px !important;
  }
  .mb26 {
    margin-bottom: 26px !important;
  }
  .ml26 {
    margin-left: 26px !important;
  }
  .m26-sm {
    margin: 26px !important;
  }
  .mt26-sm {
    margin-top: 26px !important;
  }
  .mr26-sm {
    margin-right: 26px !important;
  }
  .mb26-sm {
    margin-bottom: 26px !important;
  }
  .ml26-sm {
    margin-left: 26px !important;
  }
  .m28 {
    margin: 28px !important;
  }
  .mt28 {
    margin-top: 28px !important;
  }
  .mr28 {
    margin-right: 28px !important;
  }
  .mb28 {
    margin-bottom: 28px !important;
  }
  .ml28 {
    margin-left: 28px !important;
  }
  .m28-sm {
    margin: 28px !important;
  }
  .mt28-sm {
    margin-top: 28px !important;
  }
  .mr28-sm {
    margin-right: 28px !important;
  }
  .mb28-sm {
    margin-bottom: 28px !important;
  }
  .ml28-sm {
    margin-left: 28px !important;
  }
  .m30 {
    margin: 30px !important;
  }
  .mt30 {
    margin-top: 30px !important;
  }
  .mr30 {
    margin-right: 30px !important;
  }
  .mb30 {
    margin-bottom: 30px !important;
  }
  .ml30 {
    margin-left: 30px !important;
  }
  .m30-sm {
    margin: 30px !important;
  }
  .mt30-sm {
    margin-top: 30px !important;
  }
  .mr30-sm {
    margin-right: 30px !important;
  }
  .mb30-sm {
    margin-bottom: 30px !important;
  }
  .ml30-sm {
    margin-left: 30px !important;
  }
  .m32 {
    margin: 32px !important;
  }
  .mt32 {
    margin-top: 32px !important;
  }
  .mr32 {
    margin-right: 32px !important;
  }
  .mb32 {
    margin-bottom: 32px !important;
  }
  .ml32 {
    margin-left: 32px !important;
  }
  .m32-sm {
    margin: 32px !important;
  }
  .mt32-sm {
    margin-top: 32px !important;
  }
  .mr32-sm {
    margin-right: 32px !important;
  }
  .mb32-sm {
    margin-bottom: 32px !important;
  }
  .ml32-sm {
    margin-left: 32px !important;
  }
  .m34 {
    margin: 34px !important;
  }
  .mt34 {
    margin-top: 34px !important;
  }
  .mr34 {
    margin-right: 34px !important;
  }
  .mb34 {
    margin-bottom: 34px !important;
  }
  .ml34 {
    margin-left: 34px !important;
  }
  .m34-sm {
    margin: 34px !important;
  }
  .mt34-sm {
    margin-top: 34px !important;
  }
  .mr34-sm {
    margin-right: 34px !important;
  }
  .mb34-sm {
    margin-bottom: 34px !important;
  }
  .ml34-sm {
    margin-left: 34px !important;
  }
  .m36 {
    margin: 36px !important;
  }
  .mt36 {
    margin-top: 36px !important;
  }
  .mr36 {
    margin-right: 36px !important;
  }
  .mb36 {
    margin-bottom: 36px !important;
  }
  .ml36 {
    margin-left: 36px !important;
  }
  .m36-sm {
    margin: 36px !important;
  }
  .mt36-sm {
    margin-top: 36px !important;
  }
  .mr36-sm {
    margin-right: 36px !important;
  }
  .mb36-sm {
    margin-bottom: 36px !important;
  }
  .ml36-sm {
    margin-left: 36px !important;
  }
  .m38 {
    margin: 38px !important;
  }
  .mt38 {
    margin-top: 38px !important;
  }
  .mr38 {
    margin-right: 38px !important;
  }
  .mb38 {
    margin-bottom: 38px !important;
  }
  .ml38 {
    margin-left: 38px !important;
  }
  .m38-sm {
    margin: 38px !important;
  }
  .mt38-sm {
    margin-top: 38px !important;
  }
  .mr38-sm {
    margin-right: 38px !important;
  }
  .mb38-sm {
    margin-bottom: 38px !important;
  }
  .ml38-sm {
    margin-left: 38px !important;
  }
  .m40 {
    margin: 40px !important;
  }
  .mt40 {
    margin-top: 40px !important;
  }
  .mr40 {
    margin-right: 40px !important;
  }
  .mb40 {
    margin-bottom: 40px !important;
  }
  .ml40 {
    margin-left: 40px !important;
  }
  .m40-sm {
    margin: 40px !important;
  }
  .mt40-sm {
    margin-top: 40px !important;
  }
  .mr40-sm {
    margin-right: 40px !important;
  }
  .mb40-sm {
    margin-bottom: 40px !important;
  }
  .ml40-sm {
    margin-left: 40px !important;
  }
  .m42 {
    margin: 42px !important;
  }
  .mt42 {
    margin-top: 42px !important;
  }
  .mr42 {
    margin-right: 42px !important;
  }
  .mb42 {
    margin-bottom: 42px !important;
  }
  .ml42 {
    margin-left: 42px !important;
  }
  .m42-sm {
    margin: 42px !important;
  }
  .mt42-sm {
    margin-top: 42px !important;
  }
  .mr42-sm {
    margin-right: 42px !important;
  }
  .mb42-sm {
    margin-bottom: 42px !important;
  }
  .ml42-sm {
    margin-left: 42px !important;
  }
  .m44 {
    margin: 44px !important;
  }
  .mt44 {
    margin-top: 44px !important;
  }
  .mr44 {
    margin-right: 44px !important;
  }
  .mb44 {
    margin-bottom: 44px !important;
  }
  .ml44 {
    margin-left: 44px !important;
  }
  .m44-sm {
    margin: 44px !important;
  }
  .mt44-sm {
    margin-top: 44px !important;
  }
  .mr44-sm {
    margin-right: 44px !important;
  }
  .mb44-sm {
    margin-bottom: 44px !important;
  }
  .ml44-sm {
    margin-left: 44px !important;
  }
  .m46 {
    margin: 46px !important;
  }
  .mt46 {
    margin-top: 46px !important;
  }
  .mr46 {
    margin-right: 46px !important;
  }
  .mb46 {
    margin-bottom: 46px !important;
  }
  .ml46 {
    margin-left: 46px !important;
  }
  .m46-sm {
    margin: 46px !important;
  }
  .mt46-sm {
    margin-top: 46px !important;
  }
  .mr46-sm {
    margin-right: 46px !important;
  }
  .mb46-sm {
    margin-bottom: 46px !important;
  }
  .ml46-sm {
    margin-left: 46px !important;
  }
  .m48 {
    margin: 48px !important;
  }
  .mt48 {
    margin-top: 48px !important;
  }
  .mr48 {
    margin-right: 48px !important;
  }
  .mb48 {
    margin-bottom: 48px !important;
  }
  .ml48 {
    margin-left: 48px !important;
  }
  .m48-sm {
    margin: 48px !important;
  }
  .mt48-sm {
    margin-top: 48px !important;
  }
  .mr48-sm {
    margin-right: 48px !important;
  }
  .mb48-sm {
    margin-bottom: 48px !important;
  }
  .ml48-sm {
    margin-left: 48px !important;
  }
  .m50 {
    margin: 50px !important;
  }
  .mt50 {
    margin-top: 50px !important;
  }
  .mr50 {
    margin-right: 50px !important;
  }
  .mb50 {
    margin-bottom: 50px !important;
  }
  .ml50 {
    margin-left: 50px !important;
  }
  .m50-sm {
    margin: 50px !important;
  }
  .mt50-sm {
    margin-top: 50px !important;
  }
  .mr50-sm {
    margin-right: 50px !important;
  }
  .mb50-sm {
    margin-bottom: 50px !important;
  }
  .ml50-sm {
    margin-left: 50px !important;
  }
}
@media (min-width: 768px) {
  .m0 {
    margin: 0px !important;
  }
  .mt0 {
    margin-top: 0px !important;
  }
  .mr0 {
    margin-right: 0px !important;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .ml0 {
    margin-left: 0px !important;
  }
  .m0-md {
    margin: 0px !important;
  }
  .mt0-md {
    margin-top: 0px !important;
  }
  .mr0-md {
    margin-right: 0px !important;
  }
  .mb0-md {
    margin-bottom: 0px !important;
  }
  .ml0-md {
    margin-left: 0px !important;
  }
  .m2 {
    margin: 2px !important;
  }
  .mt2 {
    margin-top: 2px !important;
  }
  .mr2 {
    margin-right: 2px !important;
  }
  .mb2 {
    margin-bottom: 2px !important;
  }
  .ml2 {
    margin-left: 2px !important;
  }
  .m2-md {
    margin: 2px !important;
  }
  .mt2-md {
    margin-top: 2px !important;
  }
  .mr2-md {
    margin-right: 2px !important;
  }
  .mb2-md {
    margin-bottom: 2px !important;
  }
  .ml2-md {
    margin-left: 2px !important;
  }
  .m4 {
    margin: 4px !important;
  }
  .mt4 {
    margin-top: 4px !important;
  }
  .mr4 {
    margin-right: 4px !important;
  }
  .mb4 {
    margin-bottom: 4px !important;
  }
  .ml4 {
    margin-left: 4px !important;
  }
  .m4-md {
    margin: 4px !important;
  }
  .mt4-md {
    margin-top: 4px !important;
  }
  .mr4-md {
    margin-right: 4px !important;
  }
  .mb4-md {
    margin-bottom: 4px !important;
  }
  .ml4-md {
    margin-left: 4px !important;
  }
  .m6 {
    margin: 6px !important;
  }
  .mt6 {
    margin-top: 6px !important;
  }
  .mr6 {
    margin-right: 6px !important;
  }
  .mb6 {
    margin-bottom: 6px !important;
  }
  .ml6 {
    margin-left: 6px !important;
  }
  .m6-md {
    margin: 6px !important;
  }
  .mt6-md {
    margin-top: 6px !important;
  }
  .mr6-md {
    margin-right: 6px !important;
  }
  .mb6-md {
    margin-bottom: 6px !important;
  }
  .ml6-md {
    margin-left: 6px !important;
  }
  .m8 {
    margin: 8px !important;
  }
  .mt8 {
    margin-top: 8px !important;
  }
  .mr8 {
    margin-right: 8px !important;
  }
  .mb8 {
    margin-bottom: 8px !important;
  }
  .ml8 {
    margin-left: 8px !important;
  }
  .m8-md {
    margin: 8px !important;
  }
  .mt8-md {
    margin-top: 8px !important;
  }
  .mr8-md {
    margin-right: 8px !important;
  }
  .mb8-md {
    margin-bottom: 8px !important;
  }
  .ml8-md {
    margin-left: 8px !important;
  }
  .m10 {
    margin: 10px !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .mr10 {
    margin-right: 10px !important;
  }
  .mb10 {
    margin-bottom: 10px !important;
  }
  .ml10 {
    margin-left: 10px !important;
  }
  .m10-md {
    margin: 10px !important;
  }
  .mt10-md {
    margin-top: 10px !important;
  }
  .mr10-md {
    margin-right: 10px !important;
  }
  .mb10-md {
    margin-bottom: 10px !important;
  }
  .ml10-md {
    margin-left: 10px !important;
  }
  .m12 {
    margin: 12px !important;
  }
  .mt12 {
    margin-top: 12px !important;
  }
  .mr12 {
    margin-right: 12px !important;
  }
  .mb12 {
    margin-bottom: 12px !important;
  }
  .ml12 {
    margin-left: 12px !important;
  }
  .m12-md {
    margin: 12px !important;
  }
  .mt12-md {
    margin-top: 12px !important;
  }
  .mr12-md {
    margin-right: 12px !important;
  }
  .mb12-md {
    margin-bottom: 12px !important;
  }
  .ml12-md {
    margin-left: 12px !important;
  }
  .m14 {
    margin: 14px !important;
  }
  .mt14 {
    margin-top: 14px !important;
  }
  .mr14 {
    margin-right: 14px !important;
  }
  .mb14 {
    margin-bottom: 14px !important;
  }
  .ml14 {
    margin-left: 14px !important;
  }
  .m14-md {
    margin: 14px !important;
  }
  .mt14-md {
    margin-top: 14px !important;
  }
  .mr14-md {
    margin-right: 14px !important;
  }
  .mb14-md {
    margin-bottom: 14px !important;
  }
  .ml14-md {
    margin-left: 14px !important;
  }
  .m16 {
    margin: 16px !important;
  }
  .mt16 {
    margin-top: 16px !important;
  }
  .mr16 {
    margin-right: 16px !important;
  }
  .mb16 {
    margin-bottom: 16px !important;
  }
  .ml16 {
    margin-left: 16px !important;
  }
  .m16-md {
    margin: 16px !important;
  }
  .mt16-md {
    margin-top: 16px !important;
  }
  .mr16-md {
    margin-right: 16px !important;
  }
  .mb16-md {
    margin-bottom: 16px !important;
  }
  .ml16-md {
    margin-left: 16px !important;
  }
  .m18 {
    margin: 18px !important;
  }
  .mt18 {
    margin-top: 18px !important;
  }
  .mr18 {
    margin-right: 18px !important;
  }
  .mb18 {
    margin-bottom: 18px !important;
  }
  .ml18 {
    margin-left: 18px !important;
  }
  .m18-md {
    margin: 18px !important;
  }
  .mt18-md {
    margin-top: 18px !important;
  }
  .mr18-md {
    margin-right: 18px !important;
  }
  .mb18-md {
    margin-bottom: 18px !important;
  }
  .ml18-md {
    margin-left: 18px !important;
  }
  .m20 {
    margin: 20px !important;
  }
  .mt20 {
    margin-top: 20px !important;
  }
  .mr20 {
    margin-right: 20px !important;
  }
  .mb20 {
    margin-bottom: 20px !important;
  }
  .ml20 {
    margin-left: 20px !important;
  }
  .m20-md {
    margin: 20px !important;
  }
  .mt20-md {
    margin-top: 20px !important;
  }
  .mr20-md {
    margin-right: 20px !important;
  }
  .mb20-md {
    margin-bottom: 20px !important;
  }
  .ml20-md {
    margin-left: 20px !important;
  }
  .m22 {
    margin: 22px !important;
  }
  .mt22 {
    margin-top: 22px !important;
  }
  .mr22 {
    margin-right: 22px !important;
  }
  .mb22 {
    margin-bottom: 22px !important;
  }
  .ml22 {
    margin-left: 22px !important;
  }
  .m22-md {
    margin: 22px !important;
  }
  .mt22-md {
    margin-top: 22px !important;
  }
  .mr22-md {
    margin-right: 22px !important;
  }
  .mb22-md {
    margin-bottom: 22px !important;
  }
  .ml22-md {
    margin-left: 22px !important;
  }
  .m24 {
    margin: 24px !important;
  }
  .mt24 {
    margin-top: 24px !important;
  }
  .mr24 {
    margin-right: 24px !important;
  }
  .mb24 {
    margin-bottom: 24px !important;
  }
  .ml24 {
    margin-left: 24px !important;
  }
  .m24-md {
    margin: 24px !important;
  }
  .mt24-md {
    margin-top: 24px !important;
  }
  .mr24-md {
    margin-right: 24px !important;
  }
  .mb24-md {
    margin-bottom: 24px !important;
  }
  .ml24-md {
    margin-left: 24px !important;
  }
  .m26 {
    margin: 26px !important;
  }
  .mt26 {
    margin-top: 26px !important;
  }
  .mr26 {
    margin-right: 26px !important;
  }
  .mb26 {
    margin-bottom: 26px !important;
  }
  .ml26 {
    margin-left: 26px !important;
  }
  .m26-md {
    margin: 26px !important;
  }
  .mt26-md {
    margin-top: 26px !important;
  }
  .mr26-md {
    margin-right: 26px !important;
  }
  .mb26-md {
    margin-bottom: 26px !important;
  }
  .ml26-md {
    margin-left: 26px !important;
  }
  .m28 {
    margin: 28px !important;
  }
  .mt28 {
    margin-top: 28px !important;
  }
  .mr28 {
    margin-right: 28px !important;
  }
  .mb28 {
    margin-bottom: 28px !important;
  }
  .ml28 {
    margin-left: 28px !important;
  }
  .m28-md {
    margin: 28px !important;
  }
  .mt28-md {
    margin-top: 28px !important;
  }
  .mr28-md {
    margin-right: 28px !important;
  }
  .mb28-md {
    margin-bottom: 28px !important;
  }
  .ml28-md {
    margin-left: 28px !important;
  }
  .m30 {
    margin: 30px !important;
  }
  .mt30 {
    margin-top: 30px !important;
  }
  .mr30 {
    margin-right: 30px !important;
  }
  .mb30 {
    margin-bottom: 30px !important;
  }
  .ml30 {
    margin-left: 30px !important;
  }
  .m30-md {
    margin: 30px !important;
  }
  .mt30-md {
    margin-top: 30px !important;
  }
  .mr30-md {
    margin-right: 30px !important;
  }
  .mb30-md {
    margin-bottom: 30px !important;
  }
  .ml30-md {
    margin-left: 30px !important;
  }
  .m32 {
    margin: 32px !important;
  }
  .mt32 {
    margin-top: 32px !important;
  }
  .mr32 {
    margin-right: 32px !important;
  }
  .mb32 {
    margin-bottom: 32px !important;
  }
  .ml32 {
    margin-left: 32px !important;
  }
  .m32-md {
    margin: 32px !important;
  }
  .mt32-md {
    margin-top: 32px !important;
  }
  .mr32-md {
    margin-right: 32px !important;
  }
  .mb32-md {
    margin-bottom: 32px !important;
  }
  .ml32-md {
    margin-left: 32px !important;
  }
  .m34 {
    margin: 34px !important;
  }
  .mt34 {
    margin-top: 34px !important;
  }
  .mr34 {
    margin-right: 34px !important;
  }
  .mb34 {
    margin-bottom: 34px !important;
  }
  .ml34 {
    margin-left: 34px !important;
  }
  .m34-md {
    margin: 34px !important;
  }
  .mt34-md {
    margin-top: 34px !important;
  }
  .mr34-md {
    margin-right: 34px !important;
  }
  .mb34-md {
    margin-bottom: 34px !important;
  }
  .ml34-md {
    margin-left: 34px !important;
  }
  .m36 {
    margin: 36px !important;
  }
  .mt36 {
    margin-top: 36px !important;
  }
  .mr36 {
    margin-right: 36px !important;
  }
  .mb36 {
    margin-bottom: 36px !important;
  }
  .ml36 {
    margin-left: 36px !important;
  }
  .m36-md {
    margin: 36px !important;
  }
  .mt36-md {
    margin-top: 36px !important;
  }
  .mr36-md {
    margin-right: 36px !important;
  }
  .mb36-md {
    margin-bottom: 36px !important;
  }
  .ml36-md {
    margin-left: 36px !important;
  }
  .m38 {
    margin: 38px !important;
  }
  .mt38 {
    margin-top: 38px !important;
  }
  .mr38 {
    margin-right: 38px !important;
  }
  .mb38 {
    margin-bottom: 38px !important;
  }
  .ml38 {
    margin-left: 38px !important;
  }
  .m38-md {
    margin: 38px !important;
  }
  .mt38-md {
    margin-top: 38px !important;
  }
  .mr38-md {
    margin-right: 38px !important;
  }
  .mb38-md {
    margin-bottom: 38px !important;
  }
  .ml38-md {
    margin-left: 38px !important;
  }
  .m40 {
    margin: 40px !important;
  }
  .mt40 {
    margin-top: 40px !important;
  }
  .mr40 {
    margin-right: 40px !important;
  }
  .mb40 {
    margin-bottom: 40px !important;
  }
  .ml40 {
    margin-left: 40px !important;
  }
  .m40-md {
    margin: 40px !important;
  }
  .mt40-md {
    margin-top: 40px !important;
  }
  .mr40-md {
    margin-right: 40px !important;
  }
  .mb40-md {
    margin-bottom: 40px !important;
  }
  .ml40-md {
    margin-left: 40px !important;
  }
  .m42 {
    margin: 42px !important;
  }
  .mt42 {
    margin-top: 42px !important;
  }
  .mr42 {
    margin-right: 42px !important;
  }
  .mb42 {
    margin-bottom: 42px !important;
  }
  .ml42 {
    margin-left: 42px !important;
  }
  .m42-md {
    margin: 42px !important;
  }
  .mt42-md {
    margin-top: 42px !important;
  }
  .mr42-md {
    margin-right: 42px !important;
  }
  .mb42-md {
    margin-bottom: 42px !important;
  }
  .ml42-md {
    margin-left: 42px !important;
  }
  .m44 {
    margin: 44px !important;
  }
  .mt44 {
    margin-top: 44px !important;
  }
  .mr44 {
    margin-right: 44px !important;
  }
  .mb44 {
    margin-bottom: 44px !important;
  }
  .ml44 {
    margin-left: 44px !important;
  }
  .m44-md {
    margin: 44px !important;
  }
  .mt44-md {
    margin-top: 44px !important;
  }
  .mr44-md {
    margin-right: 44px !important;
  }
  .mb44-md {
    margin-bottom: 44px !important;
  }
  .ml44-md {
    margin-left: 44px !important;
  }
  .m46 {
    margin: 46px !important;
  }
  .mt46 {
    margin-top: 46px !important;
  }
  .mr46 {
    margin-right: 46px !important;
  }
  .mb46 {
    margin-bottom: 46px !important;
  }
  .ml46 {
    margin-left: 46px !important;
  }
  .m46-md {
    margin: 46px !important;
  }
  .mt46-md {
    margin-top: 46px !important;
  }
  .mr46-md {
    margin-right: 46px !important;
  }
  .mb46-md {
    margin-bottom: 46px !important;
  }
  .ml46-md {
    margin-left: 46px !important;
  }
  .m48 {
    margin: 48px !important;
  }
  .mt48 {
    margin-top: 48px !important;
  }
  .mr48 {
    margin-right: 48px !important;
  }
  .mb48 {
    margin-bottom: 48px !important;
  }
  .ml48 {
    margin-left: 48px !important;
  }
  .m48-md {
    margin: 48px !important;
  }
  .mt48-md {
    margin-top: 48px !important;
  }
  .mr48-md {
    margin-right: 48px !important;
  }
  .mb48-md {
    margin-bottom: 48px !important;
  }
  .ml48-md {
    margin-left: 48px !important;
  }
  .m50 {
    margin: 50px !important;
  }
  .mt50 {
    margin-top: 50px !important;
  }
  .mr50 {
    margin-right: 50px !important;
  }
  .mb50 {
    margin-bottom: 50px !important;
  }
  .ml50 {
    margin-left: 50px !important;
  }
  .m50-md {
    margin: 50px !important;
  }
  .mt50-md {
    margin-top: 50px !important;
  }
  .mr50-md {
    margin-right: 50px !important;
  }
  .mb50-md {
    margin-bottom: 50px !important;
  }
  .ml50-md {
    margin-left: 50px !important;
  }
}
@media (min-width: 992px) {
  .m0 {
    margin: 0px !important;
  }
  .mt0 {
    margin-top: 0px !important;
  }
  .mr0 {
    margin-right: 0px !important;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .ml0 {
    margin-left: 0px !important;
  }
  .m0-lg {
    margin: 0px !important;
  }
  .mt0-lg {
    margin-top: 0px !important;
  }
  .mr0-lg {
    margin-right: 0px !important;
  }
  .mb0-lg {
    margin-bottom: 0px !important;
  }
  .ml0-lg {
    margin-left: 0px !important;
  }
  .m2 {
    margin: 2px !important;
  }
  .mt2 {
    margin-top: 2px !important;
  }
  .mr2 {
    margin-right: 2px !important;
  }
  .mb2 {
    margin-bottom: 2px !important;
  }
  .ml2 {
    margin-left: 2px !important;
  }
  .m2-lg {
    margin: 2px !important;
  }
  .mt2-lg {
    margin-top: 2px !important;
  }
  .mr2-lg {
    margin-right: 2px !important;
  }
  .mb2-lg {
    margin-bottom: 2px !important;
  }
  .ml2-lg {
    margin-left: 2px !important;
  }
  .m4 {
    margin: 4px !important;
  }
  .mt4 {
    margin-top: 4px !important;
  }
  .mr4 {
    margin-right: 4px !important;
  }
  .mb4 {
    margin-bottom: 4px !important;
  }
  .ml4 {
    margin-left: 4px !important;
  }
  .m4-lg {
    margin: 4px !important;
  }
  .mt4-lg {
    margin-top: 4px !important;
  }
  .mr4-lg {
    margin-right: 4px !important;
  }
  .mb4-lg {
    margin-bottom: 4px !important;
  }
  .ml4-lg {
    margin-left: 4px !important;
  }
  .m6 {
    margin: 6px !important;
  }
  .mt6 {
    margin-top: 6px !important;
  }
  .mr6 {
    margin-right: 6px !important;
  }
  .mb6 {
    margin-bottom: 6px !important;
  }
  .ml6 {
    margin-left: 6px !important;
  }
  .m6-lg {
    margin: 6px !important;
  }
  .mt6-lg {
    margin-top: 6px !important;
  }
  .mr6-lg {
    margin-right: 6px !important;
  }
  .mb6-lg {
    margin-bottom: 6px !important;
  }
  .ml6-lg {
    margin-left: 6px !important;
  }
  .m8 {
    margin: 8px !important;
  }
  .mt8 {
    margin-top: 8px !important;
  }
  .mr8 {
    margin-right: 8px !important;
  }
  .mb8 {
    margin-bottom: 8px !important;
  }
  .ml8 {
    margin-left: 8px !important;
  }
  .m8-lg {
    margin: 8px !important;
  }
  .mt8-lg {
    margin-top: 8px !important;
  }
  .mr8-lg {
    margin-right: 8px !important;
  }
  .mb8-lg {
    margin-bottom: 8px !important;
  }
  .ml8-lg {
    margin-left: 8px !important;
  }
  .m10 {
    margin: 10px !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .mr10 {
    margin-right: 10px !important;
  }
  .mb10 {
    margin-bottom: 10px !important;
  }
  .ml10 {
    margin-left: 10px !important;
  }
  .m10-lg {
    margin: 10px !important;
  }
  .mt10-lg {
    margin-top: 10px !important;
  }
  .mr10-lg {
    margin-right: 10px !important;
  }
  .mb10-lg {
    margin-bottom: 10px !important;
  }
  .ml10-lg {
    margin-left: 10px !important;
  }
  .m12 {
    margin: 12px !important;
  }
  .mt12 {
    margin-top: 12px !important;
  }
  .mr12 {
    margin-right: 12px !important;
  }
  .mb12 {
    margin-bottom: 12px !important;
  }
  .ml12 {
    margin-left: 12px !important;
  }
  .m12-lg {
    margin: 12px !important;
  }
  .mt12-lg {
    margin-top: 12px !important;
  }
  .mr12-lg {
    margin-right: 12px !important;
  }
  .mb12-lg {
    margin-bottom: 12px !important;
  }
  .ml12-lg {
    margin-left: 12px !important;
  }
  .m14 {
    margin: 14px !important;
  }
  .mt14 {
    margin-top: 14px !important;
  }
  .mr14 {
    margin-right: 14px !important;
  }
  .mb14 {
    margin-bottom: 14px !important;
  }
  .ml14 {
    margin-left: 14px !important;
  }
  .m14-lg {
    margin: 14px !important;
  }
  .mt14-lg {
    margin-top: 14px !important;
  }
  .mr14-lg {
    margin-right: 14px !important;
  }
  .mb14-lg {
    margin-bottom: 14px !important;
  }
  .ml14-lg {
    margin-left: 14px !important;
  }
  .m16 {
    margin: 16px !important;
  }
  .mt16 {
    margin-top: 16px !important;
  }
  .mr16 {
    margin-right: 16px !important;
  }
  .mb16 {
    margin-bottom: 16px !important;
  }
  .ml16 {
    margin-left: 16px !important;
  }
  .m16-lg {
    margin: 16px !important;
  }
  .mt16-lg {
    margin-top: 16px !important;
  }
  .mr16-lg {
    margin-right: 16px !important;
  }
  .mb16-lg {
    margin-bottom: 16px !important;
  }
  .ml16-lg {
    margin-left: 16px !important;
  }
  .m18 {
    margin: 18px !important;
  }
  .mt18 {
    margin-top: 18px !important;
  }
  .mr18 {
    margin-right: 18px !important;
  }
  .mb18 {
    margin-bottom: 18px !important;
  }
  .ml18 {
    margin-left: 18px !important;
  }
  .m18-lg {
    margin: 18px !important;
  }
  .mt18-lg {
    margin-top: 18px !important;
  }
  .mr18-lg {
    margin-right: 18px !important;
  }
  .mb18-lg {
    margin-bottom: 18px !important;
  }
  .ml18-lg {
    margin-left: 18px !important;
  }
  .m20 {
    margin: 20px !important;
  }
  .mt20 {
    margin-top: 20px !important;
  }
  .mr20 {
    margin-right: 20px !important;
  }
  .mb20 {
    margin-bottom: 20px !important;
  }
  .ml20 {
    margin-left: 20px !important;
  }
  .m20-lg {
    margin: 20px !important;
  }
  .mt20-lg {
    margin-top: 20px !important;
  }
  .mr20-lg {
    margin-right: 20px !important;
  }
  .mb20-lg {
    margin-bottom: 20px !important;
  }
  .ml20-lg {
    margin-left: 20px !important;
  }
  .m22 {
    margin: 22px !important;
  }
  .mt22 {
    margin-top: 22px !important;
  }
  .mr22 {
    margin-right: 22px !important;
  }
  .mb22 {
    margin-bottom: 22px !important;
  }
  .ml22 {
    margin-left: 22px !important;
  }
  .m22-lg {
    margin: 22px !important;
  }
  .mt22-lg {
    margin-top: 22px !important;
  }
  .mr22-lg {
    margin-right: 22px !important;
  }
  .mb22-lg {
    margin-bottom: 22px !important;
  }
  .ml22-lg {
    margin-left: 22px !important;
  }
  .m24 {
    margin: 24px !important;
  }
  .mt24 {
    margin-top: 24px !important;
  }
  .mr24 {
    margin-right: 24px !important;
  }
  .mb24 {
    margin-bottom: 24px !important;
  }
  .ml24 {
    margin-left: 24px !important;
  }
  .m24-lg {
    margin: 24px !important;
  }
  .mt24-lg {
    margin-top: 24px !important;
  }
  .mr24-lg {
    margin-right: 24px !important;
  }
  .mb24-lg {
    margin-bottom: 24px !important;
  }
  .ml24-lg {
    margin-left: 24px !important;
  }
  .m26 {
    margin: 26px !important;
  }
  .mt26 {
    margin-top: 26px !important;
  }
  .mr26 {
    margin-right: 26px !important;
  }
  .mb26 {
    margin-bottom: 26px !important;
  }
  .ml26 {
    margin-left: 26px !important;
  }
  .m26-lg {
    margin: 26px !important;
  }
  .mt26-lg {
    margin-top: 26px !important;
  }
  .mr26-lg {
    margin-right: 26px !important;
  }
  .mb26-lg {
    margin-bottom: 26px !important;
  }
  .ml26-lg {
    margin-left: 26px !important;
  }
  .m28 {
    margin: 28px !important;
  }
  .mt28 {
    margin-top: 28px !important;
  }
  .mr28 {
    margin-right: 28px !important;
  }
  .mb28 {
    margin-bottom: 28px !important;
  }
  .ml28 {
    margin-left: 28px !important;
  }
  .m28-lg {
    margin: 28px !important;
  }
  .mt28-lg {
    margin-top: 28px !important;
  }
  .mr28-lg {
    margin-right: 28px !important;
  }
  .mb28-lg {
    margin-bottom: 28px !important;
  }
  .ml28-lg {
    margin-left: 28px !important;
  }
  .m30 {
    margin: 30px !important;
  }
  .mt30 {
    margin-top: 30px !important;
  }
  .mr30 {
    margin-right: 30px !important;
  }
  .mb30 {
    margin-bottom: 30px !important;
  }
  .ml30 {
    margin-left: 30px !important;
  }
  .m30-lg {
    margin: 30px !important;
  }
  .mt30-lg {
    margin-top: 30px !important;
  }
  .mr30-lg {
    margin-right: 30px !important;
  }
  .mb30-lg {
    margin-bottom: 30px !important;
  }
  .ml30-lg {
    margin-left: 30px !important;
  }
  .m32 {
    margin: 32px !important;
  }
  .mt32 {
    margin-top: 32px !important;
  }
  .mr32 {
    margin-right: 32px !important;
  }
  .mb32 {
    margin-bottom: 32px !important;
  }
  .ml32 {
    margin-left: 32px !important;
  }
  .m32-lg {
    margin: 32px !important;
  }
  .mt32-lg {
    margin-top: 32px !important;
  }
  .mr32-lg {
    margin-right: 32px !important;
  }
  .mb32-lg {
    margin-bottom: 32px !important;
  }
  .ml32-lg {
    margin-left: 32px !important;
  }
  .m34 {
    margin: 34px !important;
  }
  .mt34 {
    margin-top: 34px !important;
  }
  .mr34 {
    margin-right: 34px !important;
  }
  .mb34 {
    margin-bottom: 34px !important;
  }
  .ml34 {
    margin-left: 34px !important;
  }
  .m34-lg {
    margin: 34px !important;
  }
  .mt34-lg {
    margin-top: 34px !important;
  }
  .mr34-lg {
    margin-right: 34px !important;
  }
  .mb34-lg {
    margin-bottom: 34px !important;
  }
  .ml34-lg {
    margin-left: 34px !important;
  }
  .m36 {
    margin: 36px !important;
  }
  .mt36 {
    margin-top: 36px !important;
  }
  .mr36 {
    margin-right: 36px !important;
  }
  .mb36 {
    margin-bottom: 36px !important;
  }
  .ml36 {
    margin-left: 36px !important;
  }
  .m36-lg {
    margin: 36px !important;
  }
  .mt36-lg {
    margin-top: 36px !important;
  }
  .mr36-lg {
    margin-right: 36px !important;
  }
  .mb36-lg {
    margin-bottom: 36px !important;
  }
  .ml36-lg {
    margin-left: 36px !important;
  }
  .m38 {
    margin: 38px !important;
  }
  .mt38 {
    margin-top: 38px !important;
  }
  .mr38 {
    margin-right: 38px !important;
  }
  .mb38 {
    margin-bottom: 38px !important;
  }
  .ml38 {
    margin-left: 38px !important;
  }
  .m38-lg {
    margin: 38px !important;
  }
  .mt38-lg {
    margin-top: 38px !important;
  }
  .mr38-lg {
    margin-right: 38px !important;
  }
  .mb38-lg {
    margin-bottom: 38px !important;
  }
  .ml38-lg {
    margin-left: 38px !important;
  }
  .m40 {
    margin: 40px !important;
  }
  .mt40 {
    margin-top: 40px !important;
  }
  .mr40 {
    margin-right: 40px !important;
  }
  .mb40 {
    margin-bottom: 40px !important;
  }
  .ml40 {
    margin-left: 40px !important;
  }
  .m40-lg {
    margin: 40px !important;
  }
  .mt40-lg {
    margin-top: 40px !important;
  }
  .mr40-lg {
    margin-right: 40px !important;
  }
  .mb40-lg {
    margin-bottom: 40px !important;
  }
  .ml40-lg {
    margin-left: 40px !important;
  }
  .m42 {
    margin: 42px !important;
  }
  .mt42 {
    margin-top: 42px !important;
  }
  .mr42 {
    margin-right: 42px !important;
  }
  .mb42 {
    margin-bottom: 42px !important;
  }
  .ml42 {
    margin-left: 42px !important;
  }
  .m42-lg {
    margin: 42px !important;
  }
  .mt42-lg {
    margin-top: 42px !important;
  }
  .mr42-lg {
    margin-right: 42px !important;
  }
  .mb42-lg {
    margin-bottom: 42px !important;
  }
  .ml42-lg {
    margin-left: 42px !important;
  }
  .m44 {
    margin: 44px !important;
  }
  .mt44 {
    margin-top: 44px !important;
  }
  .mr44 {
    margin-right: 44px !important;
  }
  .mb44 {
    margin-bottom: 44px !important;
  }
  .ml44 {
    margin-left: 44px !important;
  }
  .m44-lg {
    margin: 44px !important;
  }
  .mt44-lg {
    margin-top: 44px !important;
  }
  .mr44-lg {
    margin-right: 44px !important;
  }
  .mb44-lg {
    margin-bottom: 44px !important;
  }
  .ml44-lg {
    margin-left: 44px !important;
  }
  .m46 {
    margin: 46px !important;
  }
  .mt46 {
    margin-top: 46px !important;
  }
  .mr46 {
    margin-right: 46px !important;
  }
  .mb46 {
    margin-bottom: 46px !important;
  }
  .ml46 {
    margin-left: 46px !important;
  }
  .m46-lg {
    margin: 46px !important;
  }
  .mt46-lg {
    margin-top: 46px !important;
  }
  .mr46-lg {
    margin-right: 46px !important;
  }
  .mb46-lg {
    margin-bottom: 46px !important;
  }
  .ml46-lg {
    margin-left: 46px !important;
  }
  .m48 {
    margin: 48px !important;
  }
  .mt48 {
    margin-top: 48px !important;
  }
  .mr48 {
    margin-right: 48px !important;
  }
  .mb48 {
    margin-bottom: 48px !important;
  }
  .ml48 {
    margin-left: 48px !important;
  }
  .m48-lg {
    margin: 48px !important;
  }
  .mt48-lg {
    margin-top: 48px !important;
  }
  .mr48-lg {
    margin-right: 48px !important;
  }
  .mb48-lg {
    margin-bottom: 48px !important;
  }
  .ml48-lg {
    margin-left: 48px !important;
  }
  .m50 {
    margin: 50px !important;
  }
  .mt50 {
    margin-top: 50px !important;
  }
  .mr50 {
    margin-right: 50px !important;
  }
  .mb50 {
    margin-bottom: 50px !important;
  }
  .ml50 {
    margin-left: 50px !important;
  }
  .m50-lg {
    margin: 50px !important;
  }
  .mt50-lg {
    margin-top: 50px !important;
  }
  .mr50-lg {
    margin-right: 50px !important;
  }
  .mb50-lg {
    margin-bottom: 50px !important;
  }
  .ml50-lg {
    margin-left: 50px !important;
  }
}
.p0 {
  padding: 0px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.p0-xs {
  padding: 0px !important;
}
.pt0-xs {
  padding-top: 0px !important;
}
.pr0-xs {
  padding-right: 0px !important;
}
.pb0-xs {
  padding-bottom: 0px !important;
}
.pl0-xs {
  padding-left: 0px !important;
}
.p1 {
  padding: 1px !important;
}
.pt1 {
  padding-top: 1px !important;
}
.pr1 {
  padding-right: 1px !important;
}
.pb1 {
  padding-bottom: 1px !important;
}
.pl1 {
  padding-left: 1px !important;
}
.p1-xs {
  padding: 1px !important;
}
.pt1-xs {
  padding-top: 1px !important;
}
.pr1-xs {
  padding-right: 1px !important;
}
.pb1-xs {
  padding-bottom: 1px !important;
}
.pl1-xs {
  padding-left: 1px !important;
}
.p2 {
  padding: 2px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.pl2 {
  padding-left: 2px !important;
}
.p2-xs {
  padding: 2px !important;
}
.pt2-xs {
  padding-top: 2px !important;
}
.pr2-xs {
  padding-right: 2px !important;
}
.pb2-xs {
  padding-bottom: 2px !important;
}
.pl2-xs {
  padding-left: 2px !important;
}
.p3 {
  padding: 3px !important;
}
.pt3 {
  padding-top: 3px !important;
}
.pr3 {
  padding-right: 3px !important;
}
.pb3 {
  padding-bottom: 3px !important;
}
.pl3 {
  padding-left: 3px !important;
}
.p3-xs {
  padding: 3px !important;
}
.pt3-xs {
  padding-top: 3px !important;
}
.pr3-xs {
  padding-right: 3px !important;
}
.pb3-xs {
  padding-bottom: 3px !important;
}
.pl3-xs {
  padding-left: 3px !important;
}
.p4 {
  padding: 4px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pl4 {
  padding-left: 4px !important;
}
.p4-xs {
  padding: 4px !important;
}
.pt4-xs {
  padding-top: 4px !important;
}
.pr4-xs {
  padding-right: 4px !important;
}
.pb4-xs {
  padding-bottom: 4px !important;
}
.pl4-xs {
  padding-left: 4px !important;
}
.p5 {
  padding: 5px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.p5-xs {
  padding: 5px !important;
}
.pt5-xs {
  padding-top: 5px !important;
}
.pr5-xs {
  padding-right: 5px !important;
}
.pb5-xs {
  padding-bottom: 5px !important;
}
.pl5-xs {
  padding-left: 5px !important;
}
.p6 {
  padding: 6px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.p6-xs {
  padding: 6px !important;
}
.pt6-xs {
  padding-top: 6px !important;
}
.pr6-xs {
  padding-right: 6px !important;
}
.pb6-xs {
  padding-bottom: 6px !important;
}
.pl6-xs {
  padding-left: 6px !important;
}
.p7 {
  padding: 7px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pr7 {
  padding-right: 7px !important;
}
.pb7 {
  padding-bottom: 7px !important;
}
.pl7 {
  padding-left: 7px !important;
}
.p7-xs {
  padding: 7px !important;
}
.pt7-xs {
  padding-top: 7px !important;
}
.pr7-xs {
  padding-right: 7px !important;
}
.pb7-xs {
  padding-bottom: 7px !important;
}
.pl7-xs {
  padding-left: 7px !important;
}
.p8 {
  padding: 8px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.p8-xs {
  padding: 8px !important;
}
.pt8-xs {
  padding-top: 8px !important;
}
.pr8-xs {
  padding-right: 8px !important;
}
.pb8-xs {
  padding-bottom: 8px !important;
}
.pl8-xs {
  padding-left: 8px !important;
}
.p9 {
  padding: 9px !important;
}
.pt9 {
  padding-top: 9px !important;
}
.pr9 {
  padding-right: 9px !important;
}
.pb9 {
  padding-bottom: 9px !important;
}
.pl9 {
  padding-left: 9px !important;
}
.p9-xs {
  padding: 9px !important;
}
.pt9-xs {
  padding-top: 9px !important;
}
.pr9-xs {
  padding-right: 9px !important;
}
.pb9-xs {
  padding-bottom: 9px !important;
}
.pl9-xs {
  padding-left: 9px !important;
}
.p10 {
  padding: 10px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.p10-xs {
  padding: 10px !important;
}
.pt10-xs {
  padding-top: 10px !important;
}
.pr10-xs {
  padding-right: 10px !important;
}
.pb10-xs {
  padding-bottom: 10px !important;
}
.pl10-xs {
  padding-left: 10px !important;
}
.p11 {
  padding: 11px !important;
}
.pt11 {
  padding-top: 11px !important;
}
.pr11 {
  padding-right: 11px !important;
}
.pb11 {
  padding-bottom: 11px !important;
}
.pl11 {
  padding-left: 11px !important;
}
.p11-xs {
  padding: 11px !important;
}
.pt11-xs {
  padding-top: 11px !important;
}
.pr11-xs {
  padding-right: 11px !important;
}
.pb11-xs {
  padding-bottom: 11px !important;
}
.pl11-xs {
  padding-left: 11px !important;
}
.p12 {
  padding: 12px !important;
}
.pt12 {
  padding-top: 12px !important;
}
.pr12 {
  padding-right: 12px !important;
}
.pb12 {
  padding-bottom: 12px !important;
}
.pl12 {
  padding-left: 12px !important;
}
.p12-xs {
  padding: 12px !important;
}
.pt12-xs {
  padding-top: 12px !important;
}
.pr12-xs {
  padding-right: 12px !important;
}
.pb12-xs {
  padding-bottom: 12px !important;
}
.pl12-xs {
  padding-left: 12px !important;
}
.p13 {
  padding: 13px !important;
}
.pt13 {
  padding-top: 13px !important;
}
.pr13 {
  padding-right: 13px !important;
}
.pb13 {
  padding-bottom: 13px !important;
}
.pl13 {
  padding-left: 13px !important;
}
.p13-xs {
  padding: 13px !important;
}
.pt13-xs {
  padding-top: 13px !important;
}
.pr13-xs {
  padding-right: 13px !important;
}
.pb13-xs {
  padding-bottom: 13px !important;
}
.pl13-xs {
  padding-left: 13px !important;
}
.p14 {
  padding: 14px !important;
}
.pt14 {
  padding-top: 14px !important;
}
.pr14 {
  padding-right: 14px !important;
}
.pb14 {
  padding-bottom: 14px !important;
}
.pl14 {
  padding-left: 14px !important;
}
.p14-xs {
  padding: 14px !important;
}
.pt14-xs {
  padding-top: 14px !important;
}
.pr14-xs {
  padding-right: 14px !important;
}
.pb14-xs {
  padding-bottom: 14px !important;
}
.pl14-xs {
  padding-left: 14px !important;
}
.p15 {
  padding: 15px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.p15-xs {
  padding: 15px !important;
}
.pt15-xs {
  padding-top: 15px !important;
}
.pr15-xs {
  padding-right: 15px !important;
}
.pb15-xs {
  padding-bottom: 15px !important;
}
.pl15-xs {
  padding-left: 15px !important;
}
.p16 {
  padding: 16px !important;
}
.pt16 {
  padding-top: 16px !important;
}
.pr16 {
  padding-right: 16px !important;
}
.pb16 {
  padding-bottom: 16px !important;
}
.pl16 {
  padding-left: 16px !important;
}
.p16-xs {
  padding: 16px !important;
}
.pt16-xs {
  padding-top: 16px !important;
}
.pr16-xs {
  padding-right: 16px !important;
}
.pb16-xs {
  padding-bottom: 16px !important;
}
.pl16-xs {
  padding-left: 16px !important;
}
.p17 {
  padding: 17px !important;
}
.pt17 {
  padding-top: 17px !important;
}
.pr17 {
  padding-right: 17px !important;
}
.pb17 {
  padding-bottom: 17px !important;
}
.pl17 {
  padding-left: 17px !important;
}
.p17-xs {
  padding: 17px !important;
}
.pt17-xs {
  padding-top: 17px !important;
}
.pr17-xs {
  padding-right: 17px !important;
}
.pb17-xs {
  padding-bottom: 17px !important;
}
.pl17-xs {
  padding-left: 17px !important;
}
.p18 {
  padding: 18px !important;
}
.pt18 {
  padding-top: 18px !important;
}
.pr18 {
  padding-right: 18px !important;
}
.pb18 {
  padding-bottom: 18px !important;
}
.pl18 {
  padding-left: 18px !important;
}
.p18-xs {
  padding: 18px !important;
}
.pt18-xs {
  padding-top: 18px !important;
}
.pr18-xs {
  padding-right: 18px !important;
}
.pb18-xs {
  padding-bottom: 18px !important;
}
.pl18-xs {
  padding-left: 18px !important;
}
.p19 {
  padding: 19px !important;
}
.pt19 {
  padding-top: 19px !important;
}
.pr19 {
  padding-right: 19px !important;
}
.pb19 {
  padding-bottom: 19px !important;
}
.pl19 {
  padding-left: 19px !important;
}
.p19-xs {
  padding: 19px !important;
}
.pt19-xs {
  padding-top: 19px !important;
}
.pr19-xs {
  padding-right: 19px !important;
}
.pb19-xs {
  padding-bottom: 19px !important;
}
.pl19-xs {
  padding-left: 19px !important;
}
.p20 {
  padding: 20px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.p20-xs {
  padding: 20px !important;
}
.pt20-xs {
  padding-top: 20px !important;
}
.pr20-xs {
  padding-right: 20px !important;
}
.pb20-xs {
  padding-bottom: 20px !important;
}
.pl20-xs {
  padding-left: 20px !important;
}
.p21 {
  padding: 21px !important;
}
.pt21 {
  padding-top: 21px !important;
}
.pr21 {
  padding-right: 21px !important;
}
.pb21 {
  padding-bottom: 21px !important;
}
.pl21 {
  padding-left: 21px !important;
}
.p21-xs {
  padding: 21px !important;
}
.pt21-xs {
  padding-top: 21px !important;
}
.pr21-xs {
  padding-right: 21px !important;
}
.pb21-xs {
  padding-bottom: 21px !important;
}
.pl21-xs {
  padding-left: 21px !important;
}
.p22 {
  padding: 22px !important;
}
.pt22 {
  padding-top: 22px !important;
}
.pr22 {
  padding-right: 22px !important;
}
.pb22 {
  padding-bottom: 22px !important;
}
.pl22 {
  padding-left: 22px !important;
}
.p22-xs {
  padding: 22px !important;
}
.pt22-xs {
  padding-top: 22px !important;
}
.pr22-xs {
  padding-right: 22px !important;
}
.pb22-xs {
  padding-bottom: 22px !important;
}
.pl22-xs {
  padding-left: 22px !important;
}
.p23 {
  padding: 23px !important;
}
.pt23 {
  padding-top: 23px !important;
}
.pr23 {
  padding-right: 23px !important;
}
.pb23 {
  padding-bottom: 23px !important;
}
.pl23 {
  padding-left: 23px !important;
}
.p23-xs {
  padding: 23px !important;
}
.pt23-xs {
  padding-top: 23px !important;
}
.pr23-xs {
  padding-right: 23px !important;
}
.pb23-xs {
  padding-bottom: 23px !important;
}
.pl23-xs {
  padding-left: 23px !important;
}
.p24 {
  padding: 24px !important;
}
.pt24 {
  padding-top: 24px !important;
}
.pr24 {
  padding-right: 24px !important;
}
.pb24 {
  padding-bottom: 24px !important;
}
.pl24 {
  padding-left: 24px !important;
}
.p24-xs {
  padding: 24px !important;
}
.pt24-xs {
  padding-top: 24px !important;
}
.pr24-xs {
  padding-right: 24px !important;
}
.pb24-xs {
  padding-bottom: 24px !important;
}
.pl24-xs {
  padding-left: 24px !important;
}
.p25 {
  padding: 25px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.p25-xs {
  padding: 25px !important;
}
.pt25-xs {
  padding-top: 25px !important;
}
.pr25-xs {
  padding-right: 25px !important;
}
.pb25-xs {
  padding-bottom: 25px !important;
}
.pl25-xs {
  padding-left: 25px !important;
}
.p26 {
  padding: 26px !important;
}
.pt26 {
  padding-top: 26px !important;
}
.pr26 {
  padding-right: 26px !important;
}
.pb26 {
  padding-bottom: 26px !important;
}
.pl26 {
  padding-left: 26px !important;
}
.p26-xs {
  padding: 26px !important;
}
.pt26-xs {
  padding-top: 26px !important;
}
.pr26-xs {
  padding-right: 26px !important;
}
.pb26-xs {
  padding-bottom: 26px !important;
}
.pl26-xs {
  padding-left: 26px !important;
}
.p27 {
  padding: 27px !important;
}
.pt27 {
  padding-top: 27px !important;
}
.pr27 {
  padding-right: 27px !important;
}
.pb27 {
  padding-bottom: 27px !important;
}
.pl27 {
  padding-left: 27px !important;
}
.p27-xs {
  padding: 27px !important;
}
.pt27-xs {
  padding-top: 27px !important;
}
.pr27-xs {
  padding-right: 27px !important;
}
.pb27-xs {
  padding-bottom: 27px !important;
}
.pl27-xs {
  padding-left: 27px !important;
}
.p28 {
  padding: 28px !important;
}
.pt28 {
  padding-top: 28px !important;
}
.pr28 {
  padding-right: 28px !important;
}
.pb28 {
  padding-bottom: 28px !important;
}
.pl28 {
  padding-left: 28px !important;
}
.p28-xs {
  padding: 28px !important;
}
.pt28-xs {
  padding-top: 28px !important;
}
.pr28-xs {
  padding-right: 28px !important;
}
.pb28-xs {
  padding-bottom: 28px !important;
}
.pl28-xs {
  padding-left: 28px !important;
}
.p29 {
  padding: 29px !important;
}
.pt29 {
  padding-top: 29px !important;
}
.pr29 {
  padding-right: 29px !important;
}
.pb29 {
  padding-bottom: 29px !important;
}
.pl29 {
  padding-left: 29px !important;
}
.p29-xs {
  padding: 29px !important;
}
.pt29-xs {
  padding-top: 29px !important;
}
.pr29-xs {
  padding-right: 29px !important;
}
.pb29-xs {
  padding-bottom: 29px !important;
}
.pl29-xs {
  padding-left: 29px !important;
}
.p30 {
  padding: 30px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.p30-xs {
  padding: 30px !important;
}
.pt30-xs {
  padding-top: 30px !important;
}
.pr30-xs {
  padding-right: 30px !important;
}
.pb30-xs {
  padding-bottom: 30px !important;
}
.pl30-xs {
  padding-left: 30px !important;
}
.p31 {
  padding: 31px !important;
}
.pt31 {
  padding-top: 31px !important;
}
.pr31 {
  padding-right: 31px !important;
}
.pb31 {
  padding-bottom: 31px !important;
}
.pl31 {
  padding-left: 31px !important;
}
.p31-xs {
  padding: 31px !important;
}
.pt31-xs {
  padding-top: 31px !important;
}
.pr31-xs {
  padding-right: 31px !important;
}
.pb31-xs {
  padding-bottom: 31px !important;
}
.pl31-xs {
  padding-left: 31px !important;
}
.p32 {
  padding: 32px !important;
}
.pt32 {
  padding-top: 32px !important;
}
.pr32 {
  padding-right: 32px !important;
}
.pb32 {
  padding-bottom: 32px !important;
}
.pl32 {
  padding-left: 32px !important;
}
.p32-xs {
  padding: 32px !important;
}
.pt32-xs {
  padding-top: 32px !important;
}
.pr32-xs {
  padding-right: 32px !important;
}
.pb32-xs {
  padding-bottom: 32px !important;
}
.pl32-xs {
  padding-left: 32px !important;
}
.p33 {
  padding: 33px !important;
}
.pt33 {
  padding-top: 33px !important;
}
.pr33 {
  padding-right: 33px !important;
}
.pb33 {
  padding-bottom: 33px !important;
}
.pl33 {
  padding-left: 33px !important;
}
.p33-xs {
  padding: 33px !important;
}
.pt33-xs {
  padding-top: 33px !important;
}
.pr33-xs {
  padding-right: 33px !important;
}
.pb33-xs {
  padding-bottom: 33px !important;
}
.pl33-xs {
  padding-left: 33px !important;
}
.p34 {
  padding: 34px !important;
}
.pt34 {
  padding-top: 34px !important;
}
.pr34 {
  padding-right: 34px !important;
}
.pb34 {
  padding-bottom: 34px !important;
}
.pl34 {
  padding-left: 34px !important;
}
.p34-xs {
  padding: 34px !important;
}
.pt34-xs {
  padding-top: 34px !important;
}
.pr34-xs {
  padding-right: 34px !important;
}
.pb34-xs {
  padding-bottom: 34px !important;
}
.pl34-xs {
  padding-left: 34px !important;
}
.p35 {
  padding: 35px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.p35-xs {
  padding: 35px !important;
}
.pt35-xs {
  padding-top: 35px !important;
}
.pr35-xs {
  padding-right: 35px !important;
}
.pb35-xs {
  padding-bottom: 35px !important;
}
.pl35-xs {
  padding-left: 35px !important;
}
.p36 {
  padding: 36px !important;
}
.pt36 {
  padding-top: 36px !important;
}
.pr36 {
  padding-right: 36px !important;
}
.pb36 {
  padding-bottom: 36px !important;
}
.pl36 {
  padding-left: 36px !important;
}
.p36-xs {
  padding: 36px !important;
}
.pt36-xs {
  padding-top: 36px !important;
}
.pr36-xs {
  padding-right: 36px !important;
}
.pb36-xs {
  padding-bottom: 36px !important;
}
.pl36-xs {
  padding-left: 36px !important;
}
.p37 {
  padding: 37px !important;
}
.pt37 {
  padding-top: 37px !important;
}
.pr37 {
  padding-right: 37px !important;
}
.pb37 {
  padding-bottom: 37px !important;
}
.pl37 {
  padding-left: 37px !important;
}
.p37-xs {
  padding: 37px !important;
}
.pt37-xs {
  padding-top: 37px !important;
}
.pr37-xs {
  padding-right: 37px !important;
}
.pb37-xs {
  padding-bottom: 37px !important;
}
.pl37-xs {
  padding-left: 37px !important;
}
.p38 {
  padding: 38px !important;
}
.pt38 {
  padding-top: 38px !important;
}
.pr38 {
  padding-right: 38px !important;
}
.pb38 {
  padding-bottom: 38px !important;
}
.pl38 {
  padding-left: 38px !important;
}
.p38-xs {
  padding: 38px !important;
}
.pt38-xs {
  padding-top: 38px !important;
}
.pr38-xs {
  padding-right: 38px !important;
}
.pb38-xs {
  padding-bottom: 38px !important;
}
.pl38-xs {
  padding-left: 38px !important;
}
.p39 {
  padding: 39px !important;
}
.pt39 {
  padding-top: 39px !important;
}
.pr39 {
  padding-right: 39px !important;
}
.pb39 {
  padding-bottom: 39px !important;
}
.pl39 {
  padding-left: 39px !important;
}
.p39-xs {
  padding: 39px !important;
}
.pt39-xs {
  padding-top: 39px !important;
}
.pr39-xs {
  padding-right: 39px !important;
}
.pb39-xs {
  padding-bottom: 39px !important;
}
.pl39-xs {
  padding-left: 39px !important;
}
.p40 {
  padding: 40px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.p40-xs {
  padding: 40px !important;
}
.pt40-xs {
  padding-top: 40px !important;
}
.pr40-xs {
  padding-right: 40px !important;
}
.pb40-xs {
  padding-bottom: 40px !important;
}
.pl40-xs {
  padding-left: 40px !important;
}
.p41 {
  padding: 41px !important;
}
.pt41 {
  padding-top: 41px !important;
}
.pr41 {
  padding-right: 41px !important;
}
.pb41 {
  padding-bottom: 41px !important;
}
.pl41 {
  padding-left: 41px !important;
}
.p41-xs {
  padding: 41px !important;
}
.pt41-xs {
  padding-top: 41px !important;
}
.pr41-xs {
  padding-right: 41px !important;
}
.pb41-xs {
  padding-bottom: 41px !important;
}
.pl41-xs {
  padding-left: 41px !important;
}
.p42 {
  padding: 42px !important;
}
.pt42 {
  padding-top: 42px !important;
}
.pr42 {
  padding-right: 42px !important;
}
.pb42 {
  padding-bottom: 42px !important;
}
.pl42 {
  padding-left: 42px !important;
}
.p42-xs {
  padding: 42px !important;
}
.pt42-xs {
  padding-top: 42px !important;
}
.pr42-xs {
  padding-right: 42px !important;
}
.pb42-xs {
  padding-bottom: 42px !important;
}
.pl42-xs {
  padding-left: 42px !important;
}
.p43 {
  padding: 43px !important;
}
.pt43 {
  padding-top: 43px !important;
}
.pr43 {
  padding-right: 43px !important;
}
.pb43 {
  padding-bottom: 43px !important;
}
.pl43 {
  padding-left: 43px !important;
}
.p43-xs {
  padding: 43px !important;
}
.pt43-xs {
  padding-top: 43px !important;
}
.pr43-xs {
  padding-right: 43px !important;
}
.pb43-xs {
  padding-bottom: 43px !important;
}
.pl43-xs {
  padding-left: 43px !important;
}
.p44 {
  padding: 44px !important;
}
.pt44 {
  padding-top: 44px !important;
}
.pr44 {
  padding-right: 44px !important;
}
.pb44 {
  padding-bottom: 44px !important;
}
.pl44 {
  padding-left: 44px !important;
}
.p44-xs {
  padding: 44px !important;
}
.pt44-xs {
  padding-top: 44px !important;
}
.pr44-xs {
  padding-right: 44px !important;
}
.pb44-xs {
  padding-bottom: 44px !important;
}
.pl44-xs {
  padding-left: 44px !important;
}
.p45 {
  padding: 45px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.p45-xs {
  padding: 45px !important;
}
.pt45-xs {
  padding-top: 45px !important;
}
.pr45-xs {
  padding-right: 45px !important;
}
.pb45-xs {
  padding-bottom: 45px !important;
}
.pl45-xs {
  padding-left: 45px !important;
}
.p46 {
  padding: 46px !important;
}
.pt46 {
  padding-top: 46px !important;
}
.pr46 {
  padding-right: 46px !important;
}
.pb46 {
  padding-bottom: 46px !important;
}
.pl46 {
  padding-left: 46px !important;
}
.p46-xs {
  padding: 46px !important;
}
.pt46-xs {
  padding-top: 46px !important;
}
.pr46-xs {
  padding-right: 46px !important;
}
.pb46-xs {
  padding-bottom: 46px !important;
}
.pl46-xs {
  padding-left: 46px !important;
}
.p47 {
  padding: 47px !important;
}
.pt47 {
  padding-top: 47px !important;
}
.pr47 {
  padding-right: 47px !important;
}
.pb47 {
  padding-bottom: 47px !important;
}
.pl47 {
  padding-left: 47px !important;
}
.p47-xs {
  padding: 47px !important;
}
.pt47-xs {
  padding-top: 47px !important;
}
.pr47-xs {
  padding-right: 47px !important;
}
.pb47-xs {
  padding-bottom: 47px !important;
}
.pl47-xs {
  padding-left: 47px !important;
}
.p48 {
  padding: 48px !important;
}
.pt48 {
  padding-top: 48px !important;
}
.pr48 {
  padding-right: 48px !important;
}
.pb48 {
  padding-bottom: 48px !important;
}
.pl48 {
  padding-left: 48px !important;
}
.p48-xs {
  padding: 48px !important;
}
.pt48-xs {
  padding-top: 48px !important;
}
.pr48-xs {
  padding-right: 48px !important;
}
.pb48-xs {
  padding-bottom: 48px !important;
}
.pl48-xs {
  padding-left: 48px !important;
}
.p49 {
  padding: 49px !important;
}
.pt49 {
  padding-top: 49px !important;
}
.pr49 {
  padding-right: 49px !important;
}
.pb49 {
  padding-bottom: 49px !important;
}
.pl49 {
  padding-left: 49px !important;
}
.p49-xs {
  padding: 49px !important;
}
.pt49-xs {
  padding-top: 49px !important;
}
.pr49-xs {
  padding-right: 49px !important;
}
.pb49-xs {
  padding-bottom: 49px !important;
}
.pl49-xs {
  padding-left: 49px !important;
}
.p50 {
  padding: 50px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.p50-xs {
  padding: 50px !important;
}
.pt50-xs {
  padding-top: 50px !important;
}
.pr50-xs {
  padding-right: 50px !important;
}
.pb50-xs {
  padding-bottom: 50px !important;
}
.pl50-xs {
  padding-left: 50px !important;
}
@media (min-width: 576px) {
  .p0 {
    padding: 0px !important;
  }
  .pt0 {
    padding-top: 0px !important;
  }
  .pr0 {
    padding-right: 0px !important;
  }
  .pb0 {
    padding-bottom: 0px !important;
  }
  .pl0 {
    padding-left: 0px !important;
  }
  .p0-sm {
    padding: 0px !important;
  }
  .pt0-sm {
    padding-top: 0px !important;
  }
  .pr0-sm {
    padding-right: 0px !important;
  }
  .pb0-sm {
    padding-bottom: 0px !important;
  }
  .pl0-sm {
    padding-left: 0px !important;
  }
  .p1 {
    padding: 1px !important;
  }
  .pt1 {
    padding-top: 1px !important;
  }
  .pr1 {
    padding-right: 1px !important;
  }
  .pb1 {
    padding-bottom: 1px !important;
  }
  .pl1 {
    padding-left: 1px !important;
  }
  .p1-sm {
    padding: 1px !important;
  }
  .pt1-sm {
    padding-top: 1px !important;
  }
  .pr1-sm {
    padding-right: 1px !important;
  }
  .pb1-sm {
    padding-bottom: 1px !important;
  }
  .pl1-sm {
    padding-left: 1px !important;
  }
  .p2 {
    padding: 2px !important;
  }
  .pt2 {
    padding-top: 2px !important;
  }
  .pr2 {
    padding-right: 2px !important;
  }
  .pb2 {
    padding-bottom: 2px !important;
  }
  .pl2 {
    padding-left: 2px !important;
  }
  .p2-sm {
    padding: 2px !important;
  }
  .pt2-sm {
    padding-top: 2px !important;
  }
  .pr2-sm {
    padding-right: 2px !important;
  }
  .pb2-sm {
    padding-bottom: 2px !important;
  }
  .pl2-sm {
    padding-left: 2px !important;
  }
  .p3 {
    padding: 3px !important;
  }
  .pt3 {
    padding-top: 3px !important;
  }
  .pr3 {
    padding-right: 3px !important;
  }
  .pb3 {
    padding-bottom: 3px !important;
  }
  .pl3 {
    padding-left: 3px !important;
  }
  .p3-sm {
    padding: 3px !important;
  }
  .pt3-sm {
    padding-top: 3px !important;
  }
  .pr3-sm {
    padding-right: 3px !important;
  }
  .pb3-sm {
    padding-bottom: 3px !important;
  }
  .pl3-sm {
    padding-left: 3px !important;
  }
  .p4 {
    padding: 4px !important;
  }
  .pt4 {
    padding-top: 4px !important;
  }
  .pr4 {
    padding-right: 4px !important;
  }
  .pb4 {
    padding-bottom: 4px !important;
  }
  .pl4 {
    padding-left: 4px !important;
  }
  .p4-sm {
    padding: 4px !important;
  }
  .pt4-sm {
    padding-top: 4px !important;
  }
  .pr4-sm {
    padding-right: 4px !important;
  }
  .pb4-sm {
    padding-bottom: 4px !important;
  }
  .pl4-sm {
    padding-left: 4px !important;
  }
  .p5 {
    padding: 5px !important;
  }
  .pt5 {
    padding-top: 5px !important;
  }
  .pr5 {
    padding-right: 5px !important;
  }
  .pb5 {
    padding-bottom: 5px !important;
  }
  .pl5 {
    padding-left: 5px !important;
  }
  .p5-sm {
    padding: 5px !important;
  }
  .pt5-sm {
    padding-top: 5px !important;
  }
  .pr5-sm {
    padding-right: 5px !important;
  }
  .pb5-sm {
    padding-bottom: 5px !important;
  }
  .pl5-sm {
    padding-left: 5px !important;
  }
  .p6 {
    padding: 6px !important;
  }
  .pt6 {
    padding-top: 6px !important;
  }
  .pr6 {
    padding-right: 6px !important;
  }
  .pb6 {
    padding-bottom: 6px !important;
  }
  .pl6 {
    padding-left: 6px !important;
  }
  .p6-sm {
    padding: 6px !important;
  }
  .pt6-sm {
    padding-top: 6px !important;
  }
  .pr6-sm {
    padding-right: 6px !important;
  }
  .pb6-sm {
    padding-bottom: 6px !important;
  }
  .pl6-sm {
    padding-left: 6px !important;
  }
  .p7 {
    padding: 7px !important;
  }
  .pt7 {
    padding-top: 7px !important;
  }
  .pr7 {
    padding-right: 7px !important;
  }
  .pb7 {
    padding-bottom: 7px !important;
  }
  .pl7 {
    padding-left: 7px !important;
  }
  .p7-sm {
    padding: 7px !important;
  }
  .pt7-sm {
    padding-top: 7px !important;
  }
  .pr7-sm {
    padding-right: 7px !important;
  }
  .pb7-sm {
    padding-bottom: 7px !important;
  }
  .pl7-sm {
    padding-left: 7px !important;
  }
  .p8 {
    padding: 8px !important;
  }
  .pt8 {
    padding-top: 8px !important;
  }
  .pr8 {
    padding-right: 8px !important;
  }
  .pb8 {
    padding-bottom: 8px !important;
  }
  .pl8 {
    padding-left: 8px !important;
  }
  .p8-sm {
    padding: 8px !important;
  }
  .pt8-sm {
    padding-top: 8px !important;
  }
  .pr8-sm {
    padding-right: 8px !important;
  }
  .pb8-sm {
    padding-bottom: 8px !important;
  }
  .pl8-sm {
    padding-left: 8px !important;
  }
  .p9 {
    padding: 9px !important;
  }
  .pt9 {
    padding-top: 9px !important;
  }
  .pr9 {
    padding-right: 9px !important;
  }
  .pb9 {
    padding-bottom: 9px !important;
  }
  .pl9 {
    padding-left: 9px !important;
  }
  .p9-sm {
    padding: 9px !important;
  }
  .pt9-sm {
    padding-top: 9px !important;
  }
  .pr9-sm {
    padding-right: 9px !important;
  }
  .pb9-sm {
    padding-bottom: 9px !important;
  }
  .pl9-sm {
    padding-left: 9px !important;
  }
  .p10 {
    padding: 10px !important;
  }
  .pt10 {
    padding-top: 10px !important;
  }
  .pr10 {
    padding-right: 10px !important;
  }
  .pb10 {
    padding-bottom: 10px !important;
  }
  .pl10 {
    padding-left: 10px !important;
  }
  .p10-sm {
    padding: 10px !important;
  }
  .pt10-sm {
    padding-top: 10px !important;
  }
  .pr10-sm {
    padding-right: 10px !important;
  }
  .pb10-sm {
    padding-bottom: 10px !important;
  }
  .pl10-sm {
    padding-left: 10px !important;
  }
  .p11 {
    padding: 11px !important;
  }
  .pt11 {
    padding-top: 11px !important;
  }
  .pr11 {
    padding-right: 11px !important;
  }
  .pb11 {
    padding-bottom: 11px !important;
  }
  .pl11 {
    padding-left: 11px !important;
  }
  .p11-sm {
    padding: 11px !important;
  }
  .pt11-sm {
    padding-top: 11px !important;
  }
  .pr11-sm {
    padding-right: 11px !important;
  }
  .pb11-sm {
    padding-bottom: 11px !important;
  }
  .pl11-sm {
    padding-left: 11px !important;
  }
  .p12 {
    padding: 12px !important;
  }
  .pt12 {
    padding-top: 12px !important;
  }
  .pr12 {
    padding-right: 12px !important;
  }
  .pb12 {
    padding-bottom: 12px !important;
  }
  .pl12 {
    padding-left: 12px !important;
  }
  .p12-sm {
    padding: 12px !important;
  }
  .pt12-sm {
    padding-top: 12px !important;
  }
  .pr12-sm {
    padding-right: 12px !important;
  }
  .pb12-sm {
    padding-bottom: 12px !important;
  }
  .pl12-sm {
    padding-left: 12px !important;
  }
  .p13 {
    padding: 13px !important;
  }
  .pt13 {
    padding-top: 13px !important;
  }
  .pr13 {
    padding-right: 13px !important;
  }
  .pb13 {
    padding-bottom: 13px !important;
  }
  .pl13 {
    padding-left: 13px !important;
  }
  .p13-sm {
    padding: 13px !important;
  }
  .pt13-sm {
    padding-top: 13px !important;
  }
  .pr13-sm {
    padding-right: 13px !important;
  }
  .pb13-sm {
    padding-bottom: 13px !important;
  }
  .pl13-sm {
    padding-left: 13px !important;
  }
  .p14 {
    padding: 14px !important;
  }
  .pt14 {
    padding-top: 14px !important;
  }
  .pr14 {
    padding-right: 14px !important;
  }
  .pb14 {
    padding-bottom: 14px !important;
  }
  .pl14 {
    padding-left: 14px !important;
  }
  .p14-sm {
    padding: 14px !important;
  }
  .pt14-sm {
    padding-top: 14px !important;
  }
  .pr14-sm {
    padding-right: 14px !important;
  }
  .pb14-sm {
    padding-bottom: 14px !important;
  }
  .pl14-sm {
    padding-left: 14px !important;
  }
  .p15 {
    padding: 15px !important;
  }
  .pt15 {
    padding-top: 15px !important;
  }
  .pr15 {
    padding-right: 15px !important;
  }
  .pb15 {
    padding-bottom: 15px !important;
  }
  .pl15 {
    padding-left: 15px !important;
  }
  .p15-sm {
    padding: 15px !important;
  }
  .pt15-sm {
    padding-top: 15px !important;
  }
  .pr15-sm {
    padding-right: 15px !important;
  }
  .pb15-sm {
    padding-bottom: 15px !important;
  }
  .pl15-sm {
    padding-left: 15px !important;
  }
  .p16 {
    padding: 16px !important;
  }
  .pt16 {
    padding-top: 16px !important;
  }
  .pr16 {
    padding-right: 16px !important;
  }
  .pb16 {
    padding-bottom: 16px !important;
  }
  .pl16 {
    padding-left: 16px !important;
  }
  .p16-sm {
    padding: 16px !important;
  }
  .pt16-sm {
    padding-top: 16px !important;
  }
  .pr16-sm {
    padding-right: 16px !important;
  }
  .pb16-sm {
    padding-bottom: 16px !important;
  }
  .pl16-sm {
    padding-left: 16px !important;
  }
  .p17 {
    padding: 17px !important;
  }
  .pt17 {
    padding-top: 17px !important;
  }
  .pr17 {
    padding-right: 17px !important;
  }
  .pb17 {
    padding-bottom: 17px !important;
  }
  .pl17 {
    padding-left: 17px !important;
  }
  .p17-sm {
    padding: 17px !important;
  }
  .pt17-sm {
    padding-top: 17px !important;
  }
  .pr17-sm {
    padding-right: 17px !important;
  }
  .pb17-sm {
    padding-bottom: 17px !important;
  }
  .pl17-sm {
    padding-left: 17px !important;
  }
  .p18 {
    padding: 18px !important;
  }
  .pt18 {
    padding-top: 18px !important;
  }
  .pr18 {
    padding-right: 18px !important;
  }
  .pb18 {
    padding-bottom: 18px !important;
  }
  .pl18 {
    padding-left: 18px !important;
  }
  .p18-sm {
    padding: 18px !important;
  }
  .pt18-sm {
    padding-top: 18px !important;
  }
  .pr18-sm {
    padding-right: 18px !important;
  }
  .pb18-sm {
    padding-bottom: 18px !important;
  }
  .pl18-sm {
    padding-left: 18px !important;
  }
  .p19 {
    padding: 19px !important;
  }
  .pt19 {
    padding-top: 19px !important;
  }
  .pr19 {
    padding-right: 19px !important;
  }
  .pb19 {
    padding-bottom: 19px !important;
  }
  .pl19 {
    padding-left: 19px !important;
  }
  .p19-sm {
    padding: 19px !important;
  }
  .pt19-sm {
    padding-top: 19px !important;
  }
  .pr19-sm {
    padding-right: 19px !important;
  }
  .pb19-sm {
    padding-bottom: 19px !important;
  }
  .pl19-sm {
    padding-left: 19px !important;
  }
  .p20 {
    padding: 20px !important;
  }
  .pt20 {
    padding-top: 20px !important;
  }
  .pr20 {
    padding-right: 20px !important;
  }
  .pb20 {
    padding-bottom: 20px !important;
  }
  .pl20 {
    padding-left: 20px !important;
  }
  .p20-sm {
    padding: 20px !important;
  }
  .pt20-sm {
    padding-top: 20px !important;
  }
  .pr20-sm {
    padding-right: 20px !important;
  }
  .pb20-sm {
    padding-bottom: 20px !important;
  }
  .pl20-sm {
    padding-left: 20px !important;
  }
  .p21 {
    padding: 21px !important;
  }
  .pt21 {
    padding-top: 21px !important;
  }
  .pr21 {
    padding-right: 21px !important;
  }
  .pb21 {
    padding-bottom: 21px !important;
  }
  .pl21 {
    padding-left: 21px !important;
  }
  .p21-sm {
    padding: 21px !important;
  }
  .pt21-sm {
    padding-top: 21px !important;
  }
  .pr21-sm {
    padding-right: 21px !important;
  }
  .pb21-sm {
    padding-bottom: 21px !important;
  }
  .pl21-sm {
    padding-left: 21px !important;
  }
  .p22 {
    padding: 22px !important;
  }
  .pt22 {
    padding-top: 22px !important;
  }
  .pr22 {
    padding-right: 22px !important;
  }
  .pb22 {
    padding-bottom: 22px !important;
  }
  .pl22 {
    padding-left: 22px !important;
  }
  .p22-sm {
    padding: 22px !important;
  }
  .pt22-sm {
    padding-top: 22px !important;
  }
  .pr22-sm {
    padding-right: 22px !important;
  }
  .pb22-sm {
    padding-bottom: 22px !important;
  }
  .pl22-sm {
    padding-left: 22px !important;
  }
  .p23 {
    padding: 23px !important;
  }
  .pt23 {
    padding-top: 23px !important;
  }
  .pr23 {
    padding-right: 23px !important;
  }
  .pb23 {
    padding-bottom: 23px !important;
  }
  .pl23 {
    padding-left: 23px !important;
  }
  .p23-sm {
    padding: 23px !important;
  }
  .pt23-sm {
    padding-top: 23px !important;
  }
  .pr23-sm {
    padding-right: 23px !important;
  }
  .pb23-sm {
    padding-bottom: 23px !important;
  }
  .pl23-sm {
    padding-left: 23px !important;
  }
  .p24 {
    padding: 24px !important;
  }
  .pt24 {
    padding-top: 24px !important;
  }
  .pr24 {
    padding-right: 24px !important;
  }
  .pb24 {
    padding-bottom: 24px !important;
  }
  .pl24 {
    padding-left: 24px !important;
  }
  .p24-sm {
    padding: 24px !important;
  }
  .pt24-sm {
    padding-top: 24px !important;
  }
  .pr24-sm {
    padding-right: 24px !important;
  }
  .pb24-sm {
    padding-bottom: 24px !important;
  }
  .pl24-sm {
    padding-left: 24px !important;
  }
  .p25 {
    padding: 25px !important;
  }
  .pt25 {
    padding-top: 25px !important;
  }
  .pr25 {
    padding-right: 25px !important;
  }
  .pb25 {
    padding-bottom: 25px !important;
  }
  .pl25 {
    padding-left: 25px !important;
  }
  .p25-sm {
    padding: 25px !important;
  }
  .pt25-sm {
    padding-top: 25px !important;
  }
  .pr25-sm {
    padding-right: 25px !important;
  }
  .pb25-sm {
    padding-bottom: 25px !important;
  }
  .pl25-sm {
    padding-left: 25px !important;
  }
  .p26 {
    padding: 26px !important;
  }
  .pt26 {
    padding-top: 26px !important;
  }
  .pr26 {
    padding-right: 26px !important;
  }
  .pb26 {
    padding-bottom: 26px !important;
  }
  .pl26 {
    padding-left: 26px !important;
  }
  .p26-sm {
    padding: 26px !important;
  }
  .pt26-sm {
    padding-top: 26px !important;
  }
  .pr26-sm {
    padding-right: 26px !important;
  }
  .pb26-sm {
    padding-bottom: 26px !important;
  }
  .pl26-sm {
    padding-left: 26px !important;
  }
  .p27 {
    padding: 27px !important;
  }
  .pt27 {
    padding-top: 27px !important;
  }
  .pr27 {
    padding-right: 27px !important;
  }
  .pb27 {
    padding-bottom: 27px !important;
  }
  .pl27 {
    padding-left: 27px !important;
  }
  .p27-sm {
    padding: 27px !important;
  }
  .pt27-sm {
    padding-top: 27px !important;
  }
  .pr27-sm {
    padding-right: 27px !important;
  }
  .pb27-sm {
    padding-bottom: 27px !important;
  }
  .pl27-sm {
    padding-left: 27px !important;
  }
  .p28 {
    padding: 28px !important;
  }
  .pt28 {
    padding-top: 28px !important;
  }
  .pr28 {
    padding-right: 28px !important;
  }
  .pb28 {
    padding-bottom: 28px !important;
  }
  .pl28 {
    padding-left: 28px !important;
  }
  .p28-sm {
    padding: 28px !important;
  }
  .pt28-sm {
    padding-top: 28px !important;
  }
  .pr28-sm {
    padding-right: 28px !important;
  }
  .pb28-sm {
    padding-bottom: 28px !important;
  }
  .pl28-sm {
    padding-left: 28px !important;
  }
  .p29 {
    padding: 29px !important;
  }
  .pt29 {
    padding-top: 29px !important;
  }
  .pr29 {
    padding-right: 29px !important;
  }
  .pb29 {
    padding-bottom: 29px !important;
  }
  .pl29 {
    padding-left: 29px !important;
  }
  .p29-sm {
    padding: 29px !important;
  }
  .pt29-sm {
    padding-top: 29px !important;
  }
  .pr29-sm {
    padding-right: 29px !important;
  }
  .pb29-sm {
    padding-bottom: 29px !important;
  }
  .pl29-sm {
    padding-left: 29px !important;
  }
  .p30 {
    padding: 30px !important;
  }
  .pt30 {
    padding-top: 30px !important;
  }
  .pr30 {
    padding-right: 30px !important;
  }
  .pb30 {
    padding-bottom: 30px !important;
  }
  .pl30 {
    padding-left: 30px !important;
  }
  .p30-sm {
    padding: 30px !important;
  }
  .pt30-sm {
    padding-top: 30px !important;
  }
  .pr30-sm {
    padding-right: 30px !important;
  }
  .pb30-sm {
    padding-bottom: 30px !important;
  }
  .pl30-sm {
    padding-left: 30px !important;
  }
  .p31 {
    padding: 31px !important;
  }
  .pt31 {
    padding-top: 31px !important;
  }
  .pr31 {
    padding-right: 31px !important;
  }
  .pb31 {
    padding-bottom: 31px !important;
  }
  .pl31 {
    padding-left: 31px !important;
  }
  .p31-sm {
    padding: 31px !important;
  }
  .pt31-sm {
    padding-top: 31px !important;
  }
  .pr31-sm {
    padding-right: 31px !important;
  }
  .pb31-sm {
    padding-bottom: 31px !important;
  }
  .pl31-sm {
    padding-left: 31px !important;
  }
  .p32 {
    padding: 32px !important;
  }
  .pt32 {
    padding-top: 32px !important;
  }
  .pr32 {
    padding-right: 32px !important;
  }
  .pb32 {
    padding-bottom: 32px !important;
  }
  .pl32 {
    padding-left: 32px !important;
  }
  .p32-sm {
    padding: 32px !important;
  }
  .pt32-sm {
    padding-top: 32px !important;
  }
  .pr32-sm {
    padding-right: 32px !important;
  }
  .pb32-sm {
    padding-bottom: 32px !important;
  }
  .pl32-sm {
    padding-left: 32px !important;
  }
  .p33 {
    padding: 33px !important;
  }
  .pt33 {
    padding-top: 33px !important;
  }
  .pr33 {
    padding-right: 33px !important;
  }
  .pb33 {
    padding-bottom: 33px !important;
  }
  .pl33 {
    padding-left: 33px !important;
  }
  .p33-sm {
    padding: 33px !important;
  }
  .pt33-sm {
    padding-top: 33px !important;
  }
  .pr33-sm {
    padding-right: 33px !important;
  }
  .pb33-sm {
    padding-bottom: 33px !important;
  }
  .pl33-sm {
    padding-left: 33px !important;
  }
  .p34 {
    padding: 34px !important;
  }
  .pt34 {
    padding-top: 34px !important;
  }
  .pr34 {
    padding-right: 34px !important;
  }
  .pb34 {
    padding-bottom: 34px !important;
  }
  .pl34 {
    padding-left: 34px !important;
  }
  .p34-sm {
    padding: 34px !important;
  }
  .pt34-sm {
    padding-top: 34px !important;
  }
  .pr34-sm {
    padding-right: 34px !important;
  }
  .pb34-sm {
    padding-bottom: 34px !important;
  }
  .pl34-sm {
    padding-left: 34px !important;
  }
  .p35 {
    padding: 35px !important;
  }
  .pt35 {
    padding-top: 35px !important;
  }
  .pr35 {
    padding-right: 35px !important;
  }
  .pb35 {
    padding-bottom: 35px !important;
  }
  .pl35 {
    padding-left: 35px !important;
  }
  .p35-sm {
    padding: 35px !important;
  }
  .pt35-sm {
    padding-top: 35px !important;
  }
  .pr35-sm {
    padding-right: 35px !important;
  }
  .pb35-sm {
    padding-bottom: 35px !important;
  }
  .pl35-sm {
    padding-left: 35px !important;
  }
  .p36 {
    padding: 36px !important;
  }
  .pt36 {
    padding-top: 36px !important;
  }
  .pr36 {
    padding-right: 36px !important;
  }
  .pb36 {
    padding-bottom: 36px !important;
  }
  .pl36 {
    padding-left: 36px !important;
  }
  .p36-sm {
    padding: 36px !important;
  }
  .pt36-sm {
    padding-top: 36px !important;
  }
  .pr36-sm {
    padding-right: 36px !important;
  }
  .pb36-sm {
    padding-bottom: 36px !important;
  }
  .pl36-sm {
    padding-left: 36px !important;
  }
  .p37 {
    padding: 37px !important;
  }
  .pt37 {
    padding-top: 37px !important;
  }
  .pr37 {
    padding-right: 37px !important;
  }
  .pb37 {
    padding-bottom: 37px !important;
  }
  .pl37 {
    padding-left: 37px !important;
  }
  .p37-sm {
    padding: 37px !important;
  }
  .pt37-sm {
    padding-top: 37px !important;
  }
  .pr37-sm {
    padding-right: 37px !important;
  }
  .pb37-sm {
    padding-bottom: 37px !important;
  }
  .pl37-sm {
    padding-left: 37px !important;
  }
  .p38 {
    padding: 38px !important;
  }
  .pt38 {
    padding-top: 38px !important;
  }
  .pr38 {
    padding-right: 38px !important;
  }
  .pb38 {
    padding-bottom: 38px !important;
  }
  .pl38 {
    padding-left: 38px !important;
  }
  .p38-sm {
    padding: 38px !important;
  }
  .pt38-sm {
    padding-top: 38px !important;
  }
  .pr38-sm {
    padding-right: 38px !important;
  }
  .pb38-sm {
    padding-bottom: 38px !important;
  }
  .pl38-sm {
    padding-left: 38px !important;
  }
  .p39 {
    padding: 39px !important;
  }
  .pt39 {
    padding-top: 39px !important;
  }
  .pr39 {
    padding-right: 39px !important;
  }
  .pb39 {
    padding-bottom: 39px !important;
  }
  .pl39 {
    padding-left: 39px !important;
  }
  .p39-sm {
    padding: 39px !important;
  }
  .pt39-sm {
    padding-top: 39px !important;
  }
  .pr39-sm {
    padding-right: 39px !important;
  }
  .pb39-sm {
    padding-bottom: 39px !important;
  }
  .pl39-sm {
    padding-left: 39px !important;
  }
  .p40 {
    padding: 40px !important;
  }
  .pt40 {
    padding-top: 40px !important;
  }
  .pr40 {
    padding-right: 40px !important;
  }
  .pb40 {
    padding-bottom: 40px !important;
  }
  .pl40 {
    padding-left: 40px !important;
  }
  .p40-sm {
    padding: 40px !important;
  }
  .pt40-sm {
    padding-top: 40px !important;
  }
  .pr40-sm {
    padding-right: 40px !important;
  }
  .pb40-sm {
    padding-bottom: 40px !important;
  }
  .pl40-sm {
    padding-left: 40px !important;
  }
  .p41 {
    padding: 41px !important;
  }
  .pt41 {
    padding-top: 41px !important;
  }
  .pr41 {
    padding-right: 41px !important;
  }
  .pb41 {
    padding-bottom: 41px !important;
  }
  .pl41 {
    padding-left: 41px !important;
  }
  .p41-sm {
    padding: 41px !important;
  }
  .pt41-sm {
    padding-top: 41px !important;
  }
  .pr41-sm {
    padding-right: 41px !important;
  }
  .pb41-sm {
    padding-bottom: 41px !important;
  }
  .pl41-sm {
    padding-left: 41px !important;
  }
  .p42 {
    padding: 42px !important;
  }
  .pt42 {
    padding-top: 42px !important;
  }
  .pr42 {
    padding-right: 42px !important;
  }
  .pb42 {
    padding-bottom: 42px !important;
  }
  .pl42 {
    padding-left: 42px !important;
  }
  .p42-sm {
    padding: 42px !important;
  }
  .pt42-sm {
    padding-top: 42px !important;
  }
  .pr42-sm {
    padding-right: 42px !important;
  }
  .pb42-sm {
    padding-bottom: 42px !important;
  }
  .pl42-sm {
    padding-left: 42px !important;
  }
  .p43 {
    padding: 43px !important;
  }
  .pt43 {
    padding-top: 43px !important;
  }
  .pr43 {
    padding-right: 43px !important;
  }
  .pb43 {
    padding-bottom: 43px !important;
  }
  .pl43 {
    padding-left: 43px !important;
  }
  .p43-sm {
    padding: 43px !important;
  }
  .pt43-sm {
    padding-top: 43px !important;
  }
  .pr43-sm {
    padding-right: 43px !important;
  }
  .pb43-sm {
    padding-bottom: 43px !important;
  }
  .pl43-sm {
    padding-left: 43px !important;
  }
  .p44 {
    padding: 44px !important;
  }
  .pt44 {
    padding-top: 44px !important;
  }
  .pr44 {
    padding-right: 44px !important;
  }
  .pb44 {
    padding-bottom: 44px !important;
  }
  .pl44 {
    padding-left: 44px !important;
  }
  .p44-sm {
    padding: 44px !important;
  }
  .pt44-sm {
    padding-top: 44px !important;
  }
  .pr44-sm {
    padding-right: 44px !important;
  }
  .pb44-sm {
    padding-bottom: 44px !important;
  }
  .pl44-sm {
    padding-left: 44px !important;
  }
  .p45 {
    padding: 45px !important;
  }
  .pt45 {
    padding-top: 45px !important;
  }
  .pr45 {
    padding-right: 45px !important;
  }
  .pb45 {
    padding-bottom: 45px !important;
  }
  .pl45 {
    padding-left: 45px !important;
  }
  .p45-sm {
    padding: 45px !important;
  }
  .pt45-sm {
    padding-top: 45px !important;
  }
  .pr45-sm {
    padding-right: 45px !important;
  }
  .pb45-sm {
    padding-bottom: 45px !important;
  }
  .pl45-sm {
    padding-left: 45px !important;
  }
  .p46 {
    padding: 46px !important;
  }
  .pt46 {
    padding-top: 46px !important;
  }
  .pr46 {
    padding-right: 46px !important;
  }
  .pb46 {
    padding-bottom: 46px !important;
  }
  .pl46 {
    padding-left: 46px !important;
  }
  .p46-sm {
    padding: 46px !important;
  }
  .pt46-sm {
    padding-top: 46px !important;
  }
  .pr46-sm {
    padding-right: 46px !important;
  }
  .pb46-sm {
    padding-bottom: 46px !important;
  }
  .pl46-sm {
    padding-left: 46px !important;
  }
  .p47 {
    padding: 47px !important;
  }
  .pt47 {
    padding-top: 47px !important;
  }
  .pr47 {
    padding-right: 47px !important;
  }
  .pb47 {
    padding-bottom: 47px !important;
  }
  .pl47 {
    padding-left: 47px !important;
  }
  .p47-sm {
    padding: 47px !important;
  }
  .pt47-sm {
    padding-top: 47px !important;
  }
  .pr47-sm {
    padding-right: 47px !important;
  }
  .pb47-sm {
    padding-bottom: 47px !important;
  }
  .pl47-sm {
    padding-left: 47px !important;
  }
  .p48 {
    padding: 48px !important;
  }
  .pt48 {
    padding-top: 48px !important;
  }
  .pr48 {
    padding-right: 48px !important;
  }
  .pb48 {
    padding-bottom: 48px !important;
  }
  .pl48 {
    padding-left: 48px !important;
  }
  .p48-sm {
    padding: 48px !important;
  }
  .pt48-sm {
    padding-top: 48px !important;
  }
  .pr48-sm {
    padding-right: 48px !important;
  }
  .pb48-sm {
    padding-bottom: 48px !important;
  }
  .pl48-sm {
    padding-left: 48px !important;
  }
  .p49 {
    padding: 49px !important;
  }
  .pt49 {
    padding-top: 49px !important;
  }
  .pr49 {
    padding-right: 49px !important;
  }
  .pb49 {
    padding-bottom: 49px !important;
  }
  .pl49 {
    padding-left: 49px !important;
  }
  .p49-sm {
    padding: 49px !important;
  }
  .pt49-sm {
    padding-top: 49px !important;
  }
  .pr49-sm {
    padding-right: 49px !important;
  }
  .pb49-sm {
    padding-bottom: 49px !important;
  }
  .pl49-sm {
    padding-left: 49px !important;
  }
  .p50 {
    padding: 50px !important;
  }
  .pt50 {
    padding-top: 50px !important;
  }
  .pr50 {
    padding-right: 50px !important;
  }
  .pb50 {
    padding-bottom: 50px !important;
  }
  .pl50 {
    padding-left: 50px !important;
  }
  .p50-sm {
    padding: 50px !important;
  }
  .pt50-sm {
    padding-top: 50px !important;
  }
  .pr50-sm {
    padding-right: 50px !important;
  }
  .pb50-sm {
    padding-bottom: 50px !important;
  }
  .pl50-sm {
    padding-left: 50px !important;
  }
}
@media (min-width: 768px) {
  .p0 {
    padding: 0px !important;
  }
  .pt0 {
    padding-top: 0px !important;
  }
  .pr0 {
    padding-right: 0px !important;
  }
  .pb0 {
    padding-bottom: 0px !important;
  }
  .pl0 {
    padding-left: 0px !important;
  }
  .p0-md {
    padding: 0px !important;
  }
  .pt0-md {
    padding-top: 0px !important;
  }
  .pr0-md {
    padding-right: 0px !important;
  }
  .pb0-md {
    padding-bottom: 0px !important;
  }
  .pl0-md {
    padding-left: 0px !important;
  }
  .p1 {
    padding: 1px !important;
  }
  .pt1 {
    padding-top: 1px !important;
  }
  .pr1 {
    padding-right: 1px !important;
  }
  .pb1 {
    padding-bottom: 1px !important;
  }
  .pl1 {
    padding-left: 1px !important;
  }
  .p1-md {
    padding: 1px !important;
  }
  .pt1-md {
    padding-top: 1px !important;
  }
  .pr1-md {
    padding-right: 1px !important;
  }
  .pb1-md {
    padding-bottom: 1px !important;
  }
  .pl1-md {
    padding-left: 1px !important;
  }
  .p2 {
    padding: 2px !important;
  }
  .pt2 {
    padding-top: 2px !important;
  }
  .pr2 {
    padding-right: 2px !important;
  }
  .pb2 {
    padding-bottom: 2px !important;
  }
  .pl2 {
    padding-left: 2px !important;
  }
  .p2-md {
    padding: 2px !important;
  }
  .pt2-md {
    padding-top: 2px !important;
  }
  .pr2-md {
    padding-right: 2px !important;
  }
  .pb2-md {
    padding-bottom: 2px !important;
  }
  .pl2-md {
    padding-left: 2px !important;
  }
  .p3 {
    padding: 3px !important;
  }
  .pt3 {
    padding-top: 3px !important;
  }
  .pr3 {
    padding-right: 3px !important;
  }
  .pb3 {
    padding-bottom: 3px !important;
  }
  .pl3 {
    padding-left: 3px !important;
  }
  .p3-md {
    padding: 3px !important;
  }
  .pt3-md {
    padding-top: 3px !important;
  }
  .pr3-md {
    padding-right: 3px !important;
  }
  .pb3-md {
    padding-bottom: 3px !important;
  }
  .pl3-md {
    padding-left: 3px !important;
  }
  .p4 {
    padding: 4px !important;
  }
  .pt4 {
    padding-top: 4px !important;
  }
  .pr4 {
    padding-right: 4px !important;
  }
  .pb4 {
    padding-bottom: 4px !important;
  }
  .pl4 {
    padding-left: 4px !important;
  }
  .p4-md {
    padding: 4px !important;
  }
  .pt4-md {
    padding-top: 4px !important;
  }
  .pr4-md {
    padding-right: 4px !important;
  }
  .pb4-md {
    padding-bottom: 4px !important;
  }
  .pl4-md {
    padding-left: 4px !important;
  }
  .p5 {
    padding: 5px !important;
  }
  .pt5 {
    padding-top: 5px !important;
  }
  .pr5 {
    padding-right: 5px !important;
  }
  .pb5 {
    padding-bottom: 5px !important;
  }
  .pl5 {
    padding-left: 5px !important;
  }
  .p5-md {
    padding: 5px !important;
  }
  .pt5-md {
    padding-top: 5px !important;
  }
  .pr5-md {
    padding-right: 5px !important;
  }
  .pb5-md {
    padding-bottom: 5px !important;
  }
  .pl5-md {
    padding-left: 5px !important;
  }
  .p6 {
    padding: 6px !important;
  }
  .pt6 {
    padding-top: 6px !important;
  }
  .pr6 {
    padding-right: 6px !important;
  }
  .pb6 {
    padding-bottom: 6px !important;
  }
  .pl6 {
    padding-left: 6px !important;
  }
  .p6-md {
    padding: 6px !important;
  }
  .pt6-md {
    padding-top: 6px !important;
  }
  .pr6-md {
    padding-right: 6px !important;
  }
  .pb6-md {
    padding-bottom: 6px !important;
  }
  .pl6-md {
    padding-left: 6px !important;
  }
  .p7 {
    padding: 7px !important;
  }
  .pt7 {
    padding-top: 7px !important;
  }
  .pr7 {
    padding-right: 7px !important;
  }
  .pb7 {
    padding-bottom: 7px !important;
  }
  .pl7 {
    padding-left: 7px !important;
  }
  .p7-md {
    padding: 7px !important;
  }
  .pt7-md {
    padding-top: 7px !important;
  }
  .pr7-md {
    padding-right: 7px !important;
  }
  .pb7-md {
    padding-bottom: 7px !important;
  }
  .pl7-md {
    padding-left: 7px !important;
  }
  .p8 {
    padding: 8px !important;
  }
  .pt8 {
    padding-top: 8px !important;
  }
  .pr8 {
    padding-right: 8px !important;
  }
  .pb8 {
    padding-bottom: 8px !important;
  }
  .pl8 {
    padding-left: 8px !important;
  }
  .p8-md {
    padding: 8px !important;
  }
  .pt8-md {
    padding-top: 8px !important;
  }
  .pr8-md {
    padding-right: 8px !important;
  }
  .pb8-md {
    padding-bottom: 8px !important;
  }
  .pl8-md {
    padding-left: 8px !important;
  }
  .p9 {
    padding: 9px !important;
  }
  .pt9 {
    padding-top: 9px !important;
  }
  .pr9 {
    padding-right: 9px !important;
  }
  .pb9 {
    padding-bottom: 9px !important;
  }
  .pl9 {
    padding-left: 9px !important;
  }
  .p9-md {
    padding: 9px !important;
  }
  .pt9-md {
    padding-top: 9px !important;
  }
  .pr9-md {
    padding-right: 9px !important;
  }
  .pb9-md {
    padding-bottom: 9px !important;
  }
  .pl9-md {
    padding-left: 9px !important;
  }
  .p10 {
    padding: 10px !important;
  }
  .pt10 {
    padding-top: 10px !important;
  }
  .pr10 {
    padding-right: 10px !important;
  }
  .pb10 {
    padding-bottom: 10px !important;
  }
  .pl10 {
    padding-left: 10px !important;
  }
  .p10-md {
    padding: 10px !important;
  }
  .pt10-md {
    padding-top: 10px !important;
  }
  .pr10-md {
    padding-right: 10px !important;
  }
  .pb10-md {
    padding-bottom: 10px !important;
  }
  .pl10-md {
    padding-left: 10px !important;
  }
  .p11 {
    padding: 11px !important;
  }
  .pt11 {
    padding-top: 11px !important;
  }
  .pr11 {
    padding-right: 11px !important;
  }
  .pb11 {
    padding-bottom: 11px !important;
  }
  .pl11 {
    padding-left: 11px !important;
  }
  .p11-md {
    padding: 11px !important;
  }
  .pt11-md {
    padding-top: 11px !important;
  }
  .pr11-md {
    padding-right: 11px !important;
  }
  .pb11-md {
    padding-bottom: 11px !important;
  }
  .pl11-md {
    padding-left: 11px !important;
  }
  .p12 {
    padding: 12px !important;
  }
  .pt12 {
    padding-top: 12px !important;
  }
  .pr12 {
    padding-right: 12px !important;
  }
  .pb12 {
    padding-bottom: 12px !important;
  }
  .pl12 {
    padding-left: 12px !important;
  }
  .p12-md {
    padding: 12px !important;
  }
  .pt12-md {
    padding-top: 12px !important;
  }
  .pr12-md {
    padding-right: 12px !important;
  }
  .pb12-md {
    padding-bottom: 12px !important;
  }
  .pl12-md {
    padding-left: 12px !important;
  }
  .p13 {
    padding: 13px !important;
  }
  .pt13 {
    padding-top: 13px !important;
  }
  .pr13 {
    padding-right: 13px !important;
  }
  .pb13 {
    padding-bottom: 13px !important;
  }
  .pl13 {
    padding-left: 13px !important;
  }
  .p13-md {
    padding: 13px !important;
  }
  .pt13-md {
    padding-top: 13px !important;
  }
  .pr13-md {
    padding-right: 13px !important;
  }
  .pb13-md {
    padding-bottom: 13px !important;
  }
  .pl13-md {
    padding-left: 13px !important;
  }
  .p14 {
    padding: 14px !important;
  }
  .pt14 {
    padding-top: 14px !important;
  }
  .pr14 {
    padding-right: 14px !important;
  }
  .pb14 {
    padding-bottom: 14px !important;
  }
  .pl14 {
    padding-left: 14px !important;
  }
  .p14-md {
    padding: 14px !important;
  }
  .pt14-md {
    padding-top: 14px !important;
  }
  .pr14-md {
    padding-right: 14px !important;
  }
  .pb14-md {
    padding-bottom: 14px !important;
  }
  .pl14-md {
    padding-left: 14px !important;
  }
  .p15 {
    padding: 15px !important;
  }
  .pt15 {
    padding-top: 15px !important;
  }
  .pr15 {
    padding-right: 15px !important;
  }
  .pb15 {
    padding-bottom: 15px !important;
  }
  .pl15 {
    padding-left: 15px !important;
  }
  .p15-md {
    padding: 15px !important;
  }
  .pt15-md {
    padding-top: 15px !important;
  }
  .pr15-md {
    padding-right: 15px !important;
  }
  .pb15-md {
    padding-bottom: 15px !important;
  }
  .pl15-md {
    padding-left: 15px !important;
  }
  .p16 {
    padding: 16px !important;
  }
  .pt16 {
    padding-top: 16px !important;
  }
  .pr16 {
    padding-right: 16px !important;
  }
  .pb16 {
    padding-bottom: 16px !important;
  }
  .pl16 {
    padding-left: 16px !important;
  }
  .p16-md {
    padding: 16px !important;
  }
  .pt16-md {
    padding-top: 16px !important;
  }
  .pr16-md {
    padding-right: 16px !important;
  }
  .pb16-md {
    padding-bottom: 16px !important;
  }
  .pl16-md {
    padding-left: 16px !important;
  }
  .p17 {
    padding: 17px !important;
  }
  .pt17 {
    padding-top: 17px !important;
  }
  .pr17 {
    padding-right: 17px !important;
  }
  .pb17 {
    padding-bottom: 17px !important;
  }
  .pl17 {
    padding-left: 17px !important;
  }
  .p17-md {
    padding: 17px !important;
  }
  .pt17-md {
    padding-top: 17px !important;
  }
  .pr17-md {
    padding-right: 17px !important;
  }
  .pb17-md {
    padding-bottom: 17px !important;
  }
  .pl17-md {
    padding-left: 17px !important;
  }
  .p18 {
    padding: 18px !important;
  }
  .pt18 {
    padding-top: 18px !important;
  }
  .pr18 {
    padding-right: 18px !important;
  }
  .pb18 {
    padding-bottom: 18px !important;
  }
  .pl18 {
    padding-left: 18px !important;
  }
  .p18-md {
    padding: 18px !important;
  }
  .pt18-md {
    padding-top: 18px !important;
  }
  .pr18-md {
    padding-right: 18px !important;
  }
  .pb18-md {
    padding-bottom: 18px !important;
  }
  .pl18-md {
    padding-left: 18px !important;
  }
  .p19 {
    padding: 19px !important;
  }
  .pt19 {
    padding-top: 19px !important;
  }
  .pr19 {
    padding-right: 19px !important;
  }
  .pb19 {
    padding-bottom: 19px !important;
  }
  .pl19 {
    padding-left: 19px !important;
  }
  .p19-md {
    padding: 19px !important;
  }
  .pt19-md {
    padding-top: 19px !important;
  }
  .pr19-md {
    padding-right: 19px !important;
  }
  .pb19-md {
    padding-bottom: 19px !important;
  }
  .pl19-md {
    padding-left: 19px !important;
  }
  .p20 {
    padding: 20px !important;
  }
  .pt20 {
    padding-top: 20px !important;
  }
  .pr20 {
    padding-right: 20px !important;
  }
  .pb20 {
    padding-bottom: 20px !important;
  }
  .pl20 {
    padding-left: 20px !important;
  }
  .p20-md {
    padding: 20px !important;
  }
  .pt20-md {
    padding-top: 20px !important;
  }
  .pr20-md {
    padding-right: 20px !important;
  }
  .pb20-md {
    padding-bottom: 20px !important;
  }
  .pl20-md {
    padding-left: 20px !important;
  }
  .p21 {
    padding: 21px !important;
  }
  .pt21 {
    padding-top: 21px !important;
  }
  .pr21 {
    padding-right: 21px !important;
  }
  .pb21 {
    padding-bottom: 21px !important;
  }
  .pl21 {
    padding-left: 21px !important;
  }
  .p21-md {
    padding: 21px !important;
  }
  .pt21-md {
    padding-top: 21px !important;
  }
  .pr21-md {
    padding-right: 21px !important;
  }
  .pb21-md {
    padding-bottom: 21px !important;
  }
  .pl21-md {
    padding-left: 21px !important;
  }
  .p22 {
    padding: 22px !important;
  }
  .pt22 {
    padding-top: 22px !important;
  }
  .pr22 {
    padding-right: 22px !important;
  }
  .pb22 {
    padding-bottom: 22px !important;
  }
  .pl22 {
    padding-left: 22px !important;
  }
  .p22-md {
    padding: 22px !important;
  }
  .pt22-md {
    padding-top: 22px !important;
  }
  .pr22-md {
    padding-right: 22px !important;
  }
  .pb22-md {
    padding-bottom: 22px !important;
  }
  .pl22-md {
    padding-left: 22px !important;
  }
  .p23 {
    padding: 23px !important;
  }
  .pt23 {
    padding-top: 23px !important;
  }
  .pr23 {
    padding-right: 23px !important;
  }
  .pb23 {
    padding-bottom: 23px !important;
  }
  .pl23 {
    padding-left: 23px !important;
  }
  .p23-md {
    padding: 23px !important;
  }
  .pt23-md {
    padding-top: 23px !important;
  }
  .pr23-md {
    padding-right: 23px !important;
  }
  .pb23-md {
    padding-bottom: 23px !important;
  }
  .pl23-md {
    padding-left: 23px !important;
  }
  .p24 {
    padding: 24px !important;
  }
  .pt24 {
    padding-top: 24px !important;
  }
  .pr24 {
    padding-right: 24px !important;
  }
  .pb24 {
    padding-bottom: 24px !important;
  }
  .pl24 {
    padding-left: 24px !important;
  }
  .p24-md {
    padding: 24px !important;
  }
  .pt24-md {
    padding-top: 24px !important;
  }
  .pr24-md {
    padding-right: 24px !important;
  }
  .pb24-md {
    padding-bottom: 24px !important;
  }
  .pl24-md {
    padding-left: 24px !important;
  }
  .p25 {
    padding: 25px !important;
  }
  .pt25 {
    padding-top: 25px !important;
  }
  .pr25 {
    padding-right: 25px !important;
  }
  .pb25 {
    padding-bottom: 25px !important;
  }
  .pl25 {
    padding-left: 25px !important;
  }
  .p25-md {
    padding: 25px !important;
  }
  .pt25-md {
    padding-top: 25px !important;
  }
  .pr25-md {
    padding-right: 25px !important;
  }
  .pb25-md {
    padding-bottom: 25px !important;
  }
  .pl25-md {
    padding-left: 25px !important;
  }
  .p26 {
    padding: 26px !important;
  }
  .pt26 {
    padding-top: 26px !important;
  }
  .pr26 {
    padding-right: 26px !important;
  }
  .pb26 {
    padding-bottom: 26px !important;
  }
  .pl26 {
    padding-left: 26px !important;
  }
  .p26-md {
    padding: 26px !important;
  }
  .pt26-md {
    padding-top: 26px !important;
  }
  .pr26-md {
    padding-right: 26px !important;
  }
  .pb26-md {
    padding-bottom: 26px !important;
  }
  .pl26-md {
    padding-left: 26px !important;
  }
  .p27 {
    padding: 27px !important;
  }
  .pt27 {
    padding-top: 27px !important;
  }
  .pr27 {
    padding-right: 27px !important;
  }
  .pb27 {
    padding-bottom: 27px !important;
  }
  .pl27 {
    padding-left: 27px !important;
  }
  .p27-md {
    padding: 27px !important;
  }
  .pt27-md {
    padding-top: 27px !important;
  }
  .pr27-md {
    padding-right: 27px !important;
  }
  .pb27-md {
    padding-bottom: 27px !important;
  }
  .pl27-md {
    padding-left: 27px !important;
  }
  .p28 {
    padding: 28px !important;
  }
  .pt28 {
    padding-top: 28px !important;
  }
  .pr28 {
    padding-right: 28px !important;
  }
  .pb28 {
    padding-bottom: 28px !important;
  }
  .pl28 {
    padding-left: 28px !important;
  }
  .p28-md {
    padding: 28px !important;
  }
  .pt28-md {
    padding-top: 28px !important;
  }
  .pr28-md {
    padding-right: 28px !important;
  }
  .pb28-md {
    padding-bottom: 28px !important;
  }
  .pl28-md {
    padding-left: 28px !important;
  }
  .p29 {
    padding: 29px !important;
  }
  .pt29 {
    padding-top: 29px !important;
  }
  .pr29 {
    padding-right: 29px !important;
  }
  .pb29 {
    padding-bottom: 29px !important;
  }
  .pl29 {
    padding-left: 29px !important;
  }
  .p29-md {
    padding: 29px !important;
  }
  .pt29-md {
    padding-top: 29px !important;
  }
  .pr29-md {
    padding-right: 29px !important;
  }
  .pb29-md {
    padding-bottom: 29px !important;
  }
  .pl29-md {
    padding-left: 29px !important;
  }
  .p30 {
    padding: 30px !important;
  }
  .pt30 {
    padding-top: 30px !important;
  }
  .pr30 {
    padding-right: 30px !important;
  }
  .pb30 {
    padding-bottom: 30px !important;
  }
  .pl30 {
    padding-left: 30px !important;
  }
  .p30-md {
    padding: 30px !important;
  }
  .pt30-md {
    padding-top: 30px !important;
  }
  .pr30-md {
    padding-right: 30px !important;
  }
  .pb30-md {
    padding-bottom: 30px !important;
  }
  .pl30-md {
    padding-left: 30px !important;
  }
  .p31 {
    padding: 31px !important;
  }
  .pt31 {
    padding-top: 31px !important;
  }
  .pr31 {
    padding-right: 31px !important;
  }
  .pb31 {
    padding-bottom: 31px !important;
  }
  .pl31 {
    padding-left: 31px !important;
  }
  .p31-md {
    padding: 31px !important;
  }
  .pt31-md {
    padding-top: 31px !important;
  }
  .pr31-md {
    padding-right: 31px !important;
  }
  .pb31-md {
    padding-bottom: 31px !important;
  }
  .pl31-md {
    padding-left: 31px !important;
  }
  .p32 {
    padding: 32px !important;
  }
  .pt32 {
    padding-top: 32px !important;
  }
  .pr32 {
    padding-right: 32px !important;
  }
  .pb32 {
    padding-bottom: 32px !important;
  }
  .pl32 {
    padding-left: 32px !important;
  }
  .p32-md {
    padding: 32px !important;
  }
  .pt32-md {
    padding-top: 32px !important;
  }
  .pr32-md {
    padding-right: 32px !important;
  }
  .pb32-md {
    padding-bottom: 32px !important;
  }
  .pl32-md {
    padding-left: 32px !important;
  }
  .p33 {
    padding: 33px !important;
  }
  .pt33 {
    padding-top: 33px !important;
  }
  .pr33 {
    padding-right: 33px !important;
  }
  .pb33 {
    padding-bottom: 33px !important;
  }
  .pl33 {
    padding-left: 33px !important;
  }
  .p33-md {
    padding: 33px !important;
  }
  .pt33-md {
    padding-top: 33px !important;
  }
  .pr33-md {
    padding-right: 33px !important;
  }
  .pb33-md {
    padding-bottom: 33px !important;
  }
  .pl33-md {
    padding-left: 33px !important;
  }
  .p34 {
    padding: 34px !important;
  }
  .pt34 {
    padding-top: 34px !important;
  }
  .pr34 {
    padding-right: 34px !important;
  }
  .pb34 {
    padding-bottom: 34px !important;
  }
  .pl34 {
    padding-left: 34px !important;
  }
  .p34-md {
    padding: 34px !important;
  }
  .pt34-md {
    padding-top: 34px !important;
  }
  .pr34-md {
    padding-right: 34px !important;
  }
  .pb34-md {
    padding-bottom: 34px !important;
  }
  .pl34-md {
    padding-left: 34px !important;
  }
  .p35 {
    padding: 35px !important;
  }
  .pt35 {
    padding-top: 35px !important;
  }
  .pr35 {
    padding-right: 35px !important;
  }
  .pb35 {
    padding-bottom: 35px !important;
  }
  .pl35 {
    padding-left: 35px !important;
  }
  .p35-md {
    padding: 35px !important;
  }
  .pt35-md {
    padding-top: 35px !important;
  }
  .pr35-md {
    padding-right: 35px !important;
  }
  .pb35-md {
    padding-bottom: 35px !important;
  }
  .pl35-md {
    padding-left: 35px !important;
  }
  .p36 {
    padding: 36px !important;
  }
  .pt36 {
    padding-top: 36px !important;
  }
  .pr36 {
    padding-right: 36px !important;
  }
  .pb36 {
    padding-bottom: 36px !important;
  }
  .pl36 {
    padding-left: 36px !important;
  }
  .p36-md {
    padding: 36px !important;
  }
  .pt36-md {
    padding-top: 36px !important;
  }
  .pr36-md {
    padding-right: 36px !important;
  }
  .pb36-md {
    padding-bottom: 36px !important;
  }
  .pl36-md {
    padding-left: 36px !important;
  }
  .p37 {
    padding: 37px !important;
  }
  .pt37 {
    padding-top: 37px !important;
  }
  .pr37 {
    padding-right: 37px !important;
  }
  .pb37 {
    padding-bottom: 37px !important;
  }
  .pl37 {
    padding-left: 37px !important;
  }
  .p37-md {
    padding: 37px !important;
  }
  .pt37-md {
    padding-top: 37px !important;
  }
  .pr37-md {
    padding-right: 37px !important;
  }
  .pb37-md {
    padding-bottom: 37px !important;
  }
  .pl37-md {
    padding-left: 37px !important;
  }
  .p38 {
    padding: 38px !important;
  }
  .pt38 {
    padding-top: 38px !important;
  }
  .pr38 {
    padding-right: 38px !important;
  }
  .pb38 {
    padding-bottom: 38px !important;
  }
  .pl38 {
    padding-left: 38px !important;
  }
  .p38-md {
    padding: 38px !important;
  }
  .pt38-md {
    padding-top: 38px !important;
  }
  .pr38-md {
    padding-right: 38px !important;
  }
  .pb38-md {
    padding-bottom: 38px !important;
  }
  .pl38-md {
    padding-left: 38px !important;
  }
  .p39 {
    padding: 39px !important;
  }
  .pt39 {
    padding-top: 39px !important;
  }
  .pr39 {
    padding-right: 39px !important;
  }
  .pb39 {
    padding-bottom: 39px !important;
  }
  .pl39 {
    padding-left: 39px !important;
  }
  .p39-md {
    padding: 39px !important;
  }
  .pt39-md {
    padding-top: 39px !important;
  }
  .pr39-md {
    padding-right: 39px !important;
  }
  .pb39-md {
    padding-bottom: 39px !important;
  }
  .pl39-md {
    padding-left: 39px !important;
  }
  .p40 {
    padding: 40px !important;
  }
  .pt40 {
    padding-top: 40px !important;
  }
  .pr40 {
    padding-right: 40px !important;
  }
  .pb40 {
    padding-bottom: 40px !important;
  }
  .pl40 {
    padding-left: 40px !important;
  }
  .p40-md {
    padding: 40px !important;
  }
  .pt40-md {
    padding-top: 40px !important;
  }
  .pr40-md {
    padding-right: 40px !important;
  }
  .pb40-md {
    padding-bottom: 40px !important;
  }
  .pl40-md {
    padding-left: 40px !important;
  }
  .p41 {
    padding: 41px !important;
  }
  .pt41 {
    padding-top: 41px !important;
  }
  .pr41 {
    padding-right: 41px !important;
  }
  .pb41 {
    padding-bottom: 41px !important;
  }
  .pl41 {
    padding-left: 41px !important;
  }
  .p41-md {
    padding: 41px !important;
  }
  .pt41-md {
    padding-top: 41px !important;
  }
  .pr41-md {
    padding-right: 41px !important;
  }
  .pb41-md {
    padding-bottom: 41px !important;
  }
  .pl41-md {
    padding-left: 41px !important;
  }
  .p42 {
    padding: 42px !important;
  }
  .pt42 {
    padding-top: 42px !important;
  }
  .pr42 {
    padding-right: 42px !important;
  }
  .pb42 {
    padding-bottom: 42px !important;
  }
  .pl42 {
    padding-left: 42px !important;
  }
  .p42-md {
    padding: 42px !important;
  }
  .pt42-md {
    padding-top: 42px !important;
  }
  .pr42-md {
    padding-right: 42px !important;
  }
  .pb42-md {
    padding-bottom: 42px !important;
  }
  .pl42-md {
    padding-left: 42px !important;
  }
  .p43 {
    padding: 43px !important;
  }
  .pt43 {
    padding-top: 43px !important;
  }
  .pr43 {
    padding-right: 43px !important;
  }
  .pb43 {
    padding-bottom: 43px !important;
  }
  .pl43 {
    padding-left: 43px !important;
  }
  .p43-md {
    padding: 43px !important;
  }
  .pt43-md {
    padding-top: 43px !important;
  }
  .pr43-md {
    padding-right: 43px !important;
  }
  .pb43-md {
    padding-bottom: 43px !important;
  }
  .pl43-md {
    padding-left: 43px !important;
  }
  .p44 {
    padding: 44px !important;
  }
  .pt44 {
    padding-top: 44px !important;
  }
  .pr44 {
    padding-right: 44px !important;
  }
  .pb44 {
    padding-bottom: 44px !important;
  }
  .pl44 {
    padding-left: 44px !important;
  }
  .p44-md {
    padding: 44px !important;
  }
  .pt44-md {
    padding-top: 44px !important;
  }
  .pr44-md {
    padding-right: 44px !important;
  }
  .pb44-md {
    padding-bottom: 44px !important;
  }
  .pl44-md {
    padding-left: 44px !important;
  }
  .p45 {
    padding: 45px !important;
  }
  .pt45 {
    padding-top: 45px !important;
  }
  .pr45 {
    padding-right: 45px !important;
  }
  .pb45 {
    padding-bottom: 45px !important;
  }
  .pl45 {
    padding-left: 45px !important;
  }
  .p45-md {
    padding: 45px !important;
  }
  .pt45-md {
    padding-top: 45px !important;
  }
  .pr45-md {
    padding-right: 45px !important;
  }
  .pb45-md {
    padding-bottom: 45px !important;
  }
  .pl45-md {
    padding-left: 45px !important;
  }
  .p46 {
    padding: 46px !important;
  }
  .pt46 {
    padding-top: 46px !important;
  }
  .pr46 {
    padding-right: 46px !important;
  }
  .pb46 {
    padding-bottom: 46px !important;
  }
  .pl46 {
    padding-left: 46px !important;
  }
  .p46-md {
    padding: 46px !important;
  }
  .pt46-md {
    padding-top: 46px !important;
  }
  .pr46-md {
    padding-right: 46px !important;
  }
  .pb46-md {
    padding-bottom: 46px !important;
  }
  .pl46-md {
    padding-left: 46px !important;
  }
  .p47 {
    padding: 47px !important;
  }
  .pt47 {
    padding-top: 47px !important;
  }
  .pr47 {
    padding-right: 47px !important;
  }
  .pb47 {
    padding-bottom: 47px !important;
  }
  .pl47 {
    padding-left: 47px !important;
  }
  .p47-md {
    padding: 47px !important;
  }
  .pt47-md {
    padding-top: 47px !important;
  }
  .pr47-md {
    padding-right: 47px !important;
  }
  .pb47-md {
    padding-bottom: 47px !important;
  }
  .pl47-md {
    padding-left: 47px !important;
  }
  .p48 {
    padding: 48px !important;
  }
  .pt48 {
    padding-top: 48px !important;
  }
  .pr48 {
    padding-right: 48px !important;
  }
  .pb48 {
    padding-bottom: 48px !important;
  }
  .pl48 {
    padding-left: 48px !important;
  }
  .p48-md {
    padding: 48px !important;
  }
  .pt48-md {
    padding-top: 48px !important;
  }
  .pr48-md {
    padding-right: 48px !important;
  }
  .pb48-md {
    padding-bottom: 48px !important;
  }
  .pl48-md {
    padding-left: 48px !important;
  }
  .p49 {
    padding: 49px !important;
  }
  .pt49 {
    padding-top: 49px !important;
  }
  .pr49 {
    padding-right: 49px !important;
  }
  .pb49 {
    padding-bottom: 49px !important;
  }
  .pl49 {
    padding-left: 49px !important;
  }
  .p49-md {
    padding: 49px !important;
  }
  .pt49-md {
    padding-top: 49px !important;
  }
  .pr49-md {
    padding-right: 49px !important;
  }
  .pb49-md {
    padding-bottom: 49px !important;
  }
  .pl49-md {
    padding-left: 49px !important;
  }
  .p50 {
    padding: 50px !important;
  }
  .pt50 {
    padding-top: 50px !important;
  }
  .pr50 {
    padding-right: 50px !important;
  }
  .pb50 {
    padding-bottom: 50px !important;
  }
  .pl50 {
    padding-left: 50px !important;
  }
  .p50-md {
    padding: 50px !important;
  }
  .pt50-md {
    padding-top: 50px !important;
  }
  .pr50-md {
    padding-right: 50px !important;
  }
  .pb50-md {
    padding-bottom: 50px !important;
  }
  .pl50-md {
    padding-left: 50px !important;
  }
}
@media (min-width: 992px) {
  .p0 {
    padding: 0px !important;
  }
  .pt0 {
    padding-top: 0px !important;
  }
  .pr0 {
    padding-right: 0px !important;
  }
  .pb0 {
    padding-bottom: 0px !important;
  }
  .pl0 {
    padding-left: 0px !important;
  }
  .p0-lg {
    padding: 0px !important;
  }
  .pt0-lg {
    padding-top: 0px !important;
  }
  .pr0-lg {
    padding-right: 0px !important;
  }
  .pb0-lg {
    padding-bottom: 0px !important;
  }
  .pl0-lg {
    padding-left: 0px !important;
  }
  .p1 {
    padding: 1px !important;
  }
  .pt1 {
    padding-top: 1px !important;
  }
  .pr1 {
    padding-right: 1px !important;
  }
  .pb1 {
    padding-bottom: 1px !important;
  }
  .pl1 {
    padding-left: 1px !important;
  }
  .p1-lg {
    padding: 1px !important;
  }
  .pt1-lg {
    padding-top: 1px !important;
  }
  .pr1-lg {
    padding-right: 1px !important;
  }
  .pb1-lg {
    padding-bottom: 1px !important;
  }
  .pl1-lg {
    padding-left: 1px !important;
  }
  .p2 {
    padding: 2px !important;
  }
  .pt2 {
    padding-top: 2px !important;
  }
  .pr2 {
    padding-right: 2px !important;
  }
  .pb2 {
    padding-bottom: 2px !important;
  }
  .pl2 {
    padding-left: 2px !important;
  }
  .p2-lg {
    padding: 2px !important;
  }
  .pt2-lg {
    padding-top: 2px !important;
  }
  .pr2-lg {
    padding-right: 2px !important;
  }
  .pb2-lg {
    padding-bottom: 2px !important;
  }
  .pl2-lg {
    padding-left: 2px !important;
  }
  .p3 {
    padding: 3px !important;
  }
  .pt3 {
    padding-top: 3px !important;
  }
  .pr3 {
    padding-right: 3px !important;
  }
  .pb3 {
    padding-bottom: 3px !important;
  }
  .pl3 {
    padding-left: 3px !important;
  }
  .p3-lg {
    padding: 3px !important;
  }
  .pt3-lg {
    padding-top: 3px !important;
  }
  .pr3-lg {
    padding-right: 3px !important;
  }
  .pb3-lg {
    padding-bottom: 3px !important;
  }
  .pl3-lg {
    padding-left: 3px !important;
  }
  .p4 {
    padding: 4px !important;
  }
  .pt4 {
    padding-top: 4px !important;
  }
  .pr4 {
    padding-right: 4px !important;
  }
  .pb4 {
    padding-bottom: 4px !important;
  }
  .pl4 {
    padding-left: 4px !important;
  }
  .p4-lg {
    padding: 4px !important;
  }
  .pt4-lg {
    padding-top: 4px !important;
  }
  .pr4-lg {
    padding-right: 4px !important;
  }
  .pb4-lg {
    padding-bottom: 4px !important;
  }
  .pl4-lg {
    padding-left: 4px !important;
  }
  .p5 {
    padding: 5px !important;
  }
  .pt5 {
    padding-top: 5px !important;
  }
  .pr5 {
    padding-right: 5px !important;
  }
  .pb5 {
    padding-bottom: 5px !important;
  }
  .pl5 {
    padding-left: 5px !important;
  }
  .p5-lg {
    padding: 5px !important;
  }
  .pt5-lg {
    padding-top: 5px !important;
  }
  .pr5-lg {
    padding-right: 5px !important;
  }
  .pb5-lg {
    padding-bottom: 5px !important;
  }
  .pl5-lg {
    padding-left: 5px !important;
  }
  .p6 {
    padding: 6px !important;
  }
  .pt6 {
    padding-top: 6px !important;
  }
  .pr6 {
    padding-right: 6px !important;
  }
  .pb6 {
    padding-bottom: 6px !important;
  }
  .pl6 {
    padding-left: 6px !important;
  }
  .p6-lg {
    padding: 6px !important;
  }
  .pt6-lg {
    padding-top: 6px !important;
  }
  .pr6-lg {
    padding-right: 6px !important;
  }
  .pb6-lg {
    padding-bottom: 6px !important;
  }
  .pl6-lg {
    padding-left: 6px !important;
  }
  .p7 {
    padding: 7px !important;
  }
  .pt7 {
    padding-top: 7px !important;
  }
  .pr7 {
    padding-right: 7px !important;
  }
  .pb7 {
    padding-bottom: 7px !important;
  }
  .pl7 {
    padding-left: 7px !important;
  }
  .p7-lg {
    padding: 7px !important;
  }
  .pt7-lg {
    padding-top: 7px !important;
  }
  .pr7-lg {
    padding-right: 7px !important;
  }
  .pb7-lg {
    padding-bottom: 7px !important;
  }
  .pl7-lg {
    padding-left: 7px !important;
  }
  .p8 {
    padding: 8px !important;
  }
  .pt8 {
    padding-top: 8px !important;
  }
  .pr8 {
    padding-right: 8px !important;
  }
  .pb8 {
    padding-bottom: 8px !important;
  }
  .pl8 {
    padding-left: 8px !important;
  }
  .p8-lg {
    padding: 8px !important;
  }
  .pt8-lg {
    padding-top: 8px !important;
  }
  .pr8-lg {
    padding-right: 8px !important;
  }
  .pb8-lg {
    padding-bottom: 8px !important;
  }
  .pl8-lg {
    padding-left: 8px !important;
  }
  .p9 {
    padding: 9px !important;
  }
  .pt9 {
    padding-top: 9px !important;
  }
  .pr9 {
    padding-right: 9px !important;
  }
  .pb9 {
    padding-bottom: 9px !important;
  }
  .pl9 {
    padding-left: 9px !important;
  }
  .p9-lg {
    padding: 9px !important;
  }
  .pt9-lg {
    padding-top: 9px !important;
  }
  .pr9-lg {
    padding-right: 9px !important;
  }
  .pb9-lg {
    padding-bottom: 9px !important;
  }
  .pl9-lg {
    padding-left: 9px !important;
  }
  .p10 {
    padding: 10px !important;
  }
  .pt10 {
    padding-top: 10px !important;
  }
  .pr10 {
    padding-right: 10px !important;
  }
  .pb10 {
    padding-bottom: 10px !important;
  }
  .pl10 {
    padding-left: 10px !important;
  }
  .p10-lg {
    padding: 10px !important;
  }
  .pt10-lg {
    padding-top: 10px !important;
  }
  .pr10-lg {
    padding-right: 10px !important;
  }
  .pb10-lg {
    padding-bottom: 10px !important;
  }
  .pl10-lg {
    padding-left: 10px !important;
  }
  .p11 {
    padding: 11px !important;
  }
  .pt11 {
    padding-top: 11px !important;
  }
  .pr11 {
    padding-right: 11px !important;
  }
  .pb11 {
    padding-bottom: 11px !important;
  }
  .pl11 {
    padding-left: 11px !important;
  }
  .p11-lg {
    padding: 11px !important;
  }
  .pt11-lg {
    padding-top: 11px !important;
  }
  .pr11-lg {
    padding-right: 11px !important;
  }
  .pb11-lg {
    padding-bottom: 11px !important;
  }
  .pl11-lg {
    padding-left: 11px !important;
  }
  .p12 {
    padding: 12px !important;
  }
  .pt12 {
    padding-top: 12px !important;
  }
  .pr12 {
    padding-right: 12px !important;
  }
  .pb12 {
    padding-bottom: 12px !important;
  }
  .pl12 {
    padding-left: 12px !important;
  }
  .p12-lg {
    padding: 12px !important;
  }
  .pt12-lg {
    padding-top: 12px !important;
  }
  .pr12-lg {
    padding-right: 12px !important;
  }
  .pb12-lg {
    padding-bottom: 12px !important;
  }
  .pl12-lg {
    padding-left: 12px !important;
  }
  .p13 {
    padding: 13px !important;
  }
  .pt13 {
    padding-top: 13px !important;
  }
  .pr13 {
    padding-right: 13px !important;
  }
  .pb13 {
    padding-bottom: 13px !important;
  }
  .pl13 {
    padding-left: 13px !important;
  }
  .p13-lg {
    padding: 13px !important;
  }
  .pt13-lg {
    padding-top: 13px !important;
  }
  .pr13-lg {
    padding-right: 13px !important;
  }
  .pb13-lg {
    padding-bottom: 13px !important;
  }
  .pl13-lg {
    padding-left: 13px !important;
  }
  .p14 {
    padding: 14px !important;
  }
  .pt14 {
    padding-top: 14px !important;
  }
  .pr14 {
    padding-right: 14px !important;
  }
  .pb14 {
    padding-bottom: 14px !important;
  }
  .pl14 {
    padding-left: 14px !important;
  }
  .p14-lg {
    padding: 14px !important;
  }
  .pt14-lg {
    padding-top: 14px !important;
  }
  .pr14-lg {
    padding-right: 14px !important;
  }
  .pb14-lg {
    padding-bottom: 14px !important;
  }
  .pl14-lg {
    padding-left: 14px !important;
  }
  .p15 {
    padding: 15px !important;
  }
  .pt15 {
    padding-top: 15px !important;
  }
  .pr15 {
    padding-right: 15px !important;
  }
  .pb15 {
    padding-bottom: 15px !important;
  }
  .pl15 {
    padding-left: 15px !important;
  }
  .p15-lg {
    padding: 15px !important;
  }
  .pt15-lg {
    padding-top: 15px !important;
  }
  .pr15-lg {
    padding-right: 15px !important;
  }
  .pb15-lg {
    padding-bottom: 15px !important;
  }
  .pl15-lg {
    padding-left: 15px !important;
  }
  .p16 {
    padding: 16px !important;
  }
  .pt16 {
    padding-top: 16px !important;
  }
  .pr16 {
    padding-right: 16px !important;
  }
  .pb16 {
    padding-bottom: 16px !important;
  }
  .pl16 {
    padding-left: 16px !important;
  }
  .p16-lg {
    padding: 16px !important;
  }
  .pt16-lg {
    padding-top: 16px !important;
  }
  .pr16-lg {
    padding-right: 16px !important;
  }
  .pb16-lg {
    padding-bottom: 16px !important;
  }
  .pl16-lg {
    padding-left: 16px !important;
  }
  .p17 {
    padding: 17px !important;
  }
  .pt17 {
    padding-top: 17px !important;
  }
  .pr17 {
    padding-right: 17px !important;
  }
  .pb17 {
    padding-bottom: 17px !important;
  }
  .pl17 {
    padding-left: 17px !important;
  }
  .p17-lg {
    padding: 17px !important;
  }
  .pt17-lg {
    padding-top: 17px !important;
  }
  .pr17-lg {
    padding-right: 17px !important;
  }
  .pb17-lg {
    padding-bottom: 17px !important;
  }
  .pl17-lg {
    padding-left: 17px !important;
  }
  .p18 {
    padding: 18px !important;
  }
  .pt18 {
    padding-top: 18px !important;
  }
  .pr18 {
    padding-right: 18px !important;
  }
  .pb18 {
    padding-bottom: 18px !important;
  }
  .pl18 {
    padding-left: 18px !important;
  }
  .p18-lg {
    padding: 18px !important;
  }
  .pt18-lg {
    padding-top: 18px !important;
  }
  .pr18-lg {
    padding-right: 18px !important;
  }
  .pb18-lg {
    padding-bottom: 18px !important;
  }
  .pl18-lg {
    padding-left: 18px !important;
  }
  .p19 {
    padding: 19px !important;
  }
  .pt19 {
    padding-top: 19px !important;
  }
  .pr19 {
    padding-right: 19px !important;
  }
  .pb19 {
    padding-bottom: 19px !important;
  }
  .pl19 {
    padding-left: 19px !important;
  }
  .p19-lg {
    padding: 19px !important;
  }
  .pt19-lg {
    padding-top: 19px !important;
  }
  .pr19-lg {
    padding-right: 19px !important;
  }
  .pb19-lg {
    padding-bottom: 19px !important;
  }
  .pl19-lg {
    padding-left: 19px !important;
  }
  .p20 {
    padding: 20px !important;
  }
  .pt20 {
    padding-top: 20px !important;
  }
  .pr20 {
    padding-right: 20px !important;
  }
  .pb20 {
    padding-bottom: 20px !important;
  }
  .pl20 {
    padding-left: 20px !important;
  }
  .p20-lg {
    padding: 20px !important;
  }
  .pt20-lg {
    padding-top: 20px !important;
  }
  .pr20-lg {
    padding-right: 20px !important;
  }
  .pb20-lg {
    padding-bottom: 20px !important;
  }
  .pl20-lg {
    padding-left: 20px !important;
  }
  .p21 {
    padding: 21px !important;
  }
  .pt21 {
    padding-top: 21px !important;
  }
  .pr21 {
    padding-right: 21px !important;
  }
  .pb21 {
    padding-bottom: 21px !important;
  }
  .pl21 {
    padding-left: 21px !important;
  }
  .p21-lg {
    padding: 21px !important;
  }
  .pt21-lg {
    padding-top: 21px !important;
  }
  .pr21-lg {
    padding-right: 21px !important;
  }
  .pb21-lg {
    padding-bottom: 21px !important;
  }
  .pl21-lg {
    padding-left: 21px !important;
  }
  .p22 {
    padding: 22px !important;
  }
  .pt22 {
    padding-top: 22px !important;
  }
  .pr22 {
    padding-right: 22px !important;
  }
  .pb22 {
    padding-bottom: 22px !important;
  }
  .pl22 {
    padding-left: 22px !important;
  }
  .p22-lg {
    padding: 22px !important;
  }
  .pt22-lg {
    padding-top: 22px !important;
  }
  .pr22-lg {
    padding-right: 22px !important;
  }
  .pb22-lg {
    padding-bottom: 22px !important;
  }
  .pl22-lg {
    padding-left: 22px !important;
  }
  .p23 {
    padding: 23px !important;
  }
  .pt23 {
    padding-top: 23px !important;
  }
  .pr23 {
    padding-right: 23px !important;
  }
  .pb23 {
    padding-bottom: 23px !important;
  }
  .pl23 {
    padding-left: 23px !important;
  }
  .p23-lg {
    padding: 23px !important;
  }
  .pt23-lg {
    padding-top: 23px !important;
  }
  .pr23-lg {
    padding-right: 23px !important;
  }
  .pb23-lg {
    padding-bottom: 23px !important;
  }
  .pl23-lg {
    padding-left: 23px !important;
  }
  .p24 {
    padding: 24px !important;
  }
  .pt24 {
    padding-top: 24px !important;
  }
  .pr24 {
    padding-right: 24px !important;
  }
  .pb24 {
    padding-bottom: 24px !important;
  }
  .pl24 {
    padding-left: 24px !important;
  }
  .p24-lg {
    padding: 24px !important;
  }
  .pt24-lg {
    padding-top: 24px !important;
  }
  .pr24-lg {
    padding-right: 24px !important;
  }
  .pb24-lg {
    padding-bottom: 24px !important;
  }
  .pl24-lg {
    padding-left: 24px !important;
  }
  .p25 {
    padding: 25px !important;
  }
  .pt25 {
    padding-top: 25px !important;
  }
  .pr25 {
    padding-right: 25px !important;
  }
  .pb25 {
    padding-bottom: 25px !important;
  }
  .pl25 {
    padding-left: 25px !important;
  }
  .p25-lg {
    padding: 25px !important;
  }
  .pt25-lg {
    padding-top: 25px !important;
  }
  .pr25-lg {
    padding-right: 25px !important;
  }
  .pb25-lg {
    padding-bottom: 25px !important;
  }
  .pl25-lg {
    padding-left: 25px !important;
  }
  .p26 {
    padding: 26px !important;
  }
  .pt26 {
    padding-top: 26px !important;
  }
  .pr26 {
    padding-right: 26px !important;
  }
  .pb26 {
    padding-bottom: 26px !important;
  }
  .pl26 {
    padding-left: 26px !important;
  }
  .p26-lg {
    padding: 26px !important;
  }
  .pt26-lg {
    padding-top: 26px !important;
  }
  .pr26-lg {
    padding-right: 26px !important;
  }
  .pb26-lg {
    padding-bottom: 26px !important;
  }
  .pl26-lg {
    padding-left: 26px !important;
  }
  .p27 {
    padding: 27px !important;
  }
  .pt27 {
    padding-top: 27px !important;
  }
  .pr27 {
    padding-right: 27px !important;
  }
  .pb27 {
    padding-bottom: 27px !important;
  }
  .pl27 {
    padding-left: 27px !important;
  }
  .p27-lg {
    padding: 27px !important;
  }
  .pt27-lg {
    padding-top: 27px !important;
  }
  .pr27-lg {
    padding-right: 27px !important;
  }
  .pb27-lg {
    padding-bottom: 27px !important;
  }
  .pl27-lg {
    padding-left: 27px !important;
  }
  .p28 {
    padding: 28px !important;
  }
  .pt28 {
    padding-top: 28px !important;
  }
  .pr28 {
    padding-right: 28px !important;
  }
  .pb28 {
    padding-bottom: 28px !important;
  }
  .pl28 {
    padding-left: 28px !important;
  }
  .p28-lg {
    padding: 28px !important;
  }
  .pt28-lg {
    padding-top: 28px !important;
  }
  .pr28-lg {
    padding-right: 28px !important;
  }
  .pb28-lg {
    padding-bottom: 28px !important;
  }
  .pl28-lg {
    padding-left: 28px !important;
  }
  .p29 {
    padding: 29px !important;
  }
  .pt29 {
    padding-top: 29px !important;
  }
  .pr29 {
    padding-right: 29px !important;
  }
  .pb29 {
    padding-bottom: 29px !important;
  }
  .pl29 {
    padding-left: 29px !important;
  }
  .p29-lg {
    padding: 29px !important;
  }
  .pt29-lg {
    padding-top: 29px !important;
  }
  .pr29-lg {
    padding-right: 29px !important;
  }
  .pb29-lg {
    padding-bottom: 29px !important;
  }
  .pl29-lg {
    padding-left: 29px !important;
  }
  .p30 {
    padding: 30px !important;
  }
  .pt30 {
    padding-top: 30px !important;
  }
  .pr30 {
    padding-right: 30px !important;
  }
  .pb30 {
    padding-bottom: 30px !important;
  }
  .pl30 {
    padding-left: 30px !important;
  }
  .p30-lg {
    padding: 30px !important;
  }
  .pt30-lg {
    padding-top: 30px !important;
  }
  .pr30-lg {
    padding-right: 30px !important;
  }
  .pb30-lg {
    padding-bottom: 30px !important;
  }
  .pl30-lg {
    padding-left: 30px !important;
  }
  .p31 {
    padding: 31px !important;
  }
  .pt31 {
    padding-top: 31px !important;
  }
  .pr31 {
    padding-right: 31px !important;
  }
  .pb31 {
    padding-bottom: 31px !important;
  }
  .pl31 {
    padding-left: 31px !important;
  }
  .p31-lg {
    padding: 31px !important;
  }
  .pt31-lg {
    padding-top: 31px !important;
  }
  .pr31-lg {
    padding-right: 31px !important;
  }
  .pb31-lg {
    padding-bottom: 31px !important;
  }
  .pl31-lg {
    padding-left: 31px !important;
  }
  .p32 {
    padding: 32px !important;
  }
  .pt32 {
    padding-top: 32px !important;
  }
  .pr32 {
    padding-right: 32px !important;
  }
  .pb32 {
    padding-bottom: 32px !important;
  }
  .pl32 {
    padding-left: 32px !important;
  }
  .p32-lg {
    padding: 32px !important;
  }
  .pt32-lg {
    padding-top: 32px !important;
  }
  .pr32-lg {
    padding-right: 32px !important;
  }
  .pb32-lg {
    padding-bottom: 32px !important;
  }
  .pl32-lg {
    padding-left: 32px !important;
  }
  .p33 {
    padding: 33px !important;
  }
  .pt33 {
    padding-top: 33px !important;
  }
  .pr33 {
    padding-right: 33px !important;
  }
  .pb33 {
    padding-bottom: 33px !important;
  }
  .pl33 {
    padding-left: 33px !important;
  }
  .p33-lg {
    padding: 33px !important;
  }
  .pt33-lg {
    padding-top: 33px !important;
  }
  .pr33-lg {
    padding-right: 33px !important;
  }
  .pb33-lg {
    padding-bottom: 33px !important;
  }
  .pl33-lg {
    padding-left: 33px !important;
  }
  .p34 {
    padding: 34px !important;
  }
  .pt34 {
    padding-top: 34px !important;
  }
  .pr34 {
    padding-right: 34px !important;
  }
  .pb34 {
    padding-bottom: 34px !important;
  }
  .pl34 {
    padding-left: 34px !important;
  }
  .p34-lg {
    padding: 34px !important;
  }
  .pt34-lg {
    padding-top: 34px !important;
  }
  .pr34-lg {
    padding-right: 34px !important;
  }
  .pb34-lg {
    padding-bottom: 34px !important;
  }
  .pl34-lg {
    padding-left: 34px !important;
  }
  .p35 {
    padding: 35px !important;
  }
  .pt35 {
    padding-top: 35px !important;
  }
  .pr35 {
    padding-right: 35px !important;
  }
  .pb35 {
    padding-bottom: 35px !important;
  }
  .pl35 {
    padding-left: 35px !important;
  }
  .p35-lg {
    padding: 35px !important;
  }
  .pt35-lg {
    padding-top: 35px !important;
  }
  .pr35-lg {
    padding-right: 35px !important;
  }
  .pb35-lg {
    padding-bottom: 35px !important;
  }
  .pl35-lg {
    padding-left: 35px !important;
  }
  .p36 {
    padding: 36px !important;
  }
  .pt36 {
    padding-top: 36px !important;
  }
  .pr36 {
    padding-right: 36px !important;
  }
  .pb36 {
    padding-bottom: 36px !important;
  }
  .pl36 {
    padding-left: 36px !important;
  }
  .p36-lg {
    padding: 36px !important;
  }
  .pt36-lg {
    padding-top: 36px !important;
  }
  .pr36-lg {
    padding-right: 36px !important;
  }
  .pb36-lg {
    padding-bottom: 36px !important;
  }
  .pl36-lg {
    padding-left: 36px !important;
  }
  .p37 {
    padding: 37px !important;
  }
  .pt37 {
    padding-top: 37px !important;
  }
  .pr37 {
    padding-right: 37px !important;
  }
  .pb37 {
    padding-bottom: 37px !important;
  }
  .pl37 {
    padding-left: 37px !important;
  }
  .p37-lg {
    padding: 37px !important;
  }
  .pt37-lg {
    padding-top: 37px !important;
  }
  .pr37-lg {
    padding-right: 37px !important;
  }
  .pb37-lg {
    padding-bottom: 37px !important;
  }
  .pl37-lg {
    padding-left: 37px !important;
  }
  .p38 {
    padding: 38px !important;
  }
  .pt38 {
    padding-top: 38px !important;
  }
  .pr38 {
    padding-right: 38px !important;
  }
  .pb38 {
    padding-bottom: 38px !important;
  }
  .pl38 {
    padding-left: 38px !important;
  }
  .p38-lg {
    padding: 38px !important;
  }
  .pt38-lg {
    padding-top: 38px !important;
  }
  .pr38-lg {
    padding-right: 38px !important;
  }
  .pb38-lg {
    padding-bottom: 38px !important;
  }
  .pl38-lg {
    padding-left: 38px !important;
  }
  .p39 {
    padding: 39px !important;
  }
  .pt39 {
    padding-top: 39px !important;
  }
  .pr39 {
    padding-right: 39px !important;
  }
  .pb39 {
    padding-bottom: 39px !important;
  }
  .pl39 {
    padding-left: 39px !important;
  }
  .p39-lg {
    padding: 39px !important;
  }
  .pt39-lg {
    padding-top: 39px !important;
  }
  .pr39-lg {
    padding-right: 39px !important;
  }
  .pb39-lg {
    padding-bottom: 39px !important;
  }
  .pl39-lg {
    padding-left: 39px !important;
  }
  .p40 {
    padding: 40px !important;
  }
  .pt40 {
    padding-top: 40px !important;
  }
  .pr40 {
    padding-right: 40px !important;
  }
  .pb40 {
    padding-bottom: 40px !important;
  }
  .pl40 {
    padding-left: 40px !important;
  }
  .p40-lg {
    padding: 40px !important;
  }
  .pt40-lg {
    padding-top: 40px !important;
  }
  .pr40-lg {
    padding-right: 40px !important;
  }
  .pb40-lg {
    padding-bottom: 40px !important;
  }
  .pl40-lg {
    padding-left: 40px !important;
  }
  .p41 {
    padding: 41px !important;
  }
  .pt41 {
    padding-top: 41px !important;
  }
  .pr41 {
    padding-right: 41px !important;
  }
  .pb41 {
    padding-bottom: 41px !important;
  }
  .pl41 {
    padding-left: 41px !important;
  }
  .p41-lg {
    padding: 41px !important;
  }
  .pt41-lg {
    padding-top: 41px !important;
  }
  .pr41-lg {
    padding-right: 41px !important;
  }
  .pb41-lg {
    padding-bottom: 41px !important;
  }
  .pl41-lg {
    padding-left: 41px !important;
  }
  .p42 {
    padding: 42px !important;
  }
  .pt42 {
    padding-top: 42px !important;
  }
  .pr42 {
    padding-right: 42px !important;
  }
  .pb42 {
    padding-bottom: 42px !important;
  }
  .pl42 {
    padding-left: 42px !important;
  }
  .p42-lg {
    padding: 42px !important;
  }
  .pt42-lg {
    padding-top: 42px !important;
  }
  .pr42-lg {
    padding-right: 42px !important;
  }
  .pb42-lg {
    padding-bottom: 42px !important;
  }
  .pl42-lg {
    padding-left: 42px !important;
  }
  .p43 {
    padding: 43px !important;
  }
  .pt43 {
    padding-top: 43px !important;
  }
  .pr43 {
    padding-right: 43px !important;
  }
  .pb43 {
    padding-bottom: 43px !important;
  }
  .pl43 {
    padding-left: 43px !important;
  }
  .p43-lg {
    padding: 43px !important;
  }
  .pt43-lg {
    padding-top: 43px !important;
  }
  .pr43-lg {
    padding-right: 43px !important;
  }
  .pb43-lg {
    padding-bottom: 43px !important;
  }
  .pl43-lg {
    padding-left: 43px !important;
  }
  .p44 {
    padding: 44px !important;
  }
  .pt44 {
    padding-top: 44px !important;
  }
  .pr44 {
    padding-right: 44px !important;
  }
  .pb44 {
    padding-bottom: 44px !important;
  }
  .pl44 {
    padding-left: 44px !important;
  }
  .p44-lg {
    padding: 44px !important;
  }
  .pt44-lg {
    padding-top: 44px !important;
  }
  .pr44-lg {
    padding-right: 44px !important;
  }
  .pb44-lg {
    padding-bottom: 44px !important;
  }
  .pl44-lg {
    padding-left: 44px !important;
  }
  .p45 {
    padding: 45px !important;
  }
  .pt45 {
    padding-top: 45px !important;
  }
  .pr45 {
    padding-right: 45px !important;
  }
  .pb45 {
    padding-bottom: 45px !important;
  }
  .pl45 {
    padding-left: 45px !important;
  }
  .p45-lg {
    padding: 45px !important;
  }
  .pt45-lg {
    padding-top: 45px !important;
  }
  .pr45-lg {
    padding-right: 45px !important;
  }
  .pb45-lg {
    padding-bottom: 45px !important;
  }
  .pl45-lg {
    padding-left: 45px !important;
  }
  .p46 {
    padding: 46px !important;
  }
  .pt46 {
    padding-top: 46px !important;
  }
  .pr46 {
    padding-right: 46px !important;
  }
  .pb46 {
    padding-bottom: 46px !important;
  }
  .pl46 {
    padding-left: 46px !important;
  }
  .p46-lg {
    padding: 46px !important;
  }
  .pt46-lg {
    padding-top: 46px !important;
  }
  .pr46-lg {
    padding-right: 46px !important;
  }
  .pb46-lg {
    padding-bottom: 46px !important;
  }
  .pl46-lg {
    padding-left: 46px !important;
  }
  .p47 {
    padding: 47px !important;
  }
  .pt47 {
    padding-top: 47px !important;
  }
  .pr47 {
    padding-right: 47px !important;
  }
  .pb47 {
    padding-bottom: 47px !important;
  }
  .pl47 {
    padding-left: 47px !important;
  }
  .p47-lg {
    padding: 47px !important;
  }
  .pt47-lg {
    padding-top: 47px !important;
  }
  .pr47-lg {
    padding-right: 47px !important;
  }
  .pb47-lg {
    padding-bottom: 47px !important;
  }
  .pl47-lg {
    padding-left: 47px !important;
  }
  .p48 {
    padding: 48px !important;
  }
  .pt48 {
    padding-top: 48px !important;
  }
  .pr48 {
    padding-right: 48px !important;
  }
  .pb48 {
    padding-bottom: 48px !important;
  }
  .pl48 {
    padding-left: 48px !important;
  }
  .p48-lg {
    padding: 48px !important;
  }
  .pt48-lg {
    padding-top: 48px !important;
  }
  .pr48-lg {
    padding-right: 48px !important;
  }
  .pb48-lg {
    padding-bottom: 48px !important;
  }
  .pl48-lg {
    padding-left: 48px !important;
  }
  .p49 {
    padding: 49px !important;
  }
  .pt49 {
    padding-top: 49px !important;
  }
  .pr49 {
    padding-right: 49px !important;
  }
  .pb49 {
    padding-bottom: 49px !important;
  }
  .pl49 {
    padding-left: 49px !important;
  }
  .p49-lg {
    padding: 49px !important;
  }
  .pt49-lg {
    padding-top: 49px !important;
  }
  .pr49-lg {
    padding-right: 49px !important;
  }
  .pb49-lg {
    padding-bottom: 49px !important;
  }
  .pl49-lg {
    padding-left: 49px !important;
  }
  .p50 {
    padding: 50px !important;
  }
  .pt50 {
    padding-top: 50px !important;
  }
  .pr50 {
    padding-right: 50px !important;
  }
  .pb50 {
    padding-bottom: 50px !important;
  }
  .pl50 {
    padding-left: 50px !important;
  }
  .p50-lg {
    padding: 50px !important;
  }
  .pt50-lg {
    padding-top: 50px !important;
  }
  .pr50-lg {
    padding-right: 50px !important;
  }
  .pb50-lg {
    padding-bottom: 50px !important;
  }
  .pl50-lg {
    padding-left: 50px !important;
  }
}
.w0 {
  width: 0% !important;
}
.w0-xs {
  width: 0%;
}
.w10 {
  width: 10% !important;
}
.w10-xs {
  width: 10%;
}
.w20 {
  width: 20% !important;
}
.w20-xs {
  width: 20%;
}
.w30 {
  width: 30% !important;
}
.w30-xs {
  width: 30%;
}
.w40 {
  width: 40% !important;
}
.w40-xs {
  width: 40%;
}
.w50 {
  width: 50% !important;
}
.w50-xs {
  width: 50%;
}
.w60 {
  width: 60% !important;
}
.w60-xs {
  width: 60%;
}
.w70 {
  width: 70% !important;
}
.w70-xs {
  width: 70%;
}
.w80 {
  width: 80% !important;
}
.w80-xs {
  width: 80%;
}
.w90 {
  width: 90% !important;
}
.w90-xs {
  width: 90%;
}
.w100 {
  width: 100% !important;
}
.w100-xs {
  width: 100%;
}
.w110 {
  width: 110% !important;
}
.w110-xs {
  width: 110%;
}
.w120 {
  width: 120% !important;
}
.w120-xs {
  width: 120%;
}
.w130 {
  width: 130% !important;
}
.w130-xs {
  width: 130%;
}
.w140 {
  width: 140% !important;
}
.w140-xs {
  width: 140%;
}
.w150 {
  width: 150% !important;
}
.w150-xs {
  width: 150%;
}
@media (min-width: 576px) {
  .w0 {
    width: 0% !important;
  }
  .w0-sm {
    width: 0%;
  }
  .w10 {
    width: 10% !important;
  }
  .w10-sm {
    width: 10%;
  }
  .w20 {
    width: 20% !important;
  }
  .w20-sm {
    width: 20%;
  }
  .w30 {
    width: 30% !important;
  }
  .w30-sm {
    width: 30%;
  }
  .w40 {
    width: 40% !important;
  }
  .w40-sm {
    width: 40%;
  }
  .w50 {
    width: 50% !important;
  }
  .w50-sm {
    width: 50%;
  }
  .w60 {
    width: 60% !important;
  }
  .w60-sm {
    width: 60%;
  }
  .w70 {
    width: 70% !important;
  }
  .w70-sm {
    width: 70%;
  }
  .w80 {
    width: 80% !important;
  }
  .w80-sm {
    width: 80%;
  }
  .w90 {
    width: 90% !important;
  }
  .w90-sm {
    width: 90%;
  }
  .w100 {
    width: 100% !important;
  }
  .w100-sm {
    width: 100%;
  }
  .w110 {
    width: 110% !important;
  }
  .w110-sm {
    width: 110%;
  }
  .w120 {
    width: 120% !important;
  }
  .w120-sm {
    width: 120%;
  }
  .w130 {
    width: 130% !important;
  }
  .w130-sm {
    width: 130%;
  }
  .w140 {
    width: 140% !important;
  }
  .w140-sm {
    width: 140%;
  }
  .w150 {
    width: 150% !important;
  }
  .w150-sm {
    width: 150%;
  }
}
@media (min-width: 768px) {
  .w0 {
    width: 0% !important;
  }
  .w0-md {
    width: 0%;
  }
  .w10 {
    width: 10% !important;
  }
  .w10-md {
    width: 10%;
  }
  .w20 {
    width: 20% !important;
  }
  .w20-md {
    width: 20%;
  }
  .w30 {
    width: 30% !important;
  }
  .w30-md {
    width: 30%;
  }
  .w40 {
    width: 40% !important;
  }
  .w40-md {
    width: 40%;
  }
  .w50 {
    width: 50% !important;
  }
  .w50-md {
    width: 50%;
  }
  .w60 {
    width: 60% !important;
  }
  .w60-md {
    width: 60%;
  }
  .w70 {
    width: 70% !important;
  }
  .w70-md {
    width: 70%;
  }
  .w80 {
    width: 80% !important;
  }
  .w80-md {
    width: 80%;
  }
  .w90 {
    width: 90% !important;
  }
  .w90-md {
    width: 90%;
  }
  .w100 {
    width: 100% !important;
  }
  .w100-md {
    width: 100%;
  }
  .w110 {
    width: 110% !important;
  }
  .w110-md {
    width: 110%;
  }
  .w120 {
    width: 120% !important;
  }
  .w120-md {
    width: 120%;
  }
  .w130 {
    width: 130% !important;
  }
  .w130-md {
    width: 130%;
  }
  .w140 {
    width: 140% !important;
  }
  .w140-md {
    width: 140%;
  }
  .w150 {
    width: 150% !important;
  }
  .w150-md {
    width: 150%;
  }
}
@media (min-width: 992px) {
  .w0 {
    width: 0% !important;
  }
  .w0-lg {
    width: 0%;
  }
  .w10 {
    width: 10% !important;
  }
  .w10-lg {
    width: 10%;
  }
  .w20 {
    width: 20% !important;
  }
  .w20-lg {
    width: 20%;
  }
  .w30 {
    width: 30% !important;
  }
  .w30-lg {
    width: 30%;
  }
  .w40 {
    width: 40% !important;
  }
  .w40-lg {
    width: 40%;
  }
  .w50 {
    width: 50% !important;
  }
  .w50-lg {
    width: 50%;
  }
  .w60 {
    width: 60% !important;
  }
  .w60-lg {
    width: 60%;
  }
  .w70 {
    width: 70% !important;
  }
  .w70-lg {
    width: 70%;
  }
  .w80 {
    width: 80% !important;
  }
  .w80-lg {
    width: 80%;
  }
  .w90 {
    width: 90% !important;
  }
  .w90-lg {
    width: 90%;
  }
  .w100 {
    width: 100% !important;
  }
  .w100-lg {
    width: 100%;
  }
  .w110 {
    width: 110% !important;
  }
  .w110-lg {
    width: 110%;
  }
  .w120 {
    width: 120% !important;
  }
  .w120-lg {
    width: 120%;
  }
  .w130 {
    width: 130% !important;
  }
  .w130-lg {
    width: 130%;
  }
  .w140 {
    width: 140% !important;
  }
  .w140-lg {
    width: 140%;
  }
  .w150 {
    width: 150% !important;
  }
  .w150-lg {
    width: 150%;
  }
}
.h0 {
  height: 0%;
}
.h0-xs {
  height: 0%;
}
.h10 {
  height: 10%;
}
.h10-xs {
  height: 10%;
}
.h20 {
  height: 20%;
}
.h20-xs {
  height: 20%;
}
.h30 {
  height: 30%;
}
.h30-xs {
  height: 30%;
}
.h40 {
  height: 40%;
}
.h40-xs {
  height: 40%;
}
.h50 {
  height: 50%;
}
.h50-xs {
  height: 50%;
}
.h60 {
  height: 60%;
}
.h60-xs {
  height: 60%;
}
.h70 {
  height: 70%;
}
.h70-xs {
  height: 70%;
}
.h80 {
  height: 80%;
}
.h80-xs {
  height: 80%;
}
.h90 {
  height: 90%;
}
.h90-xs {
  height: 90%;
}
.h100 {
  height: 100%;
}
.h100-xs {
  height: 100%;
}
.h110 {
  height: 110%;
}
.h110-xs {
  height: 110%;
}
.h120 {
  height: 120%;
}
.h120-xs {
  height: 120%;
}
.h130 {
  height: 130%;
}
.h130-xs {
  height: 130%;
}
.h140 {
  height: 140%;
}
.h140-xs {
  height: 140%;
}
.h150 {
  height: 150%;
}
.h150-xs {
  height: 150%;
}
@media (min-width: 576px) {
  .h0 {
    height: 0%;
  }
  .h0-sm {
    height: 0%;
  }
  .h10 {
    height: 10%;
  }
  .h10-sm {
    height: 10%;
  }
  .h20 {
    height: 20%;
  }
  .h20-sm {
    height: 20%;
  }
  .h30 {
    height: 30%;
  }
  .h30-sm {
    height: 30%;
  }
  .h40 {
    height: 40%;
  }
  .h40-sm {
    height: 40%;
  }
  .h50 {
    height: 50%;
  }
  .h50-sm {
    height: 50%;
  }
  .h60 {
    height: 60%;
  }
  .h60-sm {
    height: 60%;
  }
  .h70 {
    height: 70%;
  }
  .h70-sm {
    height: 70%;
  }
  .h80 {
    height: 80%;
  }
  .h80-sm {
    height: 80%;
  }
  .h90 {
    height: 90%;
  }
  .h90-sm {
    height: 90%;
  }
  .h100 {
    height: 100%;
  }
  .h100-sm {
    height: 100%;
  }
  .h110 {
    height: 110%;
  }
  .h110-sm {
    height: 110%;
  }
  .h120 {
    height: 120%;
  }
  .h120-sm {
    height: 120%;
  }
  .h130 {
    height: 130%;
  }
  .h130-sm {
    height: 130%;
  }
  .h140 {
    height: 140%;
  }
  .h140-sm {
    height: 140%;
  }
  .h150 {
    height: 150%;
  }
  .h150-sm {
    height: 150%;
  }
}
@media (min-width: 768px) {
  .h0 {
    height: 0%;
  }
  .h0-md {
    height: 0%;
  }
  .h10 {
    height: 10%;
  }
  .h10-md {
    height: 10%;
  }
  .h20 {
    height: 20%;
  }
  .h20-md {
    height: 20%;
  }
  .h30 {
    height: 30%;
  }
  .h30-md {
    height: 30%;
  }
  .h40 {
    height: 40%;
  }
  .h40-md {
    height: 40%;
  }
  .h50 {
    height: 50%;
  }
  .h50-md {
    height: 50%;
  }
  .h60 {
    height: 60%;
  }
  .h60-md {
    height: 60%;
  }
  .h70 {
    height: 70%;
  }
  .h70-md {
    height: 70%;
  }
  .h80 {
    height: 80%;
  }
  .h80-md {
    height: 80%;
  }
  .h90 {
    height: 90%;
  }
  .h90-md {
    height: 90%;
  }
  .h100 {
    height: 100%;
  }
  .h100-md {
    height: 100%;
  }
  .h110 {
    height: 110%;
  }
  .h110-md {
    height: 110%;
  }
  .h120 {
    height: 120%;
  }
  .h120-md {
    height: 120%;
  }
  .h130 {
    height: 130%;
  }
  .h130-md {
    height: 130%;
  }
  .h140 {
    height: 140%;
  }
  .h140-md {
    height: 140%;
  }
  .h150 {
    height: 150%;
  }
  .h150-md {
    height: 150%;
  }
}
@media (min-width: 992px) {
  .h0 {
    height: 0%;
  }
  .h0-lg {
    height: 0%;
  }
  .h10 {
    height: 10%;
  }
  .h10-lg {
    height: 10%;
  }
  .h20 {
    height: 20%;
  }
  .h20-lg {
    height: 20%;
  }
  .h30 {
    height: 30%;
  }
  .h30-lg {
    height: 30%;
  }
  .h40 {
    height: 40%;
  }
  .h40-lg {
    height: 40%;
  }
  .h50 {
    height: 50%;
  }
  .h50-lg {
    height: 50%;
  }
  .h60 {
    height: 60%;
  }
  .h60-lg {
    height: 60%;
  }
  .h70 {
    height: 70%;
  }
  .h70-lg {
    height: 70%;
  }
  .h80 {
    height: 80%;
  }
  .h80-lg {
    height: 80%;
  }
  .h90 {
    height: 90%;
  }
  .h90-lg {
    height: 90%;
  }
  .h100 {
    height: 100%;
  }
  .h100-lg {
    height: 100%;
  }
  .h110 {
    height: 110%;
  }
  .h110-lg {
    height: 110%;
  }
  .h120 {
    height: 120%;
  }
  .h120-lg {
    height: 120%;
  }
  .h130 {
    height: 130%;
  }
  .h130-lg {
    height: 130%;
  }
  .h140 {
    height: 140%;
  }
  .h140-lg {
    height: 140%;
  }
  .h150 {
    height: 150%;
  }
  .h150-lg {
    height: 150%;
  }
}
.h0 {
  height: 0%;
}
.h0-xs {
  height: 0%;
}
.h10 {
  height: 10%;
}
.h10-xs {
  height: 10%;
}
.h20 {
  height: 20%;
}
.h20-xs {
  height: 20%;
}
.h30 {
  height: 30%;
}
.h30-xs {
  height: 30%;
}
.h40 {
  height: 40%;
}
.h40-xs {
  height: 40%;
}
.h50 {
  height: 50%;
}
.h50-xs {
  height: 50%;
}
.h60 {
  height: 60%;
}
.h60-xs {
  height: 60%;
}
.h70 {
  height: 70%;
}
.h70-xs {
  height: 70%;
}
.h80 {
  height: 80%;
}
.h80-xs {
  height: 80%;
}
.h90 {
  height: 90%;
}
.h90-xs {
  height: 90%;
}
.h100 {
  height: 100%;
}
.h100-xs {
  height: 100%;
}
.h110 {
  height: 110%;
}
.h110-xs {
  height: 110%;
}
.h120 {
  height: 120%;
}
.h120-xs {
  height: 120%;
}
.h130 {
  height: 130%;
}
.h130-xs {
  height: 130%;
}
.h140 {
  height: 140%;
}
.h140-xs {
  height: 140%;
}
.f150 {
  font-size: 150px !important;
}
.f150-xs {
  font-size: 150px !important;
}
@media (min-width: 576px) {
  .h0 {
    height: 0%;
  }
  .h0-sm {
    height: 0%;
  }
  .h10 {
    height: 10%;
  }
  .h10-sm {
    height: 10%;
  }
  .h20 {
    height: 20%;
  }
  .h20-sm {
    height: 20%;
  }
  .h30 {
    height: 30%;
  }
  .h30-sm {
    height: 30%;
  }
  .h40 {
    height: 40%;
  }
  .h40-sm {
    height: 40%;
  }
  .h50 {
    height: 50%;
  }
  .h50-sm {
    height: 50%;
  }
  .h60 {
    height: 60%;
  }
  .h60-sm {
    height: 60%;
  }
  .h70 {
    height: 70%;
  }
  .h70-sm {
    height: 70%;
  }
  .h80 {
    height: 80%;
  }
  .h80-sm {
    height: 80%;
  }
  .h90 {
    height: 90%;
  }
  .h90-sm {
    height: 90%;
  }
  .h100 {
    height: 100%;
  }
  .h100-sm {
    height: 100%;
  }
  .h110 {
    height: 110%;
  }
  .h110-sm {
    height: 110%;
  }
  .h120 {
    height: 120%;
  }
  .h120-sm {
    height: 120%;
  }
  .h130 {
    height: 130%;
  }
  .h130-sm {
    height: 130%;
  }
  .h140 {
    height: 140%;
  }
  .h140-sm {
    height: 140%;
  }
  .f150 {
    font-size: 150px !important;
  }
  .f150-sm {
    font-size: 150px !important;
  }
}
@media (min-width: 768px) {
  .h0 {
    height: 0%;
  }
  .h0-md {
    height: 0%;
  }
  .h10 {
    height: 10%;
  }
  .h10-md {
    height: 10%;
  }
  .h20 {
    height: 20%;
  }
  .h20-md {
    height: 20%;
  }
  .h30 {
    height: 30%;
  }
  .h30-md {
    height: 30%;
  }
  .h40 {
    height: 40%;
  }
  .h40-md {
    height: 40%;
  }
  .h50 {
    height: 50%;
  }
  .h50-md {
    height: 50%;
  }
  .h60 {
    height: 60%;
  }
  .h60-md {
    height: 60%;
  }
  .h70 {
    height: 70%;
  }
  .h70-md {
    height: 70%;
  }
  .h80 {
    height: 80%;
  }
  .h80-md {
    height: 80%;
  }
  .h90 {
    height: 90%;
  }
  .h90-md {
    height: 90%;
  }
  .h100 {
    height: 100%;
  }
  .h100-md {
    height: 100%;
  }
  .h110 {
    height: 110%;
  }
  .h110-md {
    height: 110%;
  }
  .h120 {
    height: 120%;
  }
  .h120-md {
    height: 120%;
  }
  .h130 {
    height: 130%;
  }
  .h130-md {
    height: 130%;
  }
  .h140 {
    height: 140%;
  }
  .h140-md {
    height: 140%;
  }
  .f150 {
    font-size: 150px !important;
  }
  .f150-md {
    font-size: 150px !important;
  }
}
@media (min-width: 992px) {
  .h0 {
    height: 0%;
  }
  .h0-lg {
    height: 0%;
  }
  .h10 {
    height: 10%;
  }
  .h10-lg {
    height: 10%;
  }
  .h20 {
    height: 20%;
  }
  .h20-lg {
    height: 20%;
  }
  .h30 {
    height: 30%;
  }
  .h30-lg {
    height: 30%;
  }
  .h40 {
    height: 40%;
  }
  .h40-lg {
    height: 40%;
  }
  .h50 {
    height: 50%;
  }
  .h50-lg {
    height: 50%;
  }
  .h60 {
    height: 60%;
  }
  .h60-lg {
    height: 60%;
  }
  .h70 {
    height: 70%;
  }
  .h70-lg {
    height: 70%;
  }
  .h80 {
    height: 80%;
  }
  .h80-lg {
    height: 80%;
  }
  .h90 {
    height: 90%;
  }
  .h90-lg {
    height: 90%;
  }
  .h100 {
    height: 100%;
  }
  .h100-lg {
    height: 100%;
  }
  .h110 {
    height: 110%;
  }
  .h110-lg {
    height: 110%;
  }
  .h120 {
    height: 120%;
  }
  .h120-lg {
    height: 120%;
  }
  .h130 {
    height: 130%;
  }
  .h130-lg {
    height: 130%;
  }
  .h140 {
    height: 140%;
  }
  .h140-lg {
    height: 140%;
  }
  .f150 {
    font-size: 150px !important;
  }
  .f150-lg {
    font-size: 150px !important;
  }
}
.paicker_popover .ant-popover-inner-content {
  padding: 0px !important;
}
.h_text {
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  font-size: 16px !important;
}
.h_text b {
  font-weight: 700;
}
.h_bold_text {
  font-size: 26px;
  font-weight: 700;
}
.bottom_sheet_button {
  height: 100% !important;
  width: 100% !important;
  justify-content: center;
  align-items: center;
  display: flex !important;
  flex-direction: column;
  padding: 5px 4px !important;
}
.bottom_sheet_button > .anticon {
  font-size: 30px;
}
.bottom_sheet_button:hover > .anticon {
  color: #0073ea;
}
.bottom_sheet_button:hover span {
  color: #0073ea;
}
.bottom_sheet_button_last {
  border-right: 2px solid #d6d7da;
}
.bottom_sheet_master > .ant-drawer-mask {
  display: none;
}
.bottom_sheet_master > .ant-drawer-content-wrapper {
  width: 50% !important;
  height: 15% !important;
  left: 26% !important;
  bottom: 8% !important;
}
.top_sheet_master > .ant-drawer-mask {
  display: none;
}
.top_sheet_master > .ant-drawer-content-wrapper {
  width: 100% !important;
  height: 66px !important;
  bottom: 8% !important;
}
.workspace_popover_selecter > .ant-popover-content > .ant-popover-inner > .ant-popover-title {
  padding: 0px !important;
}
.workspace_popover_selecter > .ant-popover-content > .ant-popover-inner > .ant-popover-inner-content {
  height: 90%;
  overflow: auto;
}
.number_title {
  font-size: 44px;
  font-weight: 400;
  overflow: auto;
  white-space: nowrap;
}
.overflowDiv {
  height: 100%;
  overflow: auto;
}
.overflow-auto {
  overflow: auto;
}
.user_deleted_css {
  background: rgba(255, 0, 0, 0.04);
}
.main_userconfig {
  padding: 0.2rem 0.4rem !important;
  overflow: hidden;
}
.search_input {
  border: none !important;
  border-radius: 22px !important;
  background: #edeef1 !important;
  margin-left: -14px !important;
}
.search_input input {
  background: #edeef1;
}
.header_button {
  background: white !important;
  color: black !important;
  border: none !important;
}
.header_button span.anticon {
  color: #0073ea !important;
}
.header_button .ant-select-selector {
  border: none !important;
}
.header_button button {
  border: none !important;
  color: black !important;
}
.white_table_header .ant-table-thead > tr > th {
  background: white !important;
}
.capitalize {
  text-transform: capitalize;
}
.primaryColor {
  color: #0073ea !important;
}
.letter-fallback::before {
  content: attr(data-fallback);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 68px;
  font-weight: 800;
  transform: rotate(-10deg);
  top: 6px;
  position: relative;
  color: #FFF;
}
.randomBackground {
  background-color: #de38b2 !important;
}
.ant-form-item {
  position: relative;
}
.ant-form-item-label {
  padding: 0px 0px 0px 0px !important;
  position: absolute !important;
  z-index: 2;
  left: 3px;
  top: -20px;
  background: #ffffff;
}
.ant-modal-body .ant-form-item-label {
  padding: 0px 0px 0px 0px !important;
  position: absolute !important;
  z-index: 2;
  left: 3px;
  top: -20px;
  background: #ffffff;
}
.ant-form-item-label > label {
  font-weight: 400;
  font-size: 15px !important;
  height: 15px !important;
}
.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 {
  box-shadow: none !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  box-shadow: none !important;
}
.ant-input-affix-wrapper {
  border-radius: 8px ;
}
:root {
  --black_50: #FFFFFF;
  --black_100: #F5F7FA;
  --black_200: #E0E0E0;
  --black_300: #C9C9C9;
  --black_400: #A6A6A6;
  --black_500: #8C8C8C;
  --black_600: #787878;
  --black_700: #636363;
  --black_800: #4F4F4F;
  --black_900: #3C3C3C;
  --black_1000: #262626;
  --blackBlue_50: #FDFDFF;
  --blackBlue_100: #F9F9FF;
  --blackBlue_200: #E9E9F5;
  --blackBlue_300: #D8D9EB;
  --blackBlue_400: #BABDD4;
  --blackBlue_500: #9FA1BB;
  --blackBlue_600: #8487A1;
  --blackBlue_700: #5E607E;
  --blackBlue_800: #3A3C4D;
  --blackBlue_900: #262838;
  --blackBlue_1000: #171822;
  --blue_50: #E4F7FF;
  --blue_100: #C9EFFF;
  --blue_200: #9CE2FF;
  --blue_300: #7ED9FF;
  --blue_400: #70D5FF;
  --blue_500: #55CDFF;
  --blue_600: #40AFDD;
  --blue_700: #2E91BB;
  --blue_800: #177EA9;
  --blue_900: #0B5F83;
  --blue_1000: #093F55;
  --brown_50: #E8DFDD;
  --brown_100: #D1BFBC;
  --brown_200: #B49892;
  --brown_300: #8E645B;
  --brown_400: #78463C;
  --brown_500: #6E382D;
  --brown_600: #5C2F26;
  --brown_700: #4D2720;
  --brown_800: #42221B;
  --brown_900: #371C16;
  --brown_1000: #2C1612;
  --deepPurple_50: #EDEAFF;
  --deepPurple_100: #DCD6FF;
  --deepPurple_200: #CEC5FF;
  --deepPurple_300: #A697FB;
  --deepPurple_400: #8B7AF0;
  --deepPurple_500: #7B67EE;
  --deepPurple_600: #6653D1;
  --deepPurple_700: #5342B4;
  --deepPurple_800: #413297;
  --deepPurple_900: #312479;
  --deepPurple_1000: #160F3F;
  --green_50: #E3F5DA;
  --green_100: #C7F5B1;
  --green_200: #9CE977;
  --green_300: #7BE04B;
  --green_400: #62D929;
  --green_500: #52C41B;
  --green_600: #3DA20C;
  --green_700: #2A8001;
  --green_800: #256407;
  --green_900: #174700;
  --green_1000: #193D08;
  --indigo_50: #E0E9FF;
  --indigo_100: #C2D3FF;
  --indigo_200: #9CB9FF;
  --indigo_300: #81A5FF;
  --indigo_400: #6692FF;
  --indigo_500: #5586FF;
  --indigo_600: #406DDD;
  --indigo_700: #2E56BB;
  --indigo_800: #1F4299;
  --indigo_900: #132F77;
  --indigo_1000: #091F55;
  --orange_50: #FFF6E5;
  --orange_100: #FFE5B7;
  --orange_200: #FFD88A;
  --orange_300: #FFC95C;
  --orange_400: #FFBA2E;
  --orange_500: #FFAB00;
  --orange_600: #FFA114;
  --orange_700: #FF8E0A;
  --orange_800: #DA7600;
  --orange_900: #AB5C00;
  --orange_1000: #7D4400;
  --pink_50: #FFE8EC;
  --pink_100: #FFCED8;
  --pink_200: #FFB2C0;
  --pink_300: #FF98AC;
  --pink_400: #FF8199;
  --pink_500: #FF708B;
  --pink_600: #E25C75;
  --pink_700: #C54A61;
  --pink_800: #A8394E;
  --pink_900: #8A2B3D;
  --pink_1000: #6D1E2D;
  --purple_50: #F4E9FE;
  --purple_100: #E4C5FB;
  --purple_200: #D8ACFA;
  --purple_300: #C789F8;
  --purple_400: #BA6DF6;
  --purple_500: #B35FF5;
  --purple_600: #AB45FB;
  --purple_700: #983AE2;
  --purple_800: #8630CA;
  --purple_900: #7531AC;
  --purple_1000: #482662;
  --red_50: #FBECEB;
  --red_100: #FFD1C8;
  --red_200: #FFB4AF;
  --red_300: #FF8A82;
  --red_400: #E9594F;
  --red_500: #E33E38;
  --red_600: #C42E23;
  --red_700: #B12319;
  --red_800: #911A12;
  --red_900: #6F0F08;
  --red_1000: #4D0601;
  --tangerine_50: #FFEAD6;
  --tangerine_100: #FFD2A8;
  --tangerine_200: #FFAF66;
  --tangerine_300: #FFA047;
  --tangerine_400: #FF8A1F;
  --tangerine_500: #FF7A00;
  --tangerine_600: #E96A02;
  --tangerine_700: #CB5D03;
  --tangerine_800: #954300;
  --tangerine_900: #753500;
  --tangerine_1000: #4D2300;
  --teal_50: #E2F6EF;
  --teal_100: #BDECDA;
  --teal_200: #8BDDBE;
  --teal_300: #66D2A9;
  --teal_400: #45C897;
  --teal_500: #30C28B;
  --teal_600: #269B6F;
  --teal_700: #1D7453;
  --teal_800: #196548;
  --teal_900: #134E38;
  --teal_1000: #083F28;
  --yellow_50: #FFF9E3;
  --yellow_100: #FFF2C2;
  --yellow_200: #FFEBA6;
  --yellow_300: #FFE588;
  --yellow_400: #FFDC62;
  --yellow_500: #FFD43A;
  --yellow_600: #FFCD1E;
  --yellow_700: #FBC508;
  --yellow_800: #E5B300;
  --yellow_900: #B58D02;
  --yellow_1000: #886A00;
}
:root[data-theme="dark"] {
  --tabBorder: #ffffff;
  --rc07: #FFAB00;
  --rc07-rgb: 255, 171, 0;
  --rc11: #6E382D;
  --rc11-rgb: 110, 56, 45;
  --rc10: #E33E38;
  --rc10-rgb: 227, 62, 56;
  --rc09: #FF708B;
  --rc09-rgb: 255, 112, 139;
  --rc08: #FF7A00;
  --rc08-rgb: 255, 122, 0;
  --rc06: #FFEB3A;
  --rc06-rgb: 255, 235, 58;
  --rc05: #52C41B;
  --rc05-rgb: 82, 196, 27;
  --rc04: #30C28B;
  --rc04-rgb: 48, 194, 139;
  --rc03: #55CDFF;
  --rc03-rgb: 85, 205, 255;
  --rc02: #5586FF;
  --rc02-rgb: 85, 134, 255;
  --rc01: #7B67EE;
  --rc01-rgb: 123, 103, 238;
  --rc00: #B35FF5;
  --rc00-rgb: 179, 95, 245;
  --cellSelectedColorSolid: #403C59;
  --cellSelectedColorSolid-rgb: 64, 60, 89;
  --rowSelectedBgSolid: #3A3A3A;
  --rowSelectedBgSolid-rgb: 58, 58, 58;
  --primaryLightSolid: #393649;
  --primaryLightSolid-rgb: 57, 54, 73;
  --gradientBgMask: linear-gradient(270deg, #2E2E2E 0%, rgba(46, 46, 46, 0) 100%);
  --warnLightHover: rgba(255, 186, 46, 0.24);
  --warnLightActive: rgba(255, 186, 46, 0.32);
  --warnLight: rgba(255, 186, 46, 0.16);
  --warnHover: #FFC95C;
  --warnHover-rgb: 255, 201, 92;
  --warnActive: #FFD88A;
  --warnActive-rgb: 255, 216, 138;
  --warn: #FFBA2E;
  --warn-rgb: 255, 186, 46;
  --successLightHover: rgba(69, 200, 151, 0.24);
  --successLight: rgba(69, 200, 151, 0.16);
  --successHover: #66D2A9;
  --successHover-rgb: 102, 210, 169;
  --successActive: #8BDDBE;
  --successActive-rgb: 139, 221, 190;
  --success: #45C897;
  --success-rgb: 69, 200, 151;
  --scrollBar: rgba(255, 255, 255, 0.16);
  --reverse1: #FFFFFF;
  --reverse1-rgb: 255, 255, 255;
  --reverse0: #262626;
  --reverse0-rgb: 38, 38, 38;
  --extraLightTeal: rgba(69, 200, 151, 0.08);
  --extraLightRed: rgba(233, 89, 79, 0.08);
  --extraLightPrimary: rgba(139, 122, 240, 0.08);
  --extraLightOrange: rgba(255, 186, 46, 0.08);
  --extraLightIndigo: rgba(102, 146, 255, 0.08);
  --successLightActive: rgba(69, 200, 151, 0.32);
  --linkVisted: #CEC5FF;
  --linkVisted-rgb: 206, 197, 255;
  --linkHover: #A697FB;
  --linkHover-rgb: 166, 151, 251;
  --linkActive: #CEC5FF;
  --linkActive-rgb: 206, 197, 255;
  --link: #8B7AF0;
  --link-rgb: 139, 122, 240;
  --staticWhite2: rgba(255, 255, 255, 0.6);
  --staticWhite1: rgba(255, 255, 255, 0.8);
  --staticDark2: #171822;
  --staticDark2-rgb: 23, 24, 34;
  --staticDark1: #262838;
  --staticDark1-rgb: 38, 40, 56;
  --staticDark0: #5E607E;
  --staticDark0-rgb: 94, 96, 126;
  --fill2: rgba(255, 255, 255, 0.16);
  --fill1: rgba(255, 255, 255, 0.12);
  --fill0: rgba(255, 255, 255, 0.08);
  --defaultTag: rgba(255, 255, 255, 0.12);
  --staticWhite0: #FFFFFF;
  --staticWhite0-rgb: 255, 255, 255;
  --highestBg: #3D3D3D;
  --highestBg-rgb: 61, 61, 61;
  --highBg: #333333;
  --boardBg: #222;
  --highBg-rgb: 51, 51, 51;
  --errorLightHover: rgba(233, 89, 79, 0.24);
  --errorLightActive: rgba(233, 89, 79, 0.32);
  --errorLight: rgba(233, 89, 79, 0.12);
  --errorHover: #FF8A82;
  --errorHover-rgb: 255, 138, 130;
  --errorActive: #FFB4AF;
  --errorActive-rgb: 255, 180, 175;
  --primaryLight: rgba(139, 122, 240, 0.12);
  --primaryLightHover: rgba(139, 122, 240, 0.24);
  --primaryLightActive: rgba(139, 122, 240, 0.12);
  --primaryActive: #CEC5FF;
  --primaryActive-rgb: 206, 197, 255;
  --primaryHover: #A697FB;
  --primaryHover-rgb: 166, 151, 251;
  --fc19: rgba(139, 122, 240, 0.12);
  --fc18: rgba(255, 186, 46, 0.2);
  --fc17: rgba(38, 38, 38, 0.2);
  --fc9: rgba(139, 122, 240, 0.2);
  --fc20: #FFFFFF;
  --fc21: #292929;
  --fc8: #292929;
  --fc8-rgb: 41, 41, 41;
  --fc7: rgba(255, 255, 255, 0.08);
  --fc6: #1F1F1F;
  --fc6-rgb: 31, 31, 31;
  --fc5: #474747;
  --fc5-rgb: 71, 71, 71;
  --fc4: rgba(255, 255, 255, 0.4);
  --fc3: rgba(255, 255, 255, 0.55);
  --fc2: rgba(255, 255, 255, 0.7);
  --fc16: rgba(139, 122, 240, 0.12);
  --fc15: #45C897;
  --fc15-rgb: 69, 200, 151;
  --fc14: #FFBA2E;
  --fc14-rgb: 255, 186, 46;
  --fc13: #F5F7FA;
  --fc13-rgb: 245, 247, 250;
  --fc12: rgba(0, 0, 0, 0.5);
  --fc11: #474747;
  --fc11-rgb: 71, 71, 71;
  --fc10: #E9594F;
  --fc10-rgb: 233, 89, 79;
  --fc1: rgba(255, 255, 255, 0.85);
  --fc0: #8B7AF0;
  --fc0-rgb: 139, 122, 240;
  --dc03: #3A3C4D;
  --dc03-rgb: 58, 60, 77;
  --dc02: #262838;
  --dc02-rgb: 38, 40, 56;
  --dc01: #171822;
  --dc01-rgb: 23, 24, 34;
  --foundMark: rgba(139, 122, 240, 0.12);
  --currentSearch: rgba(255, 186, 46, 0.2);
  --calendarWeekend: rgba(38, 38, 38, 0.2);
  --cellSelectedColor: rgba(139, 122, 240, 0.2);
  --defaultBg: #292929;
  --defaultBg-rgb: 41, 41, 41;
  --white: #292929;
  --white-rgb: 41, 41, 41;
  --rowSelectedBg: rgba(255, 255, 255, 0.08);
  --lowestBg: #1F1F1F;
  --lowestBg-rgb: 31, 31, 31;
  --lineColor: #474747;
  --lineColor-rgb: 71, 71, 71;
  --fourthLevelText: rgba(255, 255, 255, 0.4);
  --thirdLevelText: rgba(255, 255, 255, 0.55);
  --secondLevelText: rgba(255, 255, 255, 0.7);
  --treeSelectedBg: rgba(139, 122, 240, 0.12);
  --successColor: #45C897;
  --successColor-rgb: 69, 200, 151;
  --warningColor: #FFBA2E;
  --warningColor-rgb: 255, 186, 46;
  --tooltipBg: #F5F7FA;
  --tooltipBg-rgb: 245, 247, 250;
  --deepMaskColor: rgba(0, 0, 0, 0.5);
  --sheetLineColor: #474747;
  --sheetLineColor-rgb: 71, 71, 71;
  --shadowColor: #474747;
  --shadowColor-rgb: 71, 71, 71;
  --errorColor: #E9594F;
  --errorColor-rgb: 233, 89, 79;
  --firstLevelText: rgba(255, 255, 255, 0.85);
  --primaryColor: #4f57b7 !important;
  --primaryColor-rgb: 139, 122, 240;
  --bgControlsDegradeHigh: rgba(0, 0, 0, 0.12);
  --bgControlsDegradeDefault: rgba(0, 0, 0, 0.12);
  --bgControlsHoverSolid: #434343;
  --bgControlsDefaultSolid: #313131;
  --bgControlsActiveSolid: #555555;
  --bgBrandLightHoverSolid: #353051;
  --bgBrandLightActiveSolid: #3c3661;
  --bgBrandLightDefaultSolid: #2e2b40;
  --bgLogoText: rgba(255, 255, 255, 0.85);
  --bgLogoIcon: rgba(255, 255, 255, 0.85);
  --rainbowGray5: #b5b5b5;
  --rainbowGray4: rgba(181, 181, 181, 0.8);
  --rainbowGray3: rgba(181, 181, 181, 0.6);
  --rainbowGray2: rgba(181, 181, 181, 0.4);
  --rainbowGray1: rgba(181, 181, 181, 0.2);
  --borderOnwarnLight: rgba(255, 166, 42, 0.24);
  --borderOnwarnDefault: #ffb752;
  --borderWarnHover: #ffb752;
  --borderWarnDisabled: rgba(255, 166, 42, 0.5);
  --borderWarnDefault: #ffa62a;
  --borderWarnActive: #ffc778;
  --borderSuccessDisabled: rgba(60, 214, 163, 0.5);
  --borderSuccessActive: #8debcb;
  --borderOnsuccessLight: rgba(60, 214, 163, 0.24);
  --borderOnsuccessDefault: #63e0b7;
  --borderSuccessHover: #63e0b7;
  --borderSuccessDefault: #3cd6a3;
  --borderOndangerLight: rgba(238, 83, 71, 0.24);
  --borderOndangerDefault: #f59089;
  --borderDangerDisabled: rgba(240, 115, 105, 0.5);
  --textStaticDisabled: rgba(255, 255, 255, 0.3);
  --textReverseDefault: #333333;
  --textStaticTertiary: rgba(255, 255, 255, 0.6);
  --textStaticSecondary: rgba(255, 255, 255, 0.8);
  --textStaticPrimary: #ffffff;
  --rainbowYellow5: #ffc310;
  --rainbowYellow4: rgba(255, 195, 16, 0.8);
  --rainbowYellow3: rgba(255, 195, 16, 0.6);
  --rainbowYellow2: rgba(255, 195, 16, 0.4);
  --rainbowYellow1: rgba(255, 223, 64, 0.2);
  --bgStaticDarkHigh: #4f545c;
  --bgReverseDefault: #ffffff;
  --bgGradientVertical: 0deg, #292929 0%, rgba(41, 41, 41, 0) 100%;
  --bgGradientHorizontal: 270deg, #292929 0%, rgba(41, 41, 41, 0) 100%;
  --textWarnHover: #ffb752;
  --textWarnDisabled: rgba(255, 166, 42, 0.5);
  --textWarnDefault: #ffa62a;
  --textWarnActive: #ffc778;
  --textSuccessHover: #63e0b7;
  --textSuccessDisabled: rgba(60, 214, 163, 0.5);
  --textSuccessDefault: #3cd6a3;
  --textSuccessActive: #8debcb;
  --textLinkVisted: #7b67ee;
  --textLinkHover: #a89af5;
  --textLinkDisabled: rgba(144, 127, 240, 0.5);
  --textLinkDefault: #907ff0;
  --textLinkActive: #c0b6fa;
  --textDangerHover: #f59089;
  --textDangerDisabled: rgba(240, 115, 105, 0.5);
  --textDangerDefault: #f07369;
  --textDangerActive: #faafaa;
  --textCommonTertiary: rgba(255, 255, 255, 0.55);
  --textCommonSecondary: rgba(255, 255, 255, 0.7);
  --textCommonQuaternary: rgba(255, 255, 255, 0.4);
  --textCommonPrimary: rgba(255, 255, 255, 0.85);
  --textCommonDisabled: rgba(255, 255, 255, 0.25);
  --textBrandHover: #a89af5;
  --textBrandDisabled: rgba(144, 127, 240, 0.5);
  --textBrandDefault: #907ff0;
  --textBrandActive: #c0b6fa;
  --borderOnbrandLight: rgba(123, 103, 238, 0.24);
  --borderOnbrandDefault: #a89af5;
  --borderGridVertical: #3d3d3d;
  --borderGridHorizontal: #3d3d3d;
  --borderDangerHover: #e07169;
  --borderDangerDefault: #d5544b;
  --borderDangerActive: #e88f89;
  --borderCommonHover: rgba(255, 255, 255, 0.16);
  --borderCommonDisabled: rgba(255, 255, 255, 0.8);
  --borderCommonDefault: rgba(255, 255, 255, 0.12);
  --borderCommonActive: rgba(255, 255, 255, 0.2);
  --borderBrandHover: #a89af5;
  --borderBrandDisabled: rgba(144, 127, 240, 0.5);
  --borderBrandDefault: #907ff0;
  --borderBrandActive: #c0b6fa;
  --bgWarnLightHover: rgba(255, 166, 42, 0.24);
  --bgWarnLightDisabled: rgba(255, 166, 42, 0.16);
  --bgWarnLightDefault: rgba(255, 166, 42, 0.16);
  --bgWarnLightActive: rgba(255, 166, 42, 0.32);
  --bgWarnHover: #ffb752;
  --bgWarnDisabled: rgba(255, 166, 42, 0.5);
  --bgWarnDefault: #ffa62a;
  --bgWarnActive: #ffc778;
  --bgSuccessLightHover: rgba(60, 214, 163, 0.24);
  --bgSuccessLightDisabled: rgba(60, 214, 163, 0.16);
  --bgSuccessLightDefault: rgba(60, 214, 163, 0.16);
  --bgSuccessLightActive: rgba(60, 214, 163, 0.32);
  --bgSuccessHover: #63e0b7;
  --bgSuccessDisabled: rgba(60, 214, 163, 0.5);
  --bgSuccessDefault: #3cd6a3;
  --bgSuccessActive: #8debcb;
  --bgStaticLight: #ffffff;
  --bgStaticDarkMedium: #3b3f47;
  --bgStaticDarkLow: #282c33;
  --bgDangerLightHover: rgba(238, 83, 71, 0.24);
  --bgDangerLightDisabled: rgba(238, 83, 71, 0.16);
  --bgDangerLightDefault: rgba(238, 83, 71, 0.16);
  --bgDangerLightActive: rgba(238, 83, 71, 0.32);
  --bgDangerHover: #f59089;
  --bgDangerDisabled: rgba(240, 115, 105, 0.5);
  --bgDangerDefault: #f07369;
  --bgDangerActive: #faafaa;
  --bgBrandLightHover: rgba(123, 103, 238, 0.24);
  --bgBrandLightDisabled: rgba(123, 103, 238, 0.16);
  --bgBrandLightActive: rgba(123, 103, 238, 0.32);
  --bgBrandLightDefault: rgba(123, 103, 238, 0.16);
  --bgTagHover: rgba(255, 255, 255, 0.24);
  --bgTagDisabled: rgba(255, 255, 255, 0.08);
  --bgTagDefault: rgba(255, 255, 255, 0.16);
  --bgTagActive: rgba(255, 255, 255, 0.32);
  --bgScrollbarHover: rgba(255, 255, 255, 0.24);
  --bgScrollbarDefault: rgba(255, 255, 255, 0.16);
  --bgScrollbarActive: rgba(255, 255, 255, 0.32);
  --bgOnmaskHover: rgba(255, 255, 255, 0.08);
  --bgOnmaskActive: rgba(255, 255, 255, 0.16);
  --bgMaskDefault: rgba(0, 0, 0, 0.5);
  --bgControlsHover: rgba(255, 255, 255, 0.16);
  --bgControlsElevateHigh: rgba(255, 255, 255, 0.24);
  --bgControlsElevateDefault: rgba(255, 255, 255, 0.12);
  --bgControlsDisabled: rgba(255, 255, 255, 0.08);
  --bgControlsDefault: rgba(255, 255, 255, 0.08);
  --bgControlsActive: rgba(255, 255, 255, 0.24);
  --bgCommonHighest: #333333;
  --bgCommonHigh: #262626;
  --bgCommonDefault: #1a1a1a;
  --bgBrandHover: #a89af5;
  --bgBrandDisabled: rgba(144, 127, 240, 0.5);
  --bgBrandDefault: #907ff0;
  --bgBrandActive: #c0b6fa;
  --bgBglessHover: rgba(255, 255, 255, 0.08);
  --bgBglessActive: rgba(255, 255, 255, 0.16);
  --bgCommonLower: #0d0d0d;
  --rainbowTeal5: #3edea9;
  --rainbowTeal4: rgba(62, 222, 169, 0.8);
  --rainbowTeal3: rgba(62, 222, 169, 0.6);
  --rainbowTeal2: rgba(25, 215, 151, 0.4);
  --rainbowTeal1: rgba(62, 222, 169, 0.2);
  --rainbowTangerine5: #ff932e;
  --rainbowTangerine4: rgba(255, 147, 46, 0.8);
  --rainbowTangerine3: rgba(255, 147, 46, 0.6);
  --rainbowTangerine2: rgba(255, 147, 46, 0.4);
  --rainbowTangerine1: rgba(255, 147, 46, 0.2);
  --rainbowRed5: #f07369;
  --rainbowRed4: rgba(240, 115, 105, 0.8);
  --rainbowRed3: rgba(240, 115, 105, 0.6);
  --rainbowRed2: rgba(240, 115, 105, 0.4);
  --rainbowRed1: rgba(213, 84, 75, 0.2);
  --rainbowPurple5: #907ff0;
  --rainbowPurple4: rgba(144, 127, 240, 0.8);
  --rainbowPurple3: rgba(144, 127, 240, 0.6);
  --rainbowPurple2: rgba(144, 127, 240, 0.4);
  --rainbowPurple1: rgba(144, 127, 240, 0.2);
  --rainbowPink5: #ff7a93;
  --rainbowPink4: rgba(255, 122, 147, 0.8);
  --rainbowPink3: rgba(255, 122, 147, 0.6);
  --rainbowPink2: rgba(255, 122, 147, 0.4);
  --rainbowPink1: rgba(255, 112, 139, 0.2);
  --rainbowOrange5: #ffa62a;
  --rainbowOrange4: rgba(255, 166, 42, 0.8);
  --rainbowOrange3: rgba(255, 166, 42, 0.6);
  --rainbowOrange2: rgba(255, 166, 42, 0.4);
  --rainbowOrange1: rgba(255, 170, 0, 0.2);
  --rainbowIndigo5: #7298f7;
  --rainbowIndigo4: rgba(114, 152, 247, 0.8);
  --rainbowIndigo3: rgba(114, 152, 247, 0.6);
  --rainbowIndigo2: rgba(114, 152, 247, 0.4);
  --rainbowIndigo1: rgba(85, 134, 255, 0.2);
  --rainbowGreen5: #6dcc3d;
  --rainbowGreen4: rgba(109, 204, 61, 0.8);
  --rainbowGreen3: rgba(109, 204, 61, 0.6);
  --rainbowGreen2: rgba(109, 204, 61, 0.4);
  --rainbowGreen1: rgba(82, 196, 27, 0.2);
  --rainbowBrown5: #cc936a;
  --rainbowBrown4: rgba(204, 147, 106, 0.8);
  --rainbowBrown3: rgba(191, 124, 76, 0.6);
  --rainbowBrown2: rgba(204, 147, 106, 0.4);
  --rainbowBrown1: rgba(204, 147, 106, 0.2);
  --rainbowBlue5: #5ccfff;
  --rainbowBlue4: rgba(92, 207, 255, 0.8);
  --rainbowBlue3: rgba(92, 207, 255, 0.6);
  --rainbowBlue2: rgba(92, 207, 255, 0.4);
  --rainbowBlue1: rgba(92, 207, 255, 0.2);
  --shadowSideRightHigh: 6px 0px 12px rgba(0, 0, 0, 0.16), 3px 0px 6px rgba(0, 0, 0, 0.12);
  --shadowSideRightDefault: 4px 0px 8px rgba(0, 0, 0, 0.16), 2px 0px 4px rgba(0, 0, 0, 0.16);
  --shadowSideLeftHigh: -6px 0px 12px rgba(0, 0, 0, 0.16), -3px 0px 6px rgba(0, 0, 0, 0.12);
  --shadowSideLeftDefault: -4px 0px 8px rgba(0, 0, 0, 0.16), -2px 0px 4px rgba(0, 0, 0, 0.16);
  --shadowCommonHighest: 0px 3px 6px rgba(0, 0, 0, 0.12), 0px 12px 24px rgba(0, 0, 0, 0.16);
  --shadowCommonHigh: 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 6px 12px rgba(0, 0, 0, 0.16);
  --shadowCommonDefault: 0px 3px 6px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.16);
  --lightMaskColor: rgba(38, 38, 38, 0.1);
}
:root[data-theme="light"] {
  --tabBorder: rgba(5, 5, 5, 0.06) --rc07: #FFAB00;
  --rc07-rgb: 255, 171, 0;
  --rc11: #6E382D;
  --rc11-rgb: 110, 56, 45;
  --rc10: #E33E38;
  --rc10-rgb: 227, 62, 56;
  --rc09: #FF708B;
  --rc09-rgb: 255, 112, 139;
  --rc08: #FF7A00;
  --rc08-rgb: 255, 122, 0;
  --rc06: #FFEB3A;
  --rc06-rgb: 255, 235, 58;
  --rc05: #52C41B;
  --rc05-rgb: 82, 196, 27;
  --rc04: #30C28B;
  --rc04-rgb: 48, 194, 139;
  --rc03: #55CDFF;
  --rc03-rgb: 85, 205, 255;
  --rc02: #5586FF;
  --rc02-rgb: 85, 134, 255;
  --rc01: #7B67EE;
  --rc01-rgb: 123, 103, 238;
  --rc00: #B35FF5;
  --rc00-rgb: 179, 95, 245;
  --cellSelectedColorSolid: #DCD6FF;
  --cellSelectedColorSolid-rgb: 220, 214, 255;
  --rowSelectedBgSolid: #F5F7FA;
  --rowSelectedBgSolid-rgb: 245, 247, 250;
  --primaryLightSolid: #EDEAFF;
  --primaryLightSolid-rgb: 237, 234, 255;
  --gradientBgMask: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  --warnLightHover: #FFE5B7;
  --warnLightHover-rgb: 255, 229, 183;
  --warnLightActive: #FFD88A;
  --warnLightActive-rgb: 255, 216, 138;
  --warnLight: #FFF6E5;
  --warnLight-rgb: 255, 246, 229;
  --warnHover: #FFA114;
  --warnHover-rgb: 255, 161, 20;
  --warnActive: #FF8E0A;
  --warnActive-rgb: 255, 142, 10;
  --warn: #FFAB00;
  --warn-rgb: 255, 171, 0;
  --successLightHover: #BDECDA;
  --successLightHover-rgb: 189, 236, 218;
  --successLight: #E2F6EF;
  --successLight-rgb: 226, 246, 239;
  --successHover: #269B6F;
  --successHover-rgb: 38, 155, 111;
  --successActive: #1D7453;
  --successActive-rgb: 29, 116, 83;
  --success: #30C28B;
  --success-rgb: 48, 194, 139;
  --scrollBar: #E0E0E0;
  --scrollBar-rgb: 224, 224, 224;
  --reverse1: #262626;
  --reverse1-rgb: 38, 38, 38;
  --reverse0: #FFFFFF;
  --reverse0-rgb: 255, 255, 255;
  --extraLightTeal: rgba(226, 246, 239, 0.5);
  --extraLightRed: rgba(251, 236, 235, 0.5);
  --extraLightPrimary: rgba(237, 234, 255, 0.5);
  --extraLightOrange: rgba(255, 246, 229, 0.5);
  --extraLightIndigo: rgba(224, 233, 255, 0.5);
  --successLightActive: #8BDDBE;
  --successLightActive-rgb: 139, 221, 190;
  --linkVisted: #A697FB;
  --linkVisted-rgb: 166, 151, 251;
  --linkHover: #6653D1;
  --linkHover-rgb: 102, 83, 209;
  --linkActive: #5342B4;
  --linkActive-rgb: 83, 66, 180;
  --link: #7B67EE;
  --link-rgb: 123, 103, 238;
  --staticWhite2: rgba(255, 255, 255, 0.6);
  --staticWhite1: rgba(255, 255, 255, 0.8);
  --staticDark2: #171822;
  --staticDark2-rgb: 23, 24, 34;
  --staticDark1: #262838;
  --staticDark1-rgb: 38, 40, 56;
  --staticDark0: #5E607E;
  --staticDark0-rgb: 94, 96, 126;
  --fill2: #C9C9C9;
  --fill2-rgb: 201, 201, 201;
  --fill1: #E0E0E0;
  --fill1-rgb: 224, 224, 224;
  --fill0: #F5F7FA;
  --fill0-rgb: 245, 247, 250;
  --defaultTag: #E0E0E0;
  --defaultTag-rgb: 224, 224, 224;
  --staticWhite0: #FFFFFF;
  --staticWhite0-rgb: 255, 255, 255;
  --highestBg: #FFFFFF;
  --highestBg-rgb: 255, 255, 255;
  --highBg: #FFFFFF;
  --highBg-rgb: 255, 255, 255;
  --errorLightHover: #FFD1C8;
  --errorLightHover-rgb: 255, 209, 200;
  --errorLightActive: #FFB4AF;
  --errorLightActive-rgb: 255, 180, 175;
  --errorLight: #FBECEB;
  --errorLight-rgb: 251, 236, 235;
  --errorHover: #C42E23;
  --errorHover-rgb: 196, 46, 35;
  --errorActive: #B12319;
  --errorActive-rgb: 177, 35, 25;
  --primaryLight: #EDEAFF;
  --primaryLight-rgb: 237, 234, 255;
  --primaryLightHover: #DCD6FF;
  --primaryLightHover-rgb: 220, 214, 255;
  --primaryLightActive: #EDEAFF;
  --primaryLightActive-rgb: 237, 234, 255;
  --primaryActive: #5342B4;
  --primaryActive-rgb: 83, 66, 180;
  --primaryHover: #6653D1;
  --primaryHover-rgb: 102, 83, 209;
  --fc19: rgba(220, 214, 255, 0.4);
  --fc18: #FFE5B7;
  --fc18-rgb: 255, 229, 183;
  --fc17: rgba(242, 244, 246, 0.4);
  --fc20: #E9E9F5;
  --fc21: #E9E9F5;
  --shadowBg: #262626;
  --shadowBg-rgb: 38, 38, 38;
  --enterpriseFg: #406DDD;
  --enterpriseFg-rgb: 64, 109, 221;
  --enterpriseBg: #E0E0E0;
  --enterpriseBg-rgb: 224, 224, 224;
  --bronzeFg: #AB5C00;
  --bronzeFg-rgb: 171, 92, 0;
  --silverFg: #5586FF;
  --silverFg-rgb: 85, 134, 255;
  --silverBg: #E0E9FF;
  --silverBg-rgb: 224, 233, 255;
  --bronzeBg: #E0E0E0;
  --bronzeBg-rgb: 224, 224, 224;
  --goldenFg: #FFAB00;
  --goldenFg-rgb: 255, 171, 0;
  --goldenBg: #FFF2C2;
  --goldenBg-rgb: 255, 242, 194;
  --or400: #FFBA2E;
  --or400-rgb: 255, 186, 46;
  --fc9: #DCD6FF;
  --fc9-rgb: 220, 214, 255;
  --fc8: #FFFFFF;
  --fc8-rgb: 255, 255, 255;
  --fc7: #F5F7FA;
  --fc7-rgb: 245, 247, 250;
  --fc6: #F5F7FA;
  --fc6-rgb: 245, 247, 250;
  --fc5: #E9E9F5;
  --fc5-rgb: 233, 233, 245;
  --fc4: #C9C9C9;
  --fc4-rgb: 201, 201, 201;
  --fc3: #8C8C8C;
  --fc3-rgb: 140, 140, 140;
  --fc2: #636363;
  --fc2-rgb: 99, 99, 99;
  --fc16: #EDEAFF;
  --fc16-rgb: 237, 234, 255;
  --fc15: #30C28B;
  --fc15-rgb: 48, 194, 139;
  --fc14: #FFAB00;
  --fc14-rgb: 255, 171, 0;
  --fc13: #3C3C3C;
  --fc13-rgb: 60, 60, 60;
  --fc12: rgba(38, 38, 38, 0.5);
  --fc11: #E0E0E0;
  --fc11-rgb: 224, 224, 224;
  --fc10: #E33E38;
  --fc10-rgb: 227, 62, 56;
  --fc1: #262626;
  --fc1-rgb: 38, 38, 38;
  --fc0: #7B67EE;
  --fc0-rgb: 123, 103, 238;
  --dc03: #3A3C4D;
  --dc03-rgb: 58, 60, 77;
  --dc02: #262838;
  --dc02-rgb: 38, 40, 56;
  --dc01: #171822;
  --dc01-rgb: 23, 24, 34;
  --foundMark: rgba(220, 214, 255, 0.4);
  --currentSearch: #FFE5B7;
  --currentSearch-rgb: 255, 229, 183;
  --calendarWeekend: rgba(242, 244, 246, 0.4);
  --folderNodeDefaultColor: #FFBA2E;
  --folderNodeDefaultColor-rgb: 255, 186, 46;
  --cellSelectedColor: #DCD6FF;
  --cellSelectedColor-rgb: 220, 214, 255;
  --defaultBg: #FFFFFF;
  --boardBg: #f5f6f8;
  --defaultBg-rgb: 255, 255, 255;
  --white: #FFFFFF;
  --white-rgb: 255, 255, 255;
  --rowSelectedBg: #F5F7FA;
  --rowSelectedBg-rgb: 245, 247, 250;
  --lowestBg: #F5F7FA;
  --lowestBg-rgb: 245, 247, 250;
  --lineColor: #E9E9F5;
  --lineColor-rgb: 233, 233, 245;
  --fourthLevelText: #C9C9C9;
  --fourthLevelText-rgb: 201, 201, 201;
  --thirdLevelText: #8C8C8C;
  --thirdLevelText-rgb: 140, 140, 140;
  --secondLevelText: #636363;
  --secondLevelText-rgb: 99, 99, 99;
  --treeSelectedBg: #EDEAFF;
  --treeSelectedBg-rgb: 237, 234, 255;
  --successColor: #30C28B;
  --successColor-rgb: 48, 194, 139;
  --warningColor: #FFAB00;
  --warningColor-rgb: 255, 171, 0;
  --tooltipBg: #3C3C3C;
  --tooltipBg-rgb: 60, 60, 60;
  --deepMaskColor: rgba(38, 38, 38, 0.5);
  --sheetLineColor: #E0E0E0;
  --sheetLineColor-rgb: 224, 224, 224;
  --shadowColor: #E0E0E0;
  --shadowColor-rgb: 224, 224, 224;
  --errorColor: #E33E38;
  --errorColor-rgb: 227, 62, 56;
  --firstLevelText: #262626;
  --firstLevelText-rgb: 38, 38, 38;
  --primaryColor: #4f57b7;
  --primaryColor-rgb: 123, 103, 238;
  --bgControlsDegradeHigh: rgba(51, 51, 51, 0.12);
  --bgControlsDegradeDefault: rgba(51, 51, 51, 0.08);
  --bgControlsHoverSolid: #e0e3e9;
  --bgControlsDefaultSolid: #f0f2f5;
  --bgControlsActiveSolid: #ced3db;
  --bgBrandLightHoverSolid: #e1dcfc;
  --bgBrandLightActiveSolid: #c5bcf7;
  --bgBrandLightDefaultSolid: #f4f2ff;
  --bgLogoText: #000650;
  --bgLogoIcon: #7b67ee;
  --rainbowGray5: #b5b5b5;
  --rainbowGray4: #c2c2c2;
  --rainbowGray3: #cfcfcf;
  --rainbowGray2: #e8e8e8;
  --rainbowGray1: #f5f5f5;
  --borderOnwarnLight: #ffebc2;
  --borderOnwarnDefault: #e09600;
  --borderWarnHover: #e09600;
  --borderWarnDisabled: #ffd88a;
  --borderWarnDefault: #ffaa00;
  --borderWarnActive: #c28100;
  --borderSuccessDisabled: #8debcb;
  --borderSuccessActive: #0da371;
  --borderOnsuccessLight: #baf5e1;
  --borderOnsuccessDefault: #12b881;
  --borderSuccessHover: #12b881;
  --borderSuccessDefault: #18cc90;
  --borderOndangerLight: #f7d0cd;
  --borderOndangerDefault: #c24036;
  --borderDangerDisabled: #f0afaa;
  --textStaticDisabled: #333333;
  --textReverseDefault: #ffffff;
  --textStaticTertiary: rgba(255, 255, 255, 0.6);
  --textStaticSecondary: rgba(255, 255, 255, 0.8);
  --textStaticPrimary: #ffffff;
  --rainbowYellow5: #ffc310;
  --rainbowYellow4: #ffce3b;
  --rainbowYellow3: #ffd966;
  --rainbowYellow2: #ffeebd;
  --rainbowYellow1: #fff9e5;
  --bgStaticDarkHigh: #4f545c;
  --bgReverseDefault: #4f4f4f;
  --bgGradientVertical: 0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%;
  --bgGradientHorizontal: 270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%;
  --textWarnHover: #e09600;
  --textWarnDisabled: #ffdb91;
  --textWarnDefault: #ffab00;
  --textWarnActive: #c28100;
  --textSuccessHover: #12b881;
  --textSuccessDisabled: #8debcb;
  --textSuccessDefault: #18cc90;
  --textSuccessActive: #0da371;
  --textLinkVisted: #9483f2;
  --textLinkHover: #614cd4;
  --textLinkDisabled: #c5bcf7;
  --textLinkDefault: #7b67ee;
  --textLinkActive: #4733b8;
  --textDangerHover: #c24036;
  --textDangerDisabled: #f0afaa;
  --textDangerDefault: #d5544b;
  --textDangerActive: #ab2d24;
  --textCommonTertiary: #9c9c9c;
  --textCommonSecondary: #696969;
  --textCommonQuaternary: #c2c2c2;
  --textCommonPrimary: #333333;
  --textCommonDisabled: #cfcfcf;
  --textBrandHover: #614cd4;
  --textBrandDisabled: #c5bcf7;
  --textBrandDefault: #7b67ee;
  --textBrandActive: #4733b8;
  --borderOnbrandLight: #e1dcfc;
  --borderOnbrandDefault: #614cd4;
  --borderGridVertical: #e1e4ea;
  --borderGridHorizontal: #ced3db;
  --borderDangerHover: #c24036;
  --borderDangerDefault: #d5544b;
  --borderDangerActive: #ab2d24;
  --borderCommonHover: #ced3db;
  --borderCommonDisabled: #f0f2f5;
  --borderCommonDefault: #e1e4ea;
  --borderCommonActive: #bec4cf;
  --borderBrandHover: #614cd4;
  --borderBrandDisabled: #c5bcf7;
  --borderBrandDefault: #7b67ee;
  --borderBrandActive: #4733b8;
  --bgWarnLightHover: #ffebc2;
  --bgWarnLightDisabled: #fff6e5;
  --bgWarnLightDefault: #fff6e5;
  --bgWarnLightActive: #ffd88a;
  --bgWarnHover: #e09600;
  --bgWarnDisabled: #ffd88a;
  --bgWarnDefault: #ffaa00;
  --bgWarnActive: #c28100;
  --bgSuccessLightHover: #c6f5e3;
  --bgSuccessLightDisabled: #e5fff6;
  --bgSuccessLightDefault: #e5fff6;
  --bgSuccessLightActive: #8debcb;
  --bgSuccessHover: #12b881;
  --bgSuccessDisabled: #8debcb;
  --bgSuccessDefault: #18cc90;
  --bgSuccessActive: #0da371;
  --bgStaticLight: #ffffff;
  --bgStaticDarkMedium: #3b3f47;
  --bgStaticDarkLow: #282c33;
  --bgDangerLightHover: #f7d0cd;
  --bgDangerLightDisabled: #fff3f2;
  --bgDangerLightDefault: #fff3f2;
  --bgDangerLightActive: #f0afaa;
  --bgDangerHover: #c24036;
  --bgDangerDisabled: #e88f89;
  --bgDangerDefault: #d5544b;
  --bgDangerActive: #ab2d24;
  --bgBrandLightHover: #e1dcfc;
  --bgBrandLightDisabled: #f4f2ff;
  --bgBrandLightActive: #c5bcf7;
  --bgBrandLightDefault: #f4f2ff;
  --bgTagHover: rgba(51, 51, 51, 0.18);
  --bgTagDisabled: rgba(51, 51, 51, 0.06);
  --bgTagDefault: rgba(51, 51, 51, 0.12);
  --bgTagActive: rgba(51, 51, 51, 0.24);
  --bgScrollbarHover: #cfcfcf;
  --bgScrollbarDefault: #dbdbdb;
  --bgScrollbarActive: #c2c2c2;
  --bgOnmaskHover: rgba(255, 255, 255, 0.16);
  --bgOnmaskActive: rgba(255, 255, 255, 0.24);
  --bgMaskDefault: rgba(0, 0, 0, 0.5);
  --bgControlsHover: #e0e3e9;
  --bgControlsElevateHigh: #ffffff;
  --bgControlsElevateDefault: #ffffff;
  --bgControlsDisabled: #f5f5f5;
  --bgControlsDefault: #f0f2f5;
  --bgControlsActive: #ced3db;
  --bgCommonHighest: #ffffff;
  --bgCommonHigh: #ffffff;
  --bgCommonDefault: #ffffff;
  --bgBrandHover: #614cd4;
  --bgBrandDisabled: #c5bcf7;
  --bgBrandDefault: #7b67ee;
  --bgBrandActive: #4733b8;
  --bgBglessHover: rgba(51, 51, 51, 0.08);
  --bgBglessActive: rgba(51, 51, 51, 0.12);
  --bgCommonLower: #f5f5f5;
  --rainbowTeal5: #19d797;
  --rainbowTeal4: #3edea9;
  --rainbowTeal3: #66e8bd;
  --rainbowTeal2: #bcf7e4;
  --rainbowTeal1: #e5fff6;
  --rainbowTangerine5: #ff7a00;
  --rainbowTangerine4: #ff932e;
  --rainbowTangerine3: #ffab5c;
  --rainbowTangerine2: #ffdab8;
  --rainbowTangerine1: #fff2e5;
  --rainbowRed5: #ee5347;
  --rainbowRed4: #f07369;
  --rainbowRed3: #f59089;
  --rainbowRed2: #fccdca;
  --rainbowRed1: #ffeceb;
  --rainbowPurple5: #7b67ee;
  --rainbowPurple4: #907ff0;
  --rainbowPurple3: #a89af5;
  --rainbowPurple2: #d8d2fc;
  --rainbowPurple1: #eeebff;
  --rainbowPink5: #ff627f;
  --rainbowPink4: #ff7a93;
  --rainbowPink3: #ff96aa;
  --rainbowPink2: #ffcfd7;
  --rainbowPink1: #ffebee;
  --rainbowOrange5: #ffa62a;
  --rainbowOrange4: #ffb752;
  --rainbowOrange3: #ffc778;
  --rainbowOrange2: #ffe7c4;
  --rainbowOrange1: #fff4e5;
  --rainbowIndigo5: #5684f5;
  --rainbowIndigo4: #7298f7;
  --rainbowIndigo3: #91affa;
  --rainbowIndigo2: #cfddff;
  --rainbowIndigo1: #ebf0ff;
  --rainbowGreen5: #52bf1d;
  --rainbowGreen4: #6dcc3d;
  --rainbowGreen3: #89d962;
  --rainbowGreen2: #c9f2b6;
  --rainbowGreen1: #eeffe5;
  --rainbowBrown5: #bf7c4c;
  --rainbowBrown4: #cc936a;
  --rainbowBrown3: #d9a986;
  --rainbowBrown2: #f2d9c7;
  --rainbowBrown1: #fff3eb;
  --rainbowBlue5: #33c3ff;
  --rainbowBlue4: #5ccfff;
  --rainbowBlue3: #80d9ff;
  --rainbowBlue2: #c7eeff;
  --rainbowBlue1: #ebf9ff;
  --shadowSideRightHigh: 2px 0px 4px rgba(20, 20, 20, 0.1), 6px 0px 12px rgba(20, 20, 20, 0.06);
  --shadowSideRightDefault: 1px 0px 2px rgba(20, 20, 20, 0.1), 4px 0px 8px rgba(20, 20, 20, 0.06);
  --shadowSideLeftHigh: -2px 0px 4px rgba(20, 20, 20, 0.1), -6px 0px 12px rgba(20, 20, 20, 0.06);
  --shadowSideLeftDefault: -1px 0px 2px rgba(20, 20, 20, 0.1), -4px 0px 8px rgba(20, 20, 20, 0.06);
  --shadowCommonHighest: 0px 3px 6px rgba(20, 20, 20, 0.1), 0px 8px 16px rgba(20, 20, 20, 0.08);
  --shadowCommonHigh: 0px 2px 4px rgba(20, 20, 20, 0.1), 0px 6px 12px rgba(20, 20, 20, 0.06);
  --shadowCommonDefault: 0px 1px 2px rgba(20, 20, 20, 0.1), 0px 3px 6px rgba(20, 20, 20, 0.06);
  --lightMaskColor: rgba(38, 38, 38, 0.1);
}
#root {
  height: 100%;
  width: 100%;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
#root .ant-layout {
  background-color: var(--fc21) !important;
}
#root .ant-layout .ant-layout-sider-light {
  background-color: var(--highestBg) !important;
}
#root .ant-tabs-tabpane {
  background-color: var(--fc5) !important;
}
#root ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
#root ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.85) !important;
  background-color: #ffffff !important;
  border-color: #f4f4f4 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
.cke_button__about_icon {
  display: none !important;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.85) !important;
  background: #ffffff !important;
  cursor: not-allowed;
  border: 1px solid #f4f4f4 !important;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::after {
  display: inline-block;
  margin-right: 0px !important;
  color: #ff0000 !important;
  font-size: 14px;
  line-height: 1;
  content: '*' !important;
}
.ant-form-item-label > label::after {
  content: '' !important;
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label::before {
  content: '' !important;
  color: #4f56b6;
  position: relative;
  top: -0.5px;
  margin: 0 6px 0 2px;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.85) !important;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled {
  background: #ffffff !important;
  border-color: #f4f4f4 !important;
  color: rgba(0, 0, 0, 0.85) !important;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
:where(.css-dev-only-do-not-override-mxhywb).ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  background-color: var(--fc20) !important;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active strong,
:where(.css-dev-only-do-not-override-mxhywb).ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active strong {
  color: var(--primaryColor) !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
  background: #ffffff !important;
  border-color: #f4f4f4 !important;
  color: rgba(0, 0, 0, 0.85) !important;
}
.ant-upload {
  cursor: pointer;
}
.ant-pro-basicLayout-apps-icon {
  color: #0073ea !important;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background-color: transparent !important;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover:before {
  background-color: transparent !important;
}
.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: 4px !important;
}
.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 {
  margin-top: 0px !important;
}
.ant-layout-sider-children {
  text-align: center;
}
.ant-drawer-mask {
  backdrop-filter: blur(2px);
}
.ant-modal-header {
  border-radius: 16px !important;
  color: var(--fc1) !important;
}
.ant-modal-body {
  color: var(--fc1);
  background-color: var(--defaultBg);
}
.ant-modal-body .ant-card-body {
  color: var(--fc1);
  background-color: var(--defaultBg);
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  font-weight: 700 !important;
}
.ant-modal-confirm-body > .anticon {
  font-size: 50px !important;
}
.ant-form-item-explain-error {
  color: #ff4d4f;
  margin-bottom: 10px !important;
}
.ant-modal-footer {
  border-top: none !important;
}
.ant-modal-content {
  border-radius: 16px !important;
  background-color: var(--defaultBg) !important;
  color: var(--fc1) !important;
}
.ant-input {
  border-radius: 8px !important;
}
.ant-dropdown-menu {
  border-radius: 8px;
  width: 250px;
  padding: 10px 10px !important;
}
.ant-dropdown-menu .ant-dropdown-menu-item-group-list {
  padding: 8px;
}
.ant-dropdown-menu .ant-dropdown-menu-item,
.ant-dropdown-menu .ant-dropdown-menu-submenu-title {
  line-height: 24px;
  font-webackgroundight: 500;
  font-size: 14px;
  padding: 5px 12px;
}
.ant-dropdown-menu .ant-dropdown-menu-item span.ant-dropdown-menu-item-icon svg {
  height: 16px;
  width: 16px;
}
.ant-modal-title {
  font-weight: 700 !important;
  font-size: 20px;
}
.ant-btn-primary {
  color: var(--staticWhite0) !important;
  background-color: var(--primaryColor) !important;
  box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1) !important;
}
.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-danger):hover,
.ant-dropdown-menu-submenu-title:not(.ant-dropdown-menu-item-danger):hover {
  background-color: #dbd7d71f;
  border-radius: 4px;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-active:not(.ant-dropdown-menu-item-danger),
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active:not(.ant-dropdown-menu-item-danger),
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active:not(.ant-dropdown-menu-item-danger),
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active:not(.ant-dropdown-menu-item-danger) {
  background-color: #e5e6f4;
  border-radius: 4px;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-active:not(.ant-dropdown-menu-item-danger) .anticon,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active:not(.ant-dropdown-menu-item-danger) .anticon,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active:not(.ant-dropdown-menu-item-danger) .anticon,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active:not(.ant-dropdown-menu-item-danger) .anticon {
  color: #0073ea;
}
.ant-modal-mask {
  backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.7) !important;
}
.ant-layout {
  height: 100%;
}
.ant-page-header {
  padding: 0px 8px !important;
  border-bottom: 1px solid #e9ebf1;
  background-color: var(--defaultBg) !important;
  color: var(--fc1) !important;
}
.ant-modal-close:hover {
  border-radius: 5px;
  background-color: #7b3a2d1f;
}
.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
  text-transform: capitalize !important;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
  text-transform: capitalize !important;
}
.help_text {
  font-size: 12px;
  color: #8c8c8d;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-vertical .ant-dropdown-menu-title-content {
  display: inline-flex;
  width: 87%;
}
.ant-select,
.ant-select-selector,
.ant-input-affix-wrapper,
.ant-input-group-addon,
.ant-input,
.ant-picker {
  border-radius: 8px;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #0073ea !important;
}
.ant-input:focus,
.ant-input-focused,
.ant-picker-focused,
.ant-select-focused,
.ant-select-selector {
  box-shadow: none !important;
  outline: 0;
}
.ant-input:hover {
  border-color: #0073ea !important;
}
.ant-modal-title {
  text-transform: capitalize;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 22px !important;
  line-height: 28px !important;
  word-wrap: break-word;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  line-height: 0px !important;
  margin-top: 2px;
}
.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 {
  font-weight: 400;
}
.ant-modal-header {
  border-bottom: none !important;
}
.ant-input,
.ant-input-number {
  border-radius: 0px !important;
}
.ant-picker {
  width: 100%;
}
.mobile_number {
  border-left-width: 0px !important;
}
.ant-list-item-meta {
  align-items: center !important;
}
.default_header_menu {
  cursor: pointer;
  padding: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.default_header_menu svg {
  height: 50% !important;
  width: 50% !important;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  background-color: #dee3fc !important;
  border-radius: 6px;
}
.ant-list-item {
  cursor: pointer;
}
.ant-list-item:hover {
  background-color: #dee3fc !important;
}
.default_menu .ant-menu-item {
  padding: 0 calc(50% - 34px / 2) !important;
}
.default_menu .ant-menu-item svg {
  height: 100% !important;
  width: 100% !important;
}
.zsiq_float {
  display: none !important;
}
.h_icon_button {
  color: #7c828d;
  font-size: 20px;
  cursor: pointer;
}
.h_icon_button label {
  color: #7c828d;
  font-size: 12px;
  font-weight: 500;
  padding-left: 3px;
  cursor: pointer;
}
.ant-tooltip-inner {
  font-size: 12px;
  background-color: black !important;
}
.ant-tabs-nav-list .ant-tabs-tab {
  width: 100%;
  border: 1px solid var(--tabBorder) !important;
}
.ant-page-header-heading-left {
  margin: 0px !important;
  margin-block: 0px !important;
  width: 100%;
}
.ant-page-header-heading {
  width: 100%;
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.ant-page-header-heading-tags {
  height: 100%;
}
.ant-page-header-heading-tags {
  width: 100%;
}
.ant-page-header-heading-title {
  width: 20%;
}
.textalignright {
  text-align: right !important;
}
a:hover {
  color: var(--fc1) !important;
}
label {
  color: #0073ea;
}
.ant-input-number-handler-wrap {
  visibility: hidden;
}
#customScrollbar::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
#customScrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Background of the scrollbar track */
}
#customScrollbar::-webkit-scrollbar-thumb {
  background: #8888887e;
  /* Color of the scrollbar thumb */
  border-radius: 10px;
  /* Rounded corners for the thumb */
}
#customScrollbar::-webkit-scrollbar-thumb:hover {
  background: #555555bb;
  /* Color of the scrollbar thumb when hovered */
}
.tree_prifix .ant-tree-list {
  background-color: #f6f7fd;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode[draggable="false"] .ant-tree-draggable-icon {
  display: none;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode {
  align-items: center !important;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-node-selected {
  background-color: #dee3fc !important;
  border-radius: 8px!important;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-switcher {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-node-content-wrapper {
  display: flex;
  width: 100%;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-node-selected {
  background-color: #e9ecee !important;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  border-radius: 8px!important;
  background-color: #dee3fc !important;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-node-content-wrapper:hover .menu_div {
  opacity: 1;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title {
  width: 100%;
  margin-left: 2%;
}
.tree_prifix .ant-tree-list .ant-tree-list-holder .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: auto;
  height: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.workspace_item_list {
  padding: 16px 16px 5px 16px !important;
  border-radius: 8px!important;
}
.workspace_item_list .ant-select-single,
.workspace_item_list .ant-select-open,
.workspace_item_list .ant-select-selection-item {
  color: #dee3fc;
}
.workspace_item_list .ant-select-item {
  padding: 0px 12px !important;
}
.workspace_item_list .ant-select-item .ant-select-selector .ant-select-selection-item {
  background-color: #dee3fc !important;
  border-radius: 8px!important;
}
.workspace_item_list .ant-select-item .ant-select-single.ant-select-open .ant-select-selection-item {
  background-color: #dee3fc !important;
  border-radius: 8px!important;
}
.highcharts-credits {
  opacity: 0;
}
.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.basis-1\/4 {
  flex-basis: 25%;
}
.basis-1\/2 {
  flex-basis: 50%;
}
.center {
  justify-content: center;
}
.align_center {
  align-items: center;
}
.space-evenly {
  justify-content: space-evenly !important;
}
.zoom {
  transition: 0.1s ease;
}
.zoom:hover {
  z-index: 2;
  transform: scale(1.2);
}
.fixed {
  position: fixed !important;
  width: 100%;
  z-index: 2;
}
.text-center {
  text-align: center;
}
.w-full {
  width: 100% !important;
}
.textTransform input {
  text-transform: capitalize;
}
.clr-pr {
  color: #0073ea;
}
.ant-collapse-content-box {
  background-color: white;
}
.ant-collapse-header-text {
  font-weight: 600;
}
.custom_page_tile .custom_page_tile {
  background: white;
  box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.04);
  border-radius: 0.5rem !important;
  border: none;
  position: relative;
  margin-bottom: 30px;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}
.custom_page_tile:hover .share_icon {
  visibility: visible;
}
.custom_page_tile .share_icon {
  position: absolute;
  right: 4%;
  z-index: 10;
  opacity: 0.7;
  visibility: hidden;
}
.vendor_gate_entry_approval_status {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.vendor_gate_entry_approval_status img {
  height: 100%;
  width: 20%;
  margin-right: 10%;
}
.vendor_table_infinite_scroll {
  cursor: pointer;
}
.vendor_table_infinite_scroll .scroll_sizebar ::-webkit-scrollbar {
  height: 0px ;
  width: 0px;
}
.vendor_table_infinite_scroll .ant-table-sticky-scroll-bar {
  height: 15px !important;
}
.vendor_table_infinite_scroll .ant-table-sticky-scroll {
  height: 15px;
}
.vendor_table_infinite_scroll .ant-table-body {
  min-height: 50vh !important;
  overflow: auto auto !important;
}
.vendor_table_infinite_scroll ::-webkit-scrollbar {
  display: block !important;
  width: 18px;
}
.vendor_table_infinite_scroll .table-row-light .ant-table-cell-fix-left {
  padding: 0px !important;
}
.vendor_table_infinite_scroll .ant-table-tbody > tr.ant-table-row:hover > td,
.vendor_table_infinite_scroll .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #f2f2f2;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.vendor_table_infinite_scroll .table-row-dark {
  background-color: #fff;
}
.vendor_table_infinite_scroll .table-row-dark .ant-table-cell-fix-left {
  padding: 0px !important;
}
.vendor_table_infinite_scroll .table-row-dark .ant-table-column-sort {
  background-color: #1088b61f !important;
  z-index: 0;
}
.vendor_table_infinite_scroll .ant-table-tbody:not(.ant-table-measure-row) > tr > td {
  padding: 6px 2px !important;
}
.vendor_table_infinite_scroll th.ant-table-cell {
  background-color: #1088b6 !important;
  color: white !important;
}
.vendor_table_infinite_scroll :global .ant-table-thead > tr > th {
  text-align: center !important;
  text-transform: capitalize !important;
}
.vendor_table_infinite_scroll :global .ant-table-cell {
  text-transform: capitalize !important;
}
.kpi_modal_table_noMarginTop {
  cursor: pointer;
}
.kpi_modal_table_noMarginTop .ant-table-container .ant-table-header {
  top: 0px !important;
}
.kpi_modal_table_noMarginTop .ant-table-body {
  min-height: 30vh !important;
  overflow: auto auto !important;
}
.kpi_modal_table_noMarginTop ::-webkit-scrollbar {
  display: block !important;
  width: 18px;
}
.kpi_modal_table_noMarginTop .table-row-light .ant-table-cell-fix-left {
  padding: 0px !important;
}
.kpi_modal_table_noMarginTop .ant-table-header {
  top: 55 !important;
}
.kpi_modal_table_noMarginTop .ant-table-tbody > tr.ant-table-row:hover > td,
.kpi_modal_table_noMarginTop .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #f2f2f2;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.kpi_modal_table_noMarginTop .ant-table-filter-trigger {
  color: #fff !important;
}
.kpi_modal_table_noMarginTop .table-row-dark {
  background-color: #fff;
}
.kpi_modal_table_noMarginTop .table-row-dark .ant-table-cell-fix-left {
  padding: 0px !important;
}
.kpi_modal_table_noMarginTop .table-row-dark .ant-table-column-sort {
  background-color: #1088b61f !important;
  z-index: 0;
}
.kpi_modal_table_noMarginTop .ant-table-tbody:not(.ant-table-measure-row) > tr > td {
  padding: 6px 2px !important;
}
.kpi_modal_table_noMarginTop .ant-table-sticky-holder {
  top: 50 !important;
}
.kpi_modal_table_noMarginTop th.ant-table-cell {
  background-color: #1f2527 !important;
  color: white !important;
}
.kpi_modal_table_noMarginTop :global .ant-table-thead > tr > th {
  text-align: center !important;
  text-transform: capitalize !important;
}
.kpi_modal_table_noMarginTop :global .ant-table-cell {
  text-transform: capitalize !important;
}
.kpi_modal_table {
  cursor: pointer;
}
.kpi_modal_table .ant-table-container .ant-table-header {
  top: 36px !important;
}
.kpi_modal_table .ant-table-body {
  min-height: 30vh !important;
  overflow: auto auto !important;
}
.kpi_modal_table ::-webkit-scrollbar {
  display: block !important;
  width: 18px;
}
.kpi_modal_table .table-row-light .ant-table-cell-fix-left {
  padding: 0px !important;
}
.kpi_modal_table .ant-table-header {
  top: 50 !important;
}
.kpi_modal_table .ant-table-tbody > tr.ant-table-row:hover > td,
.kpi_modal_table .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #f2f2f2;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.kpi_modal_table .ant-table-filter-trigger {
  color: #fff !important;
}
.kpi_modal_table .table-row-dark {
  background-color: #fff;
}
.kpi_modal_table .table-row-dark .ant-table-cell-fix-left {
  padding: 0px !important;
}
.kpi_modal_table .table-row-dark .ant-table-column-sort {
  background-color: #1088b61f !important;
  z-index: 0;
}
.kpi_modal_table .ant-table-tbody:not(.ant-table-measure-row) > tr > td {
  padding: 6px 2px !important;
}
.kpi_modal_table .ant-table-sticky-holder {
  top: 50 !important;
}
.kpi_modal_table th.ant-table-cell {
  background-color: #1f2527 !important;
  color: white !important;
}
.kpi_modal_table :global .ant-table-thead > tr > th {
  text-align: center !important;
  text-transform: capitalize !important;
}
.kpi_modal_table :global .ant-table-cell {
  text-transform: capitalize !important;
}
.kpi_table {
  cursor: pointer;
}
.kpi_table .ant-table-body {
  min-height: 30vh !important;
  overflow: auto auto !important;
}
.kpi_table ::-webkit-scrollbar {
  display: block !important;
  width: 18px;
}
.kpi_table .table-row-light .ant-table-cell-fix-left {
  padding: 0px !important;
}
.kpi_table .ant-table-tbody > tr.ant-table-row:hover > td,
.kpi_table .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #f2f2f2;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.kpi_table .ant-table-filter-trigger {
  color: #fff !important;
}
.kpi_table .table-row-dark {
  background-color: #fff;
}
.kpi_table .table-row-dark .ant-table-cell-fix-left {
  padding: 0px !important;
}
.kpi_table .table-row-dark .ant-table-column-sort {
  background-color: #1088b61f !important;
  z-index: 0;
}
.kpi_table .ant-table-tbody:not(.ant-table-measure-row) > tr > td {
  padding: 6px 2px !important;
}
.kpi_table th.ant-table-cell {
  background-color: #1f2527 !important;
  color: white !important;
}
.kpi_table :global .ant-table-thead > tr > th {
  text-align: center !important;
  text-transform: capitalize !important;
}
.kpi_table :global .ant-table-cell {
  text-transform: capitalize !important;
}
.vendor_table {
  cursor: pointer;
  overflow: auto !important;
}
.vendor_table ::-webkit-scrollbar {
  display: block !important;
}
.ant-table-body::-webkit-scrollbar {
  width: 0px !important;
}
.vendor_table .table-row-light .ant-table-cell-fix-left {
  padding: 0px !important;
}
.vendor_table .ant-table-tbody > tr.ant-table-row:hover > td,
.vendor_table .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #f2f2f2;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.vendor_table .table-row-dark {
  background-color: #fff;
}
.vendor_table .table-row-dark .ant-table-cell-fix-left {
  padding: 0px !important;
}
.vendor_table .ant-table-tbody:not(.ant-table-measure-row) > tr > td {
  padding: 6px 6px !important;
}
.vendor_table th.ant-table-cell {
  background-color: #1088b6 !important;
  color: white !important;
}
.vendor_table :global .ant-table-thead > tr > th {
  text-align: center !important;
  text-transform: capitalize !important;
}
.vendor_table :global .ant-table-cell {
  text-transform: capitalize !important;
}
.editable-cell {
  position: relative;
}
.editable-cell-value-wrap {
  cursor: pointer;
}
.vendor_table_row > td {
  text-transform: uppercase;
}
.table_row_color td {
  color: #f81111;
}
td.vendor_table_value_money_right {
  text-align: right !important;
}
th.vendor_table_value_money_right {
  text-align: center !important;
}
.vendor_table_expanded_row label {
  color: #00000094;
  font-weight: 700;
  font-size: 14px;
}
.table_role {
  text-transform: capitalize !important;
}
.ant-form-item-explain-error,
.ant-form-item-label {
  text-transform: capitalize !important;
}
.ant-form-item-control-input-content {
  text-transform: capitalize !important;
}
.vendor_uploader .ant-upload-list .ant-upload-select-picture-card,
.vendor_uploader .ant-upload-list .ant-upload-list-picture-card-container {
  height: 3em !important;
  width: 11em !important;
}
.collapse_tab .ant-collapse-header {
  background-color: #1088b6;
  color: white !important;
}
.vendor_header {
  background-color: #1088b6 !important;
  border-bottom: 0px !important;
}
.vendor_header .ant-page-header-back .ant-page-header-back-button .anticon {
  color: white !important;
}
.vendor_header .ant-page-header-heading-title {
  color: white !important;
}
.vendorCircle {
  background: transparent;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid;
  margin-right: 4px;
}
.uppercase {
  text-transform: 'uppercase' !important;
}
.lowercase {
  text-transform: 'lowercase' !important;
}
.lowercaseplaceholder .ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
  text-transform: lowercase !important;
}
.lowercaseplaceholder .ant-input:placeholder-shown {
  text-overflow: ellipsis;
  text-transform: lowercase !important;
}
.vendordynamicform .ant-row {
  width: 90% !important;
}
.vendordynamicform .ant-space-align-center {
  align-items: baseline !important;
}
.uppercaseinput .ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum", "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 5px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  text-transform: uppercase;
}
.uppercaseinput .ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: none;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.min-table-body-height .ant-table-body {
  min-height: 40vh !important;
}
.ant-collapse-content-box {
  background-color: white;
}
.ant-collapse-header-text {
  font-weight: 600;
}
.ant-table-column-sorter-up {
  color: white;
}
/* Change the sort arrow color for the descending arrow */
.ant-table-column-sorter-down {
  color: white;
}
.custom_page_tile .custom_page_tile {
  background: white;
  box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.04);
  border-radius: 0.5rem !important;
  border: none;
  position: relative;
  margin-bottom: 30px;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}
.custom_page_tile:hover .share_icon {
  visibility: visible;
}
.custom_page_tile .share_icon {
  position: absolute;
  right: 4%;
  z-index: 10;
  opacity: 0.7;
  visibility: hidden;
}
.dealer_gate_entry_approval_status {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.dealer_gate_entry_approval_status img {
  height: 100%;
  width: 20%;
  margin-right: 10%;
}
.dealer_table {
  cursor: pointer;
}
.dealer_table .table-row-light .ant-table-cell-fix-left {
  padding: 0px !important;
}
.dealer_table .ant-table-tbody > tr.ant-table-row:hover > td,
.dealer_table .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #f2f2f2;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.dealer_table .table-row-dark {
  background-color: #fff;
}
.dealer_table .table-row-dark .ant-table-cell-fix-left {
  padding: 0px !important;
}
.dealer_table .ant-table-tbody:not(.ant-table-measure-row) > tr > td {
  padding: 6px 6px !important;
}
.dealer_table th.ant-table-cell {
  background-color: #4f57b7 !important;
  color: white !important;
}
.dealer_table :global .ant-table-thead > tr > th {
  text-align: center !important;
  text-transform: capitalize !important;
}
.dealer_table :global .ant-table-cell {
  text-transform: capitalize !important;
}
.expand_table .table-row-light .ant-table-cell-fix-left {
  padding: 0px !important;
}
.expand_table .ant-table-tbody > tr.ant-table-row:hover > td,
.expand_table .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #f2f2f2;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.expand_table .table-row-dark {
  background-color: #fff;
}
.expand_table .table-row-dark .ant-table-cell-fix-left {
  padding: 0px !important;
}
.expand_table .ant-table-tbody:not(.ant-table-measure-row) > tr > td {
  padding: 6px 6px !important;
}
.expand_table th.ant-table-cell {
  background-color: rgba(180, 180, 180, 0.842) !important;
  color: #1f1d1d !important;
}
.expand_table :global .ant-table-thead > tr > th {
  text-align: center !important;
  text-transform: capitalize !important;
}
.expand_table :global .ant-table-cell {
  text-transform: capitalize !important;
}
.editable-cell {
  position: relative;
}
.editable-cell-value-wrap {
  cursor: pointer;
}
.ant-table-expanded-row {
  background-color: #e8e9ea;
  /* Change this color to your desired background color */
}
.dealer_table_row > td {
  text-transform: uppercase;
}
.table_row_color td {
  color: #f81111;
}
td.dealer_table_value_money_right {
  text-align: right !important;
}
th.dealer_table_value_money_right {
  text-align: center !important;
}
.dealer_table_expanded_row label {
  color: #00000094;
  font-weight: 700;
  font-size: 14px;
}
.table_role {
  text-transform: capitalize !important;
}
.ant-form-item-explain-error,
.ant-form-item-label {
  text-transform: capitalize !important;
}
.ant-form-item-control-input-content {
  text-transform: capitalize !important;
}
.ant-input-number {
  border-radius: 8px !important;
}
.dealer_uploader .ant-upload-list .ant-upload,
.dealer_uploader .ant-upload-list .ant-upload-select {
  height: 65px !important;
  width: 105px !important;
}
.dealer_uploader .ant-upload-list .ant-upload-select-picture-card,
.dealer_uploader .ant-upload-list .ant-upload-list-picture-card-container {
  height: 3em !important;
  width: 11em !important;
}
.dealer_uploader .ant-upload-list .ant-upload-list-item-container {
  height: 65px !important;
}
.dealer_uploader .ant-upload-list .ant-upload-list-item-container .ant-upload-list-item,
.dealer_uploader .ant-upload-list .ant-upload-list-item-container .ant-upload-list-item-done {
  height: 65px !important;
  width: 105px !important;
}
.collapse_tab .ant-collapse-header {
  background-color: #4f57b7;
  color: white !important;
}
.dealer_header {
  background-color: #4f57b7 !important;
  border-bottom: 0px !important;
}
.dealer_header .ant-page-header-back .ant-page-header-back-button .anticon {
  color: white !important;
}
.dealer_header .ant-page-header-heading-title {
  color: white !important;
}
.dealerCircle {
  background: transparent;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid;
  margin-right: 4px;
}
.uppercase {
  text-transform: 'uppercase' !important;
}
.lowercase {
  text-transform: 'lowercase' !important;
}
.lowercaseplaceholder .ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
  text-transform: lowercase !important;
}
.lowercaseplaceholder .ant-input:placeholder-shown {
  text-overflow: ellipsis;
  text-transform: lowercase !important;
}
.dealerdynamicform .ant-row {
  width: 90% !important;
}
.dealerdynamicform .ant-space-align-center {
  align-items: baseline !important;
}
.uppercaseinput .ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum", "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 5px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  text-transform: uppercase;
}
.uppercaseinput .ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: none;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.expandable_row {
  background-color: #e3e3e3;
}
.ant-input {
  border-radius: 8px !important;
}
.ant-pro-basicLayout-content {
  padding: 0px !important;
  margin: 0px !important;
}
.colorWeak {
  filter: invert(80%);
}
.ant-layout {
  min-height: 100vh;
  height: 100vh;
}
ul,
ol {
  list-style: none;
}
.workflowActions {
  display: flex;
  align-items: center;
  flex: 1 1;
  justify-content: space-around;
}
@media (max-width: 480px) {
  .workflowActions {
    display: none;
  }
  .afPopoverScroll {
    max-height: 300px;
  }
  .rbc-calendar {
    width: 700px;
  }
}
@media (max-width: 480px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
  }
  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > th,
  .ant-table-thead > tr > td,
  .ant-table-tbody > tr > td {
    white-space: pre;
  }
  .ant-table-thead > tr > th > span,
  .ant-table-tbody > tr > th > span,
  .ant-table-thead > tr > td > span,
  .ant-table-tbody > tr > td > span {
    display: block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}
.react-codemirror2,
.CodeMirror {
  height: 100% !important;
}
.flexCenter {
  display: flex;
  align-items: center;
}
.dragRow {
  flex: none;
  width: 7.5px;
  height: 100%;
}
.dragRow::before {
  content: '';
  border-left: 4px dotted #ccc;
  display: block;
  height: 20px;
}
.dragRow:hover::before {
  border-color: #888;
}
.DragHandle {
  width: 10px;
  flex: 0 0 16px;
  z-index: 2;
  cursor: col-resize;
  color: #0085ff;
}
.DragHandle:hover {
  background-color: #20bd67;
}
.DragHandleActive,
.DragHandleActive:hover {
  color: #0b6fcc;
  z-index: 3;
}
.DragHandleIcon {
  flex: 0 0 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.picker {
  position: relative;
  z-index: 2px !important;
}
.swatch {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.customPopover {
  z-index: 1005;
}
.popover {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  border-radius: 9px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  background-color: white;
  z-index: 2;
}
.picker__swatches {
  display: flex;
  padding: 12px;
  flex-wrap: wrap;
  background: white;
  justify-content: flex-end;
}
.picker__swatch {
  width: 24px;
  height: 24px;
  margin: 4px;
  border: none;
  padding: 0;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
}
.ant-card-actions > li {
  margin: 0px !important;
}
.workspaceListRoot {
  flex-direction: column;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow-y: hidden;
  background: #ffffff;
}
.workspaceList {
  padding-top: 15px;
  overflow-y: auto;
}
.WrapperText {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}
.IsDragging {
  opacity: 0.5;
}
.IsOver {
  background-color: blue;
}
.rdg-header-row {
  background-color: white !important;
}
.rdg-cell {
  text-align: center !important;
}
.rdg-cell-resizable:hover::after {
  background-color: #0073ea;
}
.rdg-row {
  background-color: var(--boardBg);
}
.rdg-header-sort-name {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.header_menu {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.header_menu > .header_text {
  text-align: center;
  display: flex;
  width: 100%;
  height: 100%;
}
.header_menu:hover .header_icon {
  visibility: visible;
}
.header_menu:hover .drag_handler {
  display: block;
}
.drag_handler {
  display: none;
  cursor: move;
}
.header_column {
  width: 100%;
  text-align: center;
}
.header_menu:hover .header_icon {
  visibility: visible;
}
.header_icon {
  cursor: pointer;
  margin-right: 10px;
  visibility: hidden;
}
.status {
  color: white;
  cursor: pointer;
  width: 100%;
  text-align: center;
}
.status_formater {
  color: white;
  cursor: pointer;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 32px;
}
.status:hover,
status_formater:hover {
  opacity: 0.7;
}
.statuspicker:hover {
  opacity: 0.7;
}
.statuspicker {
  border-radius: 4px;
  width: 100%;
  height: 32px;
  align-self: auto;
  line-height: 32px;
  text-align: center;
  margin-bottom: 4px;
  border-radius: 2px;
  color: #ffffff;
  font-weight: 400;
  cursor: pointer;
  transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
  position: relative;
}
.Popover-body {
  padding-top: 16px;
  background-color: #ffffff;
  min-width: 300px;
  color: #323338;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  border-radius: 4px;
  font-size: 13px;
  transition: width 0.1s;
  pointer-events: all;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  align-content: space-between;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  min-width: 0;
}
.rdgFullHeight {
  height: 100% !important;
}
.select_status {
  border: 1px solid black;
}
.formula_col_popover {
  z-index: 1000;
}
.status_width {
  z-index: 1000;
  max-width: 300px;
}
.status_width > .Popover-body {
  border-radius: 7px;
  min-width: 200px;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  /* background: transparent; */
  /* transform: rotate(45deg); */
}
.status_width > .Popover-body > .ant-row {
  width: 100%;
}
.checklist_popover {
  z-index: 1000;
}
.checklist_popover > .Popover-body {
  width: 355px;
  height: 300px;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  overflow: auto;
}
.obac_popover {
  z-index: 1000;
}
.obac_popover > .Popover-body {
  width: 355px;
  height: 177px;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  overflow: auto;
}
.color_padding > .Popover-body {
  padding: 0px !important;
  width: 320px;
}
.remove_padding {
  padding: 3px !important;
}
.status_body {
  height: 250px;
  overflow-x: scroll;
  margin-right: -25px;
  margin-left: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.picker {
  position: relative;
  z-index: 2px !important;
}
.swatch {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.popover {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  border-radius: 9px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  background-color: white;
  z-index: 2;
}
.picker__swatches {
  display: flex;
  padding: 10px;
  flex-wrap: wrap;
  background: white;
  justify-content: flex-start;
}
.picker__swatch {
  width: 24px;
  height: 24px;
  margin: 4px;
  border: none;
  padding: 0;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
}
.react-colorful {
  width: 100% !important;
}
.color_div {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 2px;
  margin-bottom: 2px;
}
.color_div:hover {
  opacity: 0.9;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.status_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 32px;
  margin-bottom: 12px;
}
.status_header div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  border-right: 1px solid;
}
.status_boady {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.status_row {
  padding-right: 10px;
  width: 100%;
}
.popover {
  padding: 0.5em;
  border: 1px solid #f0f0f0;
  background-color: #ffffff;
  box-shadow: 0 0 5px #f0f0f0;
}
.column_card {
  border-left: 5px solid #1387cf;
  display: flex;
  flex: 0 1 auto;
  width: calc(100% - 48px);
  margin: 8px;
  align-items: stretch;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  cursor: pointer;
  /* background: #b9d8ee; */
  height: 100px;
  justify-content: space-evenly;
  align-items: center;
}
.column_card_div {
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.column_card:first-child div > span {
  font-size: 50px;
}
.full_width {
  width: 100% !important;
}
.full_width_dropdown {
  width: 250px !important;
  margin-bottom: 8px;
}
.full_width_lables {
  width: 250px !important;
  height: 350px;
}
.color_picker_text_root {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  flex: 1 1;
}
.color_picker_text {
  padding-left: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 100%;
}
.color_picker_text_save_icon {
  width: 25px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #20BD67;
  cursor: pointer;
  height: 100%;
  flex: initial !important;
}
.swatch_without_round {
  width: 28px;
  height: 100%;
  cursor: pointer;
}
.status_body_item {
  width: 82%;
  position: fixed;
  top: 0;
  height: 30px;
  z-index: 2;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.statuspicker_edit {
  overflow: hidden;
  display: flex;
  height: 38px;
  align-items: center;
}
.statuspicker_edit div:first-child {
  flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.edit_status_icons {
  font-size: 13px;
  margin: 0px 2px;
}
.edit_status {
  justify-content: center;
  align-items: center;
  position: relative;
  right: 5px;
}
.status_title {
  margin: 0px 4px;
  display: flex;
  flex-grow: 1 !important;
  overflow: hidden;
}
.status_title_span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.status_time_diff {
  margin: 0px 3px;
  font-size: 10px !important;
}
.smallImageContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px!important;
  margin-top: 3px;
}
.imageContainer {
  display: flex;
}
.attachDiv {
  cursor: pointer;
}
.smallImgPreviewWorkflow {
  width: 50px;
  height: 30px;
  border-radius: 5px;
  margin: 0px 4px;
  border: 2px solid blue;
}
.smallImgPreview {
  width: 35px;
  height: 20px!important;
  border-radius: 5px;
  margin: -6px 4px;
  border: 2px solid blue;
}
.ant-card-actions > li {
  margin: 0px !important;
}
.fieldContentFlex {
  color: #343434;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  min-height: 30px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 400;
  font-size: 11px;
  line-height: 1;
}
.fieldContentFlex:hover {
  border: 1px solid #e4e4e4;
}
.fieldContentValue {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-align: center;
  align-self: stretch;
}
.labels_root {
  height: 100%;
  padding: 0px 5px;
}
.labels_empty_root {
  display: flex;
  align-items: center;
  flex: 1 1;
  justify-content: center;
}
.urlContent {
  font-weight: 400;
  font-size: 11px;
  line-height: 1;
  height: 100%;
  color: #343434;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.urlfavicon {
  margin-right: 4px;
  flex-shrink: 0;
  width: 14px;
}
.fieldEdit {
  padding: 2px;
  cursor: pointer;
  width: 14px;
  height: 14px;
  stroke: rgba(52, 52, 52, 0.5);
  fill: rgba(52, 52, 52, 0.5);
  stroke-width: 1.4px;
  display: block;
  flex-shrink: 0;
  margin-left: 4px;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
}
.cmessage {
  color: #000;
  clear: both;
  line-height: 18px;
  font-size: 15px;
  padding: 8px;
  position: relative;
  margin: 8px 0;
  max-width: 85%;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.cmessage:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
.cmessage:first-child {
  margin: 16px 0 8px;
}
.ctime {
  color: rgba(0, 0, 0, 0.45);
  font-size: 9px;
  display: inline-block;
}
.cmetadata {
  display: inline-block;
  float: right;
  padding: 0 0 0 7px;
  position: relative;
  bottom: -4px;
}
.cmetadata .tick {
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 4px;
  height: 16px;
  width: 16px;
}
.cmetadata .tick svg {
  position: absolute;
  transition: 0.5s ease-in-out;
}
.cmetadata .tick svg:first-child {
  backface-visibility: hidden;
  transform: perspective(800px) rotateY(180deg);
}
.cmetadata .tick svg:last-child {
  backface-visibility: hidden;
  transform: perspective(800px) rotateY(0deg);
}
.cmetadata .tick-animation svg:first-child {
  transform: perspective(800px) rotateY(0);
}
.cmetadata .tick-animation svg:last-child {
  transform: perspective(800px) rotateY(-179.9deg);
}
.creceived {
  margin: 3px 0px 5px !important;
  background: #f5f3f3;
  border-radius: 0px 5px 5px 5px;
  float: left;
}
.creceived .metadata {
  padding: 0 0 0 16px;
}
.creceived:after {
  border-width: 0px 10px 10px 0;
  border-color: transparent #f5f3f3 transparent transparent;
  top: 0;
  left: -10px;
}
.csent {
  background: #e1ffc7;
  border-radius: 5px 0px 5px 5px;
  margin: 0px 16px 8px !important;
  float: right;
}
.csent:after {
  border-width: 0px 0 10px 10px;
  border-color: transparent transparent transparent #e1ffc7;
  top: 0;
  right: -10px;
}
.cavatar {
  position: absolute;
  float: left;
  top: -25px;
  left: 0px;
}
.cfooter {
  height: 36px;
}
.cmessageContainer {
  height: 300px;
  padding: 10px;
  padding-bottom: 70px;
  overflow: auto;
  flex-grow: 1;
  min-height: 0;
  overflow: hidden;
  overflow-y: scroll;
  width: 100%;
  padding-top: 25px;
}
.cstatuspickerwrapper {
  width: 400px;
  position: relative;
  background: #ffffff;
  font-size: 13px;
  transition: width 0.1s;
  pointer-events: all;
  overflow: auto;
}
.cwapperMaster {
  flex: 1 0 auto;
  width: 100%;
  padding: 2px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  align-content: space-between;
  overflow: auto;
  margin-bottom: 2px;
  height: 300px;
}
.cchatRootValue {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0px 5px;
}
.cchatRootValueEmpty {
  display: flex;
  flex: 1 1;
  justify-content: center;
  align-items: center;
}
.cmessageList {
  height: 100%;
  width: 100%;
}
.coptions {
  height: 30px;
  border: 1px solid #dadce0;
  margin-bottom: 5px;
  width: 100%;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  padding: 0px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cstatusLoaderDiv {
  background: #e9e9e9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}
.rowContainer {
  display: flex;
  align-items: center;
  margin: 1px;
  word-break: break-word;
}
.connectedBoardTh {
  width: 370px;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
}
.connectedBoardThLeft {
  text-align: left;
}
.tdLeft {
  width: 370px;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.tdRight {
  width: 370px;
  height: 30px;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  border-left: 1px solid black;
}
.col_paragraph {
  margin-bottom: 0px !important;
}
.tag_people {
  margin: 2px;
  height: 23px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  text-transform: capitalize;
  border-radius: 4px;
  font-weight: inherit;
}
.capitalizeText {
  text-transform: capitalize;
}
.people_popover {
  z-index: 10003;
}
.people_popover > .Popover-body {
  width: 320px !important;
  min-height: 400px;
}
.progress_popover {
  z-index: 10003;
}
.progress_popover > .Popover-body {
  width: 320px !important;
  min-height: 100px;
}
.progress-button {
  display: flex;
  flex: 1 1;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.peopleGroup {
  align-items: center;
}
.peopleDefaultStyle {
  background-color: #87d068;
}
.peopleDetail {
  font-size: 11px;
}
.chip {
  display: inline-block;
  padding: 0 10px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  border-radius: 5px;
  color: #fff;
  margin: 4px;
  background: #1890ff;
}
.closebtn {
  padding-left: 10px;
  color: #fff;
  font-weight: bold;
  float: right;
  font-size: 17px;
  cursor: pointer;
}
.color_padding {
  z-index: 10001;
}
.ant-page-header {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.42857143;
  list-style: none;
  font-feature-settings: 'tnum', "tnum", "tnum";
  position: relative;
  padding: 0px 2px !important;
  background-color: #fff;
}
.ant-pro-page-container-children-content {
  margin: 0px 0px 0px 1% !important;
}
.ant-page-header-content {
  padding-top: 0px !important;
}
.ant-page-header-footer {
  margin-top: 0px !important;
}
.ant-pro-grid-content-children {
  background: var(--fc21);
}
.rdg-cell-resizable {
  border-right: none !important;
}
div[class*="rdg-cell"][role*="columnheader"]:not(:first-child):hover {
  background-color: #f5f6f8;
}
div[class*="rdg-cell"][role*="columnheader"] {
  border: none !important;
}
.rdg-cell-frozen-last {
  box-shadow: none !important;
}
.status_list .ant-list-header {
  position: fixed;
  top: 0px;
  z-index: 2;
  width: 100%;
  background: white;
  padding-top: 4px;
  padding-bottom: 4px;
}
.status_list .ant-list-header .status_list_header {
  display: flex;
  justify-content: space-evenly;
}
.status_list .ant-spin-nested-loading {
  margin-top: 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}
.workspace_item {
  height: 100%;
}
.workspace-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform 0.1s ease-out;
}
.selected {
  background-color: rgba(255, 255, 255, 0.1);
}
.workspace_indication_selected {
  opacity: 1 !important;
}
.firstdiv {
  display: flex;
  flex-direction: column;
  width: 50px;
}
.master_div_workspace {
  height: 100%;
  display: flex;
  width: 100%;
}
.workspace_list_item {
  height: 100%;
  overflow: scroll;
}
.board_list_div {
  flex: 1 1;
  background: white;
  border-right: 1px solid #e6e9ef;
  border-top-left-radius: 5%;
}
.bord_list_master {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.group_by_menu {
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  width: 350px;
}
.newcolumn_menu {
  width: 200px;
}
.single-log-value .ds-text-component {
  width: 100%;
  position: absolute;
  line-height: 39px;
  border: none;
  padding: 0 8px;
  font-size: 12px;
}
.cdLoader {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown_input {
  position: fixed;
  bottom: 0;
  margin-left: -17px;
  margin-top: 18px;
  width: 98%;
}
.description_item {
  display: flex;
  align-items: center;
}
.active-rule {
  background-color: #e5f4ff !important;
}
.full_height {
  height: 100%;
}
.full_height_width {
  width: 100%;
}
.full_height_width_vh {
  height: 100vh;
}
.full_height_width_mytask {
  height: 100%;
  width: 100%;
}
.antman {
  position: absolute;
  top: 100px;
  left: 0px;
}
.parent_table_root {
  overflow: scroll;
  margin: 15px 0px;
}
.parent_table_root_table thead th:first-child {
  position: static !important;
  position: initial !important;
}
.parent_table_root_table thead th {
  position: static !important;
  position: initial !important;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px;
}
.parent_table_root_table tbody td {
  position: static !important;
  position: initial !important;
  border-top: 0 !important;
  border-top: initial !important;
  padding: 4px;
}
.linked_board_divider {
  height: 0.5px;
  background: #c1c1c1;
  margin-bottom: 15px;
}
.custom-tag-root {
  margin: 5px 0px;
}
.custom-tag-label {
  margin-left: 3px;
}
.custom-tag-container {
  margin: 8px 0px;
}
.custom-tag {
  display: inline-block;
  border: 1px solid #d9d9d9;
  padding: 0px 7px;
  margin: 3px;
  border-radius: 3px;
  border-color: #91d5ff;
  color: #096dd9;
  transition: all 0.3s;
  white-space: nowrap;
  font-size: 12px;
  cursor: pointer;
}
.custom-tag-drag {
  border: 1px solid #d9d9d9;
  padding: 7px 7px;
  margin: 5px 3px;
  border-radius: 2px;
  border-color: #91d5ff;
  color: #096dd9;
  transition: all 0.3s;
  white-space: nowrap;
  font-size: 13px;
  cursor: pointer;
  background: #e6f7ff;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.custom-tag-selected {
  background: #91d5ff;
}
.status_edit_width {
  width: 54%!important;
  z-index: 1000 !important;
}
.status_edit_width > .Popover-body {
  width: 100% !important;
}
.column_direction {
  display: flex;
  flex-direction: column;
}
.formLinked {
  height: 120px;
  overflow: scroll;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 8px;
}
.headerLeftContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  overflow-x: auto;
  height: 50px;
}
.noRowsContainer {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dragSortableContainerWithFilter {
  overflow: scroll;
}
.dragSortableContainer {
  overflow-x: auto;
  height: 290px;
  margin-bottom: 10px;
}
.dragListSorting {
  display: flex;
  flex-direction: column;
  padding: 0px 6px 0px 0px;
}
.dragSortableContainerInput {
  padding-left: 5px;
  padding-right: 5px;
}
.filterContainerInput {
  border: 1px solid #e1dfdf;
  border-radius: 4px;
  overflow: hidden;
  margin: '0px 5px';
}
.borderNone {
  border: none !important;
}
.dropItemSeleted {
  background: rgba(24, 144, 255, 0.2) !important;
  color: #1890ff;
}
.dargListItem {
  display: flex;
  align-items: center;
  width: 200px;
  justify-content: space-between;
  font-size: 14px;
  height: 40px;
  padding: 7px 7px 7px 12px;
  margin: 2px 0px;
  cursor: pointer;
  position: relative;
  z-index: 10001;
  border-radius: 4px;
}
.dargListItem:hover {
  background: rgba(24, 144, 255, 0.2);
  color: #1890ff;
}
.dargListItemForStatus {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 10001;
  border-radius: 3px;
}
.dargListItemForStatus:hover .dargListItemForStatusDragIcon {
  display: block;
}
.dargListItemForStatusDragIcon {
  display: none;
}
.dargListItemForStatus:hover {
  background: rgba(24, 144, 255, 0.2);
}
.darghybridItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  height: 40px;
  padding: 7px 7px 7px 12px;
  margin: 2px 0px;
  cursor: pointer;
  position: relative;
  z-index: 10001;
  border-radius: 4px;
}
.darghybridItem:hover {
  background: rgba(24, 144, 255, 0.2);
  color: #1890ff;
}
.dragItemContainer {
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dargListItemTitle {
  flex-grow: 1;
  margin-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dependencyListItem {
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 40px;
  padding: 7px 7px 7px 12px;
  margin: 2px 0px;
  cursor: pointer;
  border-bottom: 1px solid #f1eeee;
}
.dependencyListItemIcon {
  color: #20bd67;
}
.dragListWithFilter {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 375px;
  padding: 0px 6px 0px 0px;
}
.dragList {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 300px;
  padding: 0px 6px 0px 0px;
}
.dragListFixed {
  height: 300px !important;
}
.dragListSortingInSort {
  display: flex;
  flex-direction: column;
  height: 300px;
  overflow: auto;
  overflow-x: hidden;
  padding: 0px 6px 0px 0px;
}
.compose {
  padding: 10px;
  display: flex;
  align-items: center;
  background: white;
  border-top: 1px solid #eeeef1;
  position: fixed;
  width: calc(100% - 20px);
  bottom: 0px;
}
.compose-input {
  flex: 1 1;
  /* width: 57%; */
  border: none;
  font-size: 14px;
  background: none;
}
.author-name {
  color: #8a8d91;
  position: relative;
  top: 0;
  left: 0;
}
.compose-input:-ms-input-placeholder {
  opacity: 100%;
  color: #8a8d91;
  margin: 0;
  margin-left: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.compose-input::placeholder {
  opacity: 100%;
  color: #8a8d91;
  margin: 0;
  margin-left: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.compose .toolbar-button {
  color: #bbbbbf;
  margin-left: 15px;
}
.compose .toolbar-button:hover {
  color: #99999c;
}
.conversation-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
}
.conversation-list-item {
  display: flex;
  align-items: center;
  padding-right: 2%;
  /* border-bottom: 2px solid cornflowerblue; */
  height: 74px;
  border-left: 3px solid #FF9529;
  border-radius: 0 5px 5px 0;
  margin-top: 2%;
  box-shadow: 1px 2px 3px -2px;
  margin-right: 2%;
  width: 100%;
}
.conversation-list-item:hover {
  cursor: pointer;
}
.conversation-list-item-avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  background: linear-gradient(269.21deg, #1AA6DF 0%, #054B9B 100%);
}
.conversation-list-item-small-avatar {
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: absolute;
  right: 6px;
  bottom: 8px;
  border: 1px solid white;
  background: #001529;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.conversation-list-item-small-avatar-text {
  font-size: 9px;
}
.conversation-list-item-root {
  position: relative;
  max-width: 70px;
  /* text-align: center; */
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .conversation-list-item-avatar {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    text-align: center;
  }
  .conversation-list-item-small-avatar {
    right: 16px;
    bottom: 16px;
  }
}
.conversation-photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
}
.conversation-title {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.conversation-info {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.conversation-info-icon {
  width: 20px;
  display: flex;
  align-items: center;
  justify-items: center;
  margin-left: 5px;
}
.conversation-list-div {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.cd-right {
  display: flex;
  justify-content: flex-start;
  flex: 7 1;
}
.cd-left {
  display: flex;
  justify-content: flex-end;
  flex: 3 1;
  font-size: 10px;
}
.conversation-snippet {
  font-size: 13px;
  color: #888;
  margin: 0;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  width: 100%;
}
.conversation-list-root {
  overflow-x: auto;
  min-height: 0;
}
.conversation-search {
  display: flex;
  flex-direction: column;
}
.center-modal-imaeg-preview {
  display: flex;
  justify-content: center;
  align-items: center;
}
.conversation-search-input {
  padding: 8px 10px;
  border-radius: 4px;
  /* border-left: 2px solid aliceblue; */
  font-size: 14px;
}
.conversation-search-input:focus:-ms-input-placeholder {
  text-align: left;
}
.conversation-search-input:focus::placeholder {
  text-align: left;
}
.message {
  display: flex;
  flex-direction: column;
}
.message .timestamp {
  display: flex;
  justify-content: center;
  color: #999;
  font-weight: 600;
  font-size: 12px;
  margin: 10px 0px;
  text-transform: uppercase;
}
.message .bubble-container {
  font-size: 14px;
  display: flex;
}
.message.mine .bubble-container {
  justify-content: flex-end;
}
.message.start .bubble-container .bubble {
  /* margin-top: 10px; */
  border-top-left-radius: 20px;
}
.message.end .bubble-container .bubble {
  border-bottom-left-radius: 20px;
  /* margin-bottom: 10px; */
}
.message.mine.start .bubble-container .bubble {
  margin-top: 10px;
  border-top-right-radius: 20px;
}
.message.mine.end .bubble-container .bubble {
  border-bottom-right-radius: 20px;
  margin-bottom: 10px;
}
.message .bubble-container .bubble {
  margin: 5px 0px;
  background: #ffffff;
  padding: 2px 7px;
  max-width: 75%;
  border-radius: 0px 10px 10px 10px;
}
.message.mine .bubble-container .bubble {
  background: #e0ffdb;
  color: #474747;
  margin: 4px 0px;
  padding: 10px 15px;
  border-radius: 10px 0px 10px 10px;
}
.bubble-time {
  text-align: right;
  font-size: 10px;
  margin-top: 5px;
}
.message-list-container {
  padding: 10px;
  overflow: auto;
  flex-grow: 1;
  min-height: 0;
  overflow-y: scroll;
  height: calc(100vh - 100px);
}
.messenger {
  display: grid;
  width: 100%;
  height: 100vh;
  background: #eeeef1;
  grid-template-rows: 60px auto 60px;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
}
.container {
  padding: 10px;
}
.scrollable {
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.sidebar {
  grid-row-start: 1;
  grid-row-end: span 3;
}
.content {
  background: white;
  grid-row-start: 1;
  grid-row-end: span 3;
}
.footer {
  grid-column-start: 2;
  background: white;
}
.toolbar {
  display: flex;
  align-items: center;
  background-color: white;
  font-weight: 500;
  border-bottom: 1px solid #eeeef1;
  position: sticky;
  top: 0px;
  height: 40px;
}
@supports (backdrop-filter: blur(20px)) {
  .toolbar {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 55px;
  }
}
.toolbar-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 12px;
}
.left-items,
.right-items {
  flex: 1 1;
  padding: 10px;
  display: flex;
}
.right-items {
  flex-direction: row-reverse;
}
.left-items .toolbar-button {
  margin-right: 20px;
}
.right-items .toolbar-button {
  margin-left: 20px;
}
.left-items .toolbar-button:last-child,
.right-items .toolbar-button:last-child {
  margin: 0;
}
.toolbar-button {
  color: #007aff;
  font-size: 28px;
  transition: all 0.1s;
}
.toolbar-button:hover {
  cursor: pointer;
  color: #0063ce;
}
.toolbar-button:active {
  color: #007aff;
  opacity: 0.25;
}
.text_formater {
  height: 100%;
  width: 100%;
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 2px;
}
.nameRoot {
  padding-left: 10px;
}
.nameRoot:hover .show_subtask {
  display: block;
}
.ant-progress-text {
  font-size: 11px !important;
}
.dnd_card_column_view_root {
  display: flex;
  flex-wrap: wrap;
  margin: 5px 0px;
  flex: 1 1;
}
.dnd_card_column_item_container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.dnd_card_column_item_label {
  color: #c1c1c1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dnd_card_column_wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  width: 100%;
}
.dnd_card_column_item_label_value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: flex-start;
  display: flex;
  overflow-x: auto;
}
.dnd_card_column_item_parent_label {
  font-size: 10px;
}
.calender_dnd_card_column_item {
  display: block;
  color: #c1c1c1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
}
.dnd_card_column_item {
  width: 48%;
  padding: 1%;
  margin: 12px 1%;
  height: 36px;
  align-items: center;
  display: flex;
}
.dnd_card_column_item_without_lable {
  height: 28px;
  margin: 5px 1%;
}
.dnd_card_column_item_single_layout {
  width: 98%;
}
.status_activity_icon {
  height: 20px;
  width: 20px;
}
.badgeIconLeft {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  background: #1890ff;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -10px;
  left: -11px;
  font-size: 9px;
}
.badgeIconRight {
  height: 20px;
  width: 28px;
  border-radius: 10px;
  background: transparent;
  color: #1890ff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  top: 2px;
  right: 0px;
  font-size: 12px;
}
.locationPopover {
  z-index: 10003 !important;
}
.location-history-popover {
  z-index: 10004 !important;
}
.locationList {
  overflow-x: auto;
  height: 300px;
  width: 300px;
}
.locationListItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  height: 30px;
  margin: 2px 0px;
  cursor: pointer;
}
.locationListItemTitle {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.location-list-search {
  padding-left: 5px;
  padding-right: 5px;
}
.ant-rate-star-zero .ant-rate-star-first,
.ant-rate-star-zero .ant-rate-star-second {
  color: #cccccc !important;
}
.ratting_formater_start_small {
  font-size: 10px !important;
}
.row_status_root {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  height: 100vh;
  overflow: auto;
}
.text_formater_root {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.column_visibility_root {
  display: flex;
  cursor: pointer;
  background: #d6d5d54d;
  border-radius: 4px;
  padding: 5px 5px 5px 10px;
  margin: 4px;
  align-items: center;
  position: relative;
  height: 30px;
}
.column_visibility_root_kanban {
  max-width: 160px;
  white-space: nowrap;
}
.column_visibility_root_kanban_span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.column_visibility_root_active {
  background: rgba(24, 144, 255, 0.2);
  color: #1890ff;
}
.column_visibility_root > span {
  font-size: 0.7rem;
}
.border_left {
  border-left: 1px solid #c4c4c4;
}
.show_subtask {
  display: none;
  height: 100%;
}
.show_chat_icon {
  height: 100%;
  margin: 0px 5px;
  color: #000;
}
.show_subtask > button {
  font-size: 12px;
  font-weight: 600;
}
.activity_icon {
  display: block;
  height: 100%;
  margin-right: 10px;
}
.people_formater {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rdg-summary-row {
  margin-top: 50px;
}
.wight_handler {
  cursor: move;
  width: 12%;
}
.hybrid_handler {
  cursor: move;
  width: 25px;
  display: flex !important;
  align-items: center;
  color: #c1c1c1;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 5px;
}
.child_row {
  background-color: white  !important;
}
.child_line {
  content: "";
  display: block;
  position: absolute;
  width: 28px;
  height: 6px;
  bottom: 50%;
  pointer-events: none;
  border-bottom-left-radius: 8px;
  border-left: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}
.connectedBoardScrollRoot {
  height: 500px;
  overflow: auto;
}
.header_ul {
  background: none;
  z-index: 2;
  height: 80px;
  width: 100%;
  padding-left: 15px !important;
}
.header_title {
  color: white;
  font-size: 18px;
  margin-left: 10px;
}
.automation-item-title {
  display: block;
  opacity: 0.8;
  font-size: 11px;
}
.automation-item-notification-title {
  font-weight: bolder;
  display: block;
  font-size: 12px;
}
.automation-item-description {
  display: block;
  font-size: 11px;
}
.automation-item-description-time {
  display: block;
  opacity: 0.8;
  font-size: 11px;
}
.automation-title-header {
  display: flex;
  align-items: center;
}
.automaction-header-checkbox {
  height: 100%;
  padding-top: 42px;
  padding-left: 40px;
  width: 50%;
}
.automation-title {
  margin: 10px 0px;
  width: 48%;
}
.automation-title-input {
  margin-top: 5px;
}
.automation-field {
  min-height: 36px;
  border: 1px solid #91d5ff;
  border-radius: 4px;
  flex: 1 1;
  align-items: center;
  padding: 5px;
}
.formulaInput {
  height: auto;
  text-align: left;
  display: flex;
  flex: 1 1;
  align-items: center;
  padding: 5px 5px 0px 5px;
  border: 2px solid black;
  border-radius: 4px;
  min-height: 35px;
  overflow: hidden;
}
.formula-container {
  padding: 10px 0px;
  display: flex;
  min-height: 200px;
}
.formula-left-container {
  display: flex;
  flex-direction: column;
}
.formula-right-container {
  padding: 10px;
  border-left: 1px solid gray;
}
.formula-cal-button {
  position: absolute;
  bottom: 6px;
  right: 6px;
}
.input-style {
  border: 1px solid #d9d9d9 !important;
  border-radius: 2px !important;
}
.single-activity-log {
  border-top: 1px solid #cccccc;
  padding: 8px 0;
}
.activity-box {
  display: flex;
  position: relative;
  align-items: center;
  height: 39px;
  font-size: 14px;
  padding: 0 8px 0 16px;
}
.workflowTable > td > tr {
  text-align: left;
}
.humanizeRoot {
  width: 80px;
  margin-right: 5px;
  font-size: 12px;
}
.humanize {
  flex: 0 0 56px;
  color: #323338;
  font-size: 12px;
}
.activity-and-user {
  flex: 0.6 0;
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
}
.user {
  flex: 0 1 auto;
  z-index: 1;
  height: 30px;
}
.profile_photo {
  vertical-align: top;
  display: inline-block;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  height: 30px;
  margin-bottom: 0;
}
.column-type .icon {
  flex: 0 1 auto;
}
.icon-dapulse-time:before {
  content: "\f20f";
}
.single-log-value:not(.color):not(.timerange) .empty::after {
  content: "-";
}
.single-activity-log-container {
  margin: 0;
  padding: 0;
  height: 50vh;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.ds-text-component {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 0 2px;
}
.activity-and-user .ds-text-component {
  cursor: default;
  flex: 1 1 auto;
  padding-left: 36px;
  padding-right: 0;
  position: absolute;
  border: none;
  width: 100%;
  line-height: 39px;
  color: #323338;
  font-size: 14px;
  margin-left: 10px;
}
.column-type .ds-text-component {
  cursor: default;
  height: 100%;
  border: none;
  padding-left: 20px;
  position: absolute;
  width: 100%;
  line-height: 39px;
  color: #323338;
  font-size: 12px;
}
.single-log-value:not(.empty):first-child {
  line-height: 39px;
}
.additional-values {
  display: flex;
  flex: 1.5 0;
  height: 100%;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.separator {
  flex: 0 0 16px;
  height: 100%;
}
.separator .first {
  flex: 0 0 16px;
  height: 100%;
}
.activity-box .column-type {
  font-size: 14px;
  flex: 1.5 0;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.single-log-values-component .old-new-values-container .old-value,
.single-log-values-component .old-new-values-container .new-value {
  cursor: default;
  flex: 1 0;
  height: 100%;
}
.single-log-values-component {
  flex: 2.1 0;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 16px;
}
.old-new-values-container {
  display: flex;
  height: 100%;
  align-items: center;
  overflow: hidden;
  flex: 1 1 auto;
}
.old-value {
  cursor: default;
  flex: 1 0;
  height: 100%;
}
.single-log-value {
  position: relative;
  height: 100%;
  text-align: center;
  color: #323338;
  font-size: 14px;
  letter-spacing: -0.03em;
}
.separator.before-arrow {
  flex: 0 0 2px;
}
.arrow-separator {
  flex: 0 0 8px;
  height: 8px;
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  transform: rotate(-45deg);
}
.separator.after-arrow {
  flex: 0 0 7px;
}
.new-value {
  cursor: default;
  flex: 1 0;
  height: 100%;
}
.img-circle {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #c4c4c4;
}
.main-form-root {
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 120px;
}
.main-form-root-recurring {
  padding-top: 20px;
}
.main-form-root-row {
  overflow: hidden;
  overflow-y: auto;
  height: 100vh;
}
.header_title_warper {
  width: 100%;
  cursor: pointer;
}
.header_title_warper:hover {
  background-color: #e6e9ef;
}
.dynamiclayout {
  border: none !important;
}
.defaultlayout {
  overflow: auto;
}
.withoutInput {
  border: 1px solid #d9d9d9;
  background: white;
}
.header_welcome {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  margin-left: 10px;
}
.mainremove > main {
  overflow: hidden !important;
}
.scheduler-wrapper {
  overflow: hidden;
  margin: 10px;
}
.no-explanations {
  margin-bottom: 4px;
}
.settings-item-component {
  display: flex;
  flex-direction: column;
}
.settings-buttons-component {
  display: flex;
  flex-direction: column;
}
.settings-buttons-component .settings-buttons-wrapper {
  display: flex;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button:first-child {
  border-left: 1px solid;
  border-color: #e6e9ef;
  border-radius: 4px 0px 0px 4px;
}
.settings-item-component .settings-buttons-component .settings-button {
  padding: 8px 8px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button:first-child {
  border-left: 1px solid;
  border-color: #e6e9ef;
  border-radius: 4px 0px 0px 4px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button {
  flex: 1 1;
  text-align: center;
  text-decoration: none;
  background-color: #ffffff;
  color: #323338;
  cursor: pointer;
  padding: 4px 8px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #e6e9ef;
  border-radius: 4px;
  width: 113.672px;
  height: 42px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button:last-child {
  border-right: 1px solid;
  border-color: #e6e9ef;
  border-radius: 0px 4px 4px 0px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button.active {
  background-color: rgba(0, 154, 255, 0.15);
  color: #0085ff;
  border: 1px solid rgba(0, 154, 255, 0.15);
  border-radius: 4px;
  font-weight: bolder;
}
.monday-style-button--size-small {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 4px 8px;
  min-height: 32px;
  line-height: 24px;
}
.settings-buttons-component .settings-buttons-wrapper .settings-button:hover:not(.read-only) {
  background-color: #0085ff;
  color: white;
  border: 1px solid;
  border-color: #0085ff;
  border-radius: 4px;
}
.settings-item-component .settings-buttons-component .settings-button {
  padding: 8px 8px;
}
.monday-style-button--kind-primary.monday-style-button--color-primary {
  background-color: #0073ea;
}
.monday-style-button--kind-primary {
  color: #fff;
}
.monday-style-button--size-small {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 4px 8px;
  min-height: 32px;
  line-height: 24px;
}
.monday-style-button {
  --loader-padding: 8px;
  outline: none;
  border: none;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 50ms, min-width 0.1s cubic-bezier(0, 0, 0.35, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
}
.string_underline {
  text-decoration: underline;
}
.scheduler-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 340px;
  margin: 8px 0;
}
.scheduler-grid .scheduler-grid-item-chip {
  display: flex;
  margin: 4px;
  font-size: 13px;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(0, 154, 255, 0.15);
  border-radius: 20px;
  color: #0085ff;
  padding: 10px;
  font-weight: bolder;
}
.scheduler-grid .scheduler-grid-item {
  display: flex;
  margin: 2px 4px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
}
.scheduler-grid .selected-item {
  background-color: rgba(0, 154, 255, 0.15);
  border-radius: 40px;
  color: #0085ff;
  font-weight: bolder;
}
.scheduler-grid .scheduler-grid-item:hover {
  background-color: #0085ff;
  color: white;
  border-radius: 38px;
}
.recurrence-sentence-wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter {
  margin-top: 16px;
  margin-bottom: 8px;
  margin-left: 8px;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter .recurrence-sentence {
  display: inline;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-setter .recurrence-numeric-input {
  display: inline;
  width: 40px;
  height: 31px;
  margin-left: 8px;
  margin-right: 8px;
  border: 1px solid;
  background-color: #ffffff;
  border-color: #c5c7d0;
  border-radius: 2px;
  padding: 6px;
  outline: none;
  text-align: center;
}
.hour-select-container {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.hour-select-container .hour-select {
  margin-left: 8px;
  width: 96px;
}
.notify-user-div {
  display: flex;
  flex: 1 1;
  margin: 10px 0px;
  flex-direction: column;
}
.dependency-checkbox {
  display: inline-block;
  height: 16px;
  width: 16px;
  overflow: hidden;
  margin-top: -4px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #ccc;
}
.dependency-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  cursor: pointer;
}
.dependency-table td {
  text-align: left;
}
.dependency-table thead th {
  text-align: left;
}
.dependency-table > :not(:first-child) > tr {
  border-top: 1px solid #e5e5e5;
}
.dependency-lable-info {
  font-size: 10px;
  color: #8a8888;
  margin-left: 23px;
}
.dependency-container {
  height: 200px;
  overflow-y: scroll;
}
.dependency-col-title {
  width: 100%;
  margin-left: 10px;
}
.dependency-col-icon-container {
  width: 50px;
}
.dependency-col-icon {
  color: #52c41a;
}
.dependency-col-footer {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.recurring-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-weight: 600;
  height: 30px;
}
.recurring-duration-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 8px;
  margin-top: 3px;
}
.recurring-duration-grid .recurring-duration-item-chip {
  display: flex;
  margin: 4px;
  font-size: 11px;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(0, 154, 255, 0.15);
  border-radius: 14px;
  color: #0085ff;
  padding: 6px 14px;
  font-weight: bolder;
}
.recurring-duration-grid .recurring-duration-item {
  display: flex;
  margin: 3px 4px;
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: rgba(0, 154, 255, 0.15);
  border-radius: 34px;
  color: #0085ff;
  font-weight: bolder;
}
.recurring-duration-grid .recurring-duration-item-selected {
  background-color: #0085ff;
  color: white;
  border-radius: 34px;
}
.automations-field-dialog-component .field-text {
  padding: 4px 8px;
  min-height: 32px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  font-size: 14px;
  border: 1px solid;
  background: #fff;
  color: #323338;
  border-color: #c5c7d0;
}
.ds-text-component {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 0 2px;
}
.automations-field-dialog-component .field-text .open-arrow {
  margin-left: 16px;
  margin-right: 8px;
  font-size: 12px;
  transform: rotate(90deg);
}
.icon-slider-arrow:before {
  content: "\f272";
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
}
.scheduler-wrapper .scheduler-tab-wrapper .recurrence-sentence-preview {
  line-height: 20px;
  margin-top: 16px;
  margin-left: 8px;
  margin-right: 8px;
  font-size: 12px;
  color: #676879;
}
.scheduler-wrapper .scheduler-tab-wrapper {
  justify-content: flex-start;
  transition: max-height 0.15s, min-height 0.15s;
}
.scheduler-wrapper .scheduler-tab-wrapper.Daily {
  min-height: 70px;
  max-height: 70px;
}
.scheduler-wrapper .scheduler-tab-wrapper.Weekly {
  min-height: 130px;
  max-height: 150px;
}
.scheduler-wrapper .scheduler-tab-wrapper.Monthly {
  min-height: 295px;
  max-height: 350px;
}
.recurring-field-text {
  position: relative;
  transition: color 0.1s ease;
  max-width: 350px;
  color: #323338;
  font-size: 15px;
  width: max-content;
  cursor: pointer;
  margin-top: 15px;
}
.ds-text-component-recurring {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 2px solid #323338;
}
.ds-text-component-recurring-disabled {
  cursor: default;
  border-bottom: none;
}
.recurring-root {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.recurring-root-container {
  margin: 0 auto;
}
.automations-editor-field-term-component {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.people_automaiton {
  z-index: 10002 !important;
  display: flex;
}
.automation-card {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1;
}
.automation-list-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 30px;
  font-weight: bold;
}
.all-task-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 20px;
}
.automation-line-through {
  width: 100%;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #948a8a;
  line-height: 0.1em;
  margin: 25px 0 25px;
}
.automation-line-through-span {
  background: #fff;
  padding: 0 10px;
}
.automation-line-through-delete {
  position: absolute;
  right: 0px;
  background: white;
  width: 20px;
  bottom: -6px;
  cursor: pointer;
}
.automation-button {
  display: flex;
  align-items: center;
  height: 40px;
  cursor: pointer;
  margin-left: 10px;
}
.automation-button-icon {
  color: #1890ff;
}
.automation-button-text {
  margin-left: 5px;
  color: #1890ff;
}
.automation-filter-add {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 20px 0px 10px 0px;
}
.fullWidth {
  width: 100%;
}
.centerFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.trash-root {
  overflow-x: auto;
  height: 300px;
}
.trash-row-item {
  cursor: pointer;
  border-bottom: 0.5px solid #fbf5f5;
  margin: 4px 0px;
  height: 46px;
}
.trash-row-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
.trash-row-item-header-label {
  font-size: 10px;
  color: #c1c1c1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trash-row-item-header-icon {
  width: 50px;
}
.dnd_card {
  padding: 15px;
  background: #fff;
  color: #000;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer;
  height: auto;
}
.dnd_card_child {
  padding: 15px;
  color: #000;
  border-radius: 1px;
  cursor: pointer;
  height: auto;
  border: 1px solid #c1c1c180;
  border-left: 3px solid #FF5AC4;
  border-bottom: 0;
  border-bottom: initial;
}
.dnd_card_dragging {
  cursor: auto;
  cursor: initial;
  border: 1.5px dashed gray;
}
.dnd_card_dragging,
.dnd_card_spacer {
  opacity: 0;
}
.dnd_title {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  margin-right: 10px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dnd_card_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dnd_input_item {
  height: 40px;
  border-radius: 5px;
}
.dnd_card_header_mark {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.dnd_card_header_mark_btn {
  width: 30px;
  text-align: center;
}
.knb_view {
  display: flex;
  overflow: auto;
}
.board_view_root {
  display: inline-block;
  margin-right: 5px;
}
.board_view_icon {
  margin: 0px 5px;
  cursor: pointer;
  font-size: 20px;
}
.board_view_modal {
  max-height: 300px;
  overflow-y: scroll;
}
.column-box {
  height: max-content;
  min-height: 100px;
  width: 160px;
  margin: 10px;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  border: 2px solid #7d7d7d;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.do-it-column {
  background-color: #fff0f0;
}
.in-progress-column {
  background-color: #fef2e7;
}
.awaiting-review-column {
  background-color: #fffada;
}
.done-column {
  background-color: #f5ffe5;
}
.movable-item {
  border-radius: 5px;
  background-color: #fafdff;
  height: 100px;
  width: 140px;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
.fontBold {
  font-weight: bold;
}
.notification-popover {
  position: relative;
}
.tagCustomBlue {
  font-size: 12px;
  font-weight: 600;
  color: #096dd9;
  background: #e6f7ff;
  box-sizing: border-box;
  margin: 0;
  padding: 1px 6px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum", "tnum";
  display: inline-block;
  height: auto;
  margin-right: 8px;
  border: 1px solid #91d5ff;
  border-radius: 2px;
  opacity: 1;
  transition: all 0.3s;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dependency_budge {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #1890ff;
  color: white;
}
.dependency_formater_root {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.tagWebEllipsis {
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.textEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0 !important;
  margin-bottom: initial !important;
}
.teaxtarea-popover {
  width: 400px;
}
.people-formater-root {
  height: 100%;
  padding-top: 5px;
}
.people-formater-root-empty {
  padding-top: 0px;
}
.notifyListAvatar {
  background-color: #f1f1f1;
  margin-right: 5px;
}
.notifyListAvatarCol {
  background-color: #87d068;
  margin-right: 5px;
}
.notifyFilterRoot {
  margin: 20px 0px 10px 0px;
}
.notifyFilterResetBtnRoot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.notifyFilterRow {
  margin-bottom: 10px;
  width: 100%;
}
.sortingPopover {
  width: 100%;
  min-width: 330px;
}
.sortBadge {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #1890ff;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 9px;
}
.connectedBoardFilterBadge {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #1890ff;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0px;
  top: -6px;
  font-size: 9px;
}
.sortNumberBadge {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #1890ff;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 9px;
}
.attachmentNumberBadge {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  background: #1890ff;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}
.dargSortListItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  height: 40px;
  padding: 7px 7px 7px 0px;
  margin: 2px 0px;
  cursor: pointer;
  position: relative;
  z-index: 10001;
}
.dragCursor {
  width: 25px;
  height: 100%;
  display: flex;
}
.formHeaderWithLogoRoot {
  display: flex;
  flex: 1 1;
  justify-content: center;
  align-items: center;
}
.formHeaderWithLogo {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 10px;
}
.formHeaderWithLogoTitle {
  margin: 8px 0px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  font-size: 24px;
}
.formDescription {
  margin: 8px 0px !important;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  font-size: 24px;
}
.popoverCloseBtn {
  border-radius: 16px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  background: #58a4ef;
  color: white;
  position: absolute;
  right: -10px;
  z-index: 10009;
  cursor: pointer;
}
.popoverCloseBtnIcon {
  font-size: 14px;
}
.notification-item-root {
  margin-bottom: 15px;
  display: flex;
}
.notification-item-left {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.notification-item-right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80px;
  margin-left: 10px;
}
.notification-item-description-root {
  display: flex;
  flex-grow: 1;
  margin-left: 26px;
}
.notification-item-title {
  display: inline-block;
  flex: 1 1;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
}
.notification-item-title-bold {
  font-weight: bold;
}
.notification-item-title-root {
  display: flex;
  flex-grow: 1;
}
.notification-item-description {
  display: inline-block;
  align-items: center;
  flex: 1 1;
  flex-grow: 1;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
}
.notification-item-description-bold {
  font-weight: bold;
}
.notification-item-right-upper {
  display: flex;
  justify-content: space-around;
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
}
.notification-item-right-lower {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
}
.notification-item-right-lower-icon {
  margin-left: 10px;
  margin-right: 7px;
}
.unread-notiication-container {
  margin: 0px 5px;
  width: 14px;
}
.boardConfigRoot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 175px;
  min-height: 100px;
  padding: 0px 10px;
}
.boardConfigItem {
  margin: 2px 5px;
}
.boardactionroot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.layoutTag {
  text-align: center;
  width: 80%;
  cursor: pointer;
}
.formLayoutDiv {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 62px;
}
.textCenter {
  text-align: center;
}
.textLeft {
  text-align: left;
}
.textRight {
  text-align: right;
}
.flexStart {
  justify-content: flex-start;
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flexBox {
  display: flex;
  justify-content: center;
  flex: 1 1;
}
.flexBoxStart {
  display: flex;
  justify-content: flex-start;
  flex: 1 1;
  align-items: center;
}
.visibilityIcon {
  align-items: center;
  display: flex;
  cursor: pointer;
  font-size: 12px !important;
  margin: 0px 6px;
}
.connectedBoardTable thead th:first-child {
  position: static !important;
  position: initial !important;
  border: 0.5px solid #c1c1c1;
}
.connectedBoardTable thead th {
  position: static !important;
  position: initial !important;
  border: 0.5px solid #c1c1c1;
  font-size: 14px;
  font-weight: bold;
}
.connectedBoardTable tbody td {
  position: static !important;
  position: initial !important;
  border: 0.5px solid #c1c1c1;
  border-top: 0 !important;
  border-top: initial !important;
}
.userListItem {
  display: flex;
  align-items: center;
  flex: 1 1;
}
.userListItemAvatar {
  width: 40px;
}
.userListItemContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.userListItemContent {
  display: flex;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.userListItemDescription {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #c1c1c1;
}
.customValuePopover {
  width: 200px;
  min-height: 100px;
}
.customValueTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customValueCloseIcon {
  cursor: pointer;
}
.customValueTagContainer {
  margin-bottom: 5px;
}
.filterExtraValueRoot {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  border-radius: 2px;
}
.colFlex {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}
.newcolumn_checklist_checked_icon {
  color: #1890ff;
  position: absolute;
  top: -7px;
  right: -5px;
  background: white;
}
.newcolumn_checklist_root {
  height: 270px;
  display: flex;
  overflow: auto;
  padding: 10px 0px;
}
.newcolumn_checklist_card {
  margin: 0px 5px;
  width: 200px;
  cursor: pointer;
}
.newcolumn_checklist_card:hover,
.newcolumn_checklist_bordered_card {
  border-color: #1890ff;
}
.checklist_col_list {
  height: 195px;
  overflow: auto;
}
.checklist_col_lists {
  height: auto;
  overflow: auto;
  max-height: 350px !important;
}
.checklist_container {
  border: 0.5px solid #e6e6e5;
  margin-bottom: 5px;
}
.checklist_container:hover {
  background-color: #b8daf9;
}
.checklist_col_list_item {
  height: 40px;
  margin: 4px 0px;
  border-radius: 6px;
  border: 0.5px solid #e6e6e5;
  align-items: center;
  display: flex;
  padding-right: 10px;
  cursor: pointer;
}
.checklist_col_botton {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.checklist_col_icon {
  font-size: 18px;
}
.checklist_col_avatar {
  margin: 4px 5px 0px 10px;
}
.popuplayoutroot {
  height: 350px;
  overflow: auto;
  position: relative;
}
.checklist_col_card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1;
  margin-bottom: 6px;
}
.checklistTitleHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gridHeaderC {
  display: flex;
  justify-content: flex-start;
  background: var(--fc20);
}
.gridHeaderCForFormView {
  margin-bottom: 30px;
}
.incognitoFormRoot {
  width: 70%;
  margin: auto;
}
@media (max-width: 576px) {
  .incognitoFormRoot {
    width: 100% !important;
    margin: auto;
  }
}
.smallPeopleBadge span.ant-avatar.ant-avatar-circle {
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
}
.deadline_status_root {
  width: 20px;
  display: inline-block;
  margin-right: 8px;
}
.deadline_status_green {
  font-size: 14;
  color: green;
}
.deadline_status_red {
  font-size: 14;
  color: red;
}
.deadline_status_blue {
  font-size: 14;
  color: red;
}
.deadline_status_tomorrow {
  font-size: 14;
  color: red;
}
.deadline_status_remaining {
  font-size: 14;
  color: #1890ff;
}
.date_formater_root {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.date_formater_root_span {
  width: 100%;
}
.paddingLeftZero {
  padding-left: 0px !important;
}
.widgetGroupCard {
  overflow: auto;
  height: 100%;
}
.widgetGroupCard .ant-card-body {
  padding: 0px;
}
.automation_card .ant-card-body {
  padding: 10px;
}
.cbModal {
  top: 20px;
}
.mailReplyIcon {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.checklistModal {
  width: 400px;
}
.globle_chat_header {
  padding-left: 10px;
  padding-top: 12px;
}
.composeMailEmptyContainer {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.high-z-index {
  z-index: 999 !important;
}
.loader_css_calender {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  z-index: 10001;
  height: 100%;
}
.loader_css {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader_css::before {
  content: '';
  display: block;
  position: fixed;
  top: 40px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
}
.loader_css_spinner {
  color: #1890ff;
  font-size: 30px;
}
.widget_delete_icon {
  font-size: 16px;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #d23d3d;
  cursor: pointer;
}
.kpiColorPicker {
  display: flex;
  justify-content: center;
  align-items: center;
}
.kpiColorPickerDot {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 8px;
  cursor: pointer;
}
.kpiColorPickerDotBorder {
  border: 2px solid black;
}
.kpiColorPickerCol {
  display: flex;
  align-items: center;
}
.grid-item {
  border: 1px solid #141414;
  display: flex;
  flex-direction: column;
}
.grid-item__title {
  font-size: 14px;
  color: #fff;
  padding: 4px 0;
  text-align: center;
}
.grid-item__title:hover {
  cursor: move;
}
.grid-item__title .panel {
  box-shadow: none;
  border: none;
}
.grid-item__title .panel:focus {
  outline: none;
}
.grid-item__title .panel-heading {
  padding: 3px 0;
  background: #171819;
  border: none;
  color: rgba(255, 255, 255, 0.7);
}
.grid-item__title .panel-body {
  padding: 0 0 0 15px;
  background: #171819;
  color: rgba(255, 255, 255, 0.7);
}
.grid-item__graph {
  flex: 1 1;
}
.type-item {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  padding: 3px 0;
}
.type-item:hover {
  color: #fff;
}
.type-item.selected {
  color: #fff;
}
.data-edit__error {
  color: rgba(255, 0, 0, 0.7);
  font-size: 12px;
  padding: 3px 0;
}
.recharts-text {
  font-size: 12px;
}
.detail__info {
  color: #fff;
  padding: 20px;
}
.detail__edit {
  padding: 20px;
}
.detail__info > div {
  padding: 5px 0;
}
label {
  color: #fff;
  display: block;
}
.dropdown > .btn-default,
.dropdown.open > .btn-default {
  background: #171819;
  border: 1px solid #141414;
  color: #fff;
}
.dropdown > .btn-default:hover,
.dropdown > .btn-default:focus .dropdown.open > .btn-default:hover,
.dropdown.open > .btn-default:focus {
  background: #171819;
  border: 1px solid #141414;
  color: #fff;
  outline: none;
}
.dropdown-menu {
  border: 1px solid #141414;
  background: #171819;
  color: #fff;
}
.dropdown-menu > li > a {
  color: rgba(255, 255, 255, 0.7);
}
.dropdown-menu > li > a:hover {
  background: #171819;
  color: #fff;
}
.react-grid-item > .react-resizable-handle::after {
  border-right-color: #000000;
  border-bottom-color: #000000;
}
.modal-body {
  padding: 0;
}
.data-edit {
  position: relative;
}
.data-edit__update {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 10;
}
.detail-page__title,
.edit-page__title {
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
}
.go-back {
  position: fixed;
  right: 20px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  top: 20px;
  z-index: 10;
}
.go-back:hover {
  color: #fff;
  cursor: pointer;
}
.tabViewAddButton {
  position: absolute;
  right: 10px;
  top: 25px;
  height: 30px;
  margin-top: -24%;
  background: #d6d5d54d;
  border-radius: 4px;
}
.tabViewHomeAddButton {
  border-radius: 4px;
  cursor: pointer;
}
.homeViewTabs {
  height: 100%;
}
.location_root {
  height: 380px;
  width: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricingCard {
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 12px;
  cursor: pointer !important;
  transition: transform 0.2s !important;
}
.pricingCard:hover {
  border-style: outset;
  border-left: 8px solid #40A9FF;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  transform: scale(1.02) !important;
  animation-name: example;
  animation-duration: 0.25s;
}
.packagetitle2 {
  margin-top: 40px !important;
}
.packagetitle1 {
  margin: 10px auto !important;
  color: #40A9FF !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
.packagesubtitle {
  font-weight: 500 !important;
  font-size: 12px;
}
.packagetextdiv {
  max-height: 90px !important;
  overflow: hidden !important;
  margin: 20px auto !important;
  padding: 5px auto !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.packagecardbtn {
  border-radius: 5px !important;
  margin: 10px auto !important;
}
.packageimgdiv {
  margin: 10px auto !important;
  padding: 10px !important;
}
.pricingCard .ant-typography ul li {
  list-style-type: none !important;
}
/* Ribbon*/
.ribbon {
  position: absolute;
  width: 150px;
  height: 150px;
  overflow: hidden;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  display: block;
  border: 5px solid #2980b9;
  content: "";
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  color: #fff;
  font: 700 18px/1 "Lato", sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #40A9FF;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.ribbontopleft {
  top: -10px;
  left: -10px;
}
.ribbontopleft::before,
.ribbontopleft::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbontopleft::before {
  top: 0;
  right: 0;
}
.ribbontopleft::after {
  bottom: 0;
  left: 0;
}
.ribbontopleft span {
  top: 30px;
  right: -25px;
  transform: rotate(-45deg);
}
.pricingpagetitle {
  position: relative;
  margin: 20px !important;
  color: #40A9FF !important;
  text-align: center !important;
  cursor: pointer !important;
}
.pricingpagetitle::after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0%;
  height: 4px;
  background-color: #40A9FF;
  transition: all 0.4s ease-in-out;
  content: "";
}
.mailSearch {
  height: 40px;
  overflow: hidden;
  border-radius: 20px;
}
.badgeIcon {
  align-items: center;
  display: flex;
  cursor: pointer;
  font-size: 18px !important;
  margin: 0px 3px;
}
.tags_popover_close_icon {
  position: absolute;
  right: -12px;
  top: 3px;
  cursor: pointer;
}
.get_top_button {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.tag_formater {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px;
  font-weight: inherit;
}
.dashboardWidgetItem {
  height: 35px;
  display: flex;
  align-items: center;
  padding: 0px 6px 0px 15px;
}
.dashboardWidgetItemDragger {
  cursor: pointer;
}
.column_visibility_root_badge {
  background: #1890ff33;
  color: #1890ff;
}
.automationListActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ImportExcelTable table thead th:first-child {
  position: relative !important;
}
.advFilterIcon {
  align-items: center;
  display: flex;
  cursor: pointer;
  font-size: 18px !important;
  margin-right: 6px;
}
.dropdownFormaterContent {
  margin-bottom: 6px;
  max-height: 300px;
  min-height: 100px;
  overflow: auto;
}
.wlcomeSibarMenu {
  width: 60px;
  height: 100vh;
  background: #ffffff;
}
.welcomeLayoutRoot {
  background: #fff !important;
  height: 100vh;
  overflow: scroll;
}
.statusValuesList {
  margin-bottom: 10px;
  max-height: 330px;
  overflow: auto;
  min-height: 100px;
}
.statusTitleHeaderRoot {
  display: flex;
  align-items: center;
}
.statusTitleHeaderRootTitle {
  margin-bottom: 0px !important;
}
.statusValuesListDiv {
  width: 100% !important;
}
.ghboSearch {
  margin-bottom: 10;
}
.ghboUserChips {
  margin-bottom: 10px;
  display: flex;
  overflow: scroll;
  white-space: nowrap;
}
.ghboListRoot {
  min-height: 200px;
}
.ghboList {
  max-height: 300px;
  overflow-y: auto;
}
.ghboListItemText {
  margin-left: 5px;
  display: inline-block;
}
.ghSubTaskOptionListRoot,
.ghGroupByListRoot {
  overflow-x: auto;
  height: auto;
}
.ghNewRowAddRoot {
  width: 300px;
  padding: 5px;
}
.fvNextBtnLoadingRoot {
  width: 22px;
  height: 22px;
  margin: 5px;
}
.fvNextBtnLoadingIcon {
  font-size: 22px;
}
.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer;
}
.rbc-event,
.rbc-day-slot .rbc-background-event {
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-align: left;
  max-height: 60px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rbc-overlay {
  min-width: 180px !important;
  max-width: 280px !important;
  overflow: auto;
  max-height: 300px;
  padding-bottom: 20px;
}
.calenderNewRowAddIcon {
  margin-left: 10px;
}
.calendarViewRoot {
  position: relative;
  overflow: auto;
}
.visibilityDiv {
  display: flex;
  justify-content: flex-end;
  align-Items: center;
}
.colorPickerRoot {
  height: 100%;
  z-index: 1001  ;
}
.colorPickerBtnContainer {
  width: 100%;
}
.colorPickerBtn {
  width: 96%;
  margin: 2%;
}
.container_dnd {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.column_dnd {
  height: max-content;
  min-height: 100px;
  width: 160px;
  margin: 10px;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  border: 2px solid #7d7d7d;
  /* Параметры границы */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.do-it-column {
  background-color: #fff0f0;
}
.in-progress-column {
  background-color: #fef2e7;
}
.awaiting-review-column {
  background-color: #fffada;
}
.done-column {
  background-color: #f5ffe5;
}
.movable-item {
  border-radius: 5px;
  background-color: #fafdff;
  height: 100px;
  width: 140px;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
.popoverTitleRoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  flex: 1 1;
}
.popoverTitle {
  width: 100%;
  display: flex;
  flex-grow: 1;
}
.popoverTitltBtn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.popover_status_edit_mode {
  position: absolute;
  top: 10px;
  right: 10px;
}
.statusChipIcon {
  margin: 0px 4px;
  font-size: 15px;
}
.flexFullWidth {
  display: flex;
  flex: 1 1;
  flex-grow: 1;
}
.ant-tabs-dropdown-menu-item-remove {
  flex: none;
  float: right;
  color: #00000073;
  font-size: 12px;
  background: 0 0;
  border: 0;
  cursor: pointer;
}
.ant-tabs-tab-remove {
  margin-left: -8px !important;
}
.tabHeader {
  display: flex;
  min-width: 100px;
  justify-content: space-between;
  align-items: center;
}
.conversation-chat-item {
  position: relative;
  /* text-align: center; */
  background: #FF9529;
  height: 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}
.conversation-chat-item-avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  background: linear-gradient(269.21deg, #1AA6DF 0%, #054B9B 100%);
}
.float-label {
  position: relative;
  margin: 12px 0px;
}
.label {
  font-size: 12px !important;
  position: absolute;
  pointer-events: none;
  left: 12px;
  top: 15%;
  transition: 0.2s ease all;
  color: gray;
  font-weight: 600;
}
.label-float {
  top: -32%;
  font-size: 12px !important;
  background: white;
  font-weight: 600;
  color: #0f5ea9;
}
.centerFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}
button.react-flow__controls-button {
  height: 28px;
  width: 28px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.7.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/@umijs+bundler-webpack@4.4.12_type-fest@1.4.0_typescript@5.9.2_webpack@5.101.3/node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/.pnpm/antd@5.3.2_date-fns@2.30.0_moment@2.30.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/dist/reset.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
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;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  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;
}
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;
  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;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.7.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/.pnpm/@umijs+bundler-webpack@4.4.12_type-fest@1.4.0_typescript@5.9.2_webpack@5.101.3/node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/.pnpm/react-virtualized@9.22.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-virtualized/styles.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ReactVirtualized__Table__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

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

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: flex;
  align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.7.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/.pnpm/@umijs+bundler-webpack@4.4.12_type-fest@1.4.0_typescript@5.9.2_webpack@5.101.3/node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/.pnpm/@umijs+bundler-webpack@4.4.12_type-fest@1.4.0_typescript@5.9.2_webpack@5.101.3/node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/System/HLogo/index.less?modules ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hoicko_logo___dDLst {
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 24px;
  font-weight: bolder;
  text-transform: capitalize;
  color: #0073ea;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hoicko_logo___dDLst img {
  max-width: 164px;
  width: auto;
  height: 44px ;
}
.short_logo___KBcCr img {
  width: auto;
  height: 40px ;
}