/* Light Theme Variables */
:root {
  --background-color: #ffffff;
  --text-color: #000000;
  --title-color: #e6f1ff;
  --primary-color: #0a59ee;
  --secondary-color: #6c757d;
  --border-color: #ced4da;
  --hover-color: #e7eaec;
  --link-color: #0a59ee;
  --link-hover-color: #6c757d;

  --font-color-light: #e8e8e8;
  --font-color-medium: #adb5bd;
  --font-color-dark: #343a40;

  --font-size-small: 0.875rem; /* 14px */
  --font-size-base: 1rem; /* 16px */
  --font-size-large: 1.25rem; /* 20px */
  --font-size-xlarge: 1.5rem; /* 24px */
  --font-size-xxlarge: 2rem; /* 32px */

  --button-padding: 0.5rem 1rem;
}

[data-theme="dark"] {
  --background-color: #0f0f0f;
  --text-color: #ffffff;
  --title-color: #458ac5;
  --primary-color: #0a59ee;
  --secondary-color: #adb5bd;
  --border-color: #495057;
  --hover-color: #495057;
  --link-color: #17a2b8;
  --link-hover-color: #adb5bd;

  --font-color-light: #e8e8e0;
  --font-color-medium: #495057;
  --font-color-dark: #212529;
}

/* General Cleanup for Consistency */
*, *:before, *:after {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
}

/* Base Anchor Styles */
a {
  color: var(--link-color);
  text-decoration: none;
}

a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}

::placeholder {
  color: var(--font-color-light);
  opacity: 0.7;
}


.lhc-form-title a {
  color: var(--text-color); /* Inherit from general text color */
}

/* Base Form Styles */
body {
  background-color: var(--background-color);
  color: var(--text-color);
}

p, span {
  color: var(--text-color);
}

.lhc-form {
  font-family: Arial, sans-serif;
  font-size: var(--font-size-base);
  background-color: var(--background-color);
  color: var(--text-color);
}

.lhc-form-title,
.lhc-form-horizontal-table-title,
.lhc-form-matrix-table-title {
  font-size: var(--font-size-large);
  font-weight: 600;
  color: var(--text-color);
  background-color: var(--primary-color);
  padding: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 4px;
}

.lhc-form-title a {
  color: #fff;
}

.lhc-form table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.lhc-form .lhc-form-table-row {
  border-top: 1px solid var(--border-color);
  margin: 0 4px;
}

.lhc-form .lhc-form-table-row.lhc-item-group {
  background-color: var(--hover-color);
  border-radius: 4px;
  margin: 0 4px;
}

/* Form Inputs and Textareas */
.lhc-form input[type="text"],
.lhc-form input[type="number"],
.lhc-form textarea {
  border: 1px solid var(--border-color);
  background-color: var(--background-color);
  color: var(--text-color);
  font-size: var(--font-size-base);
  font-weight: 500;
  padding: 0.5rem;
  border-radius: 4px;
  width: 100%;
}

.lhc-form textarea {
  resize: vertical;
}

.lhc-form input:focus,
.lhc-form textarea:focus {
  background-color: var(--hover-color);
  border-color: var(--primary-color);
  outline: none;
}

.lhc-form input[readonly],
.lhc-form textarea[readonly] {
  background-color: var(--font-color-light);
  color: var(--font-color-dark);
}

/* Buttons */
.lhc-form .lhc-button,
.lhc-form .lhc-float-button {
  background-color: var(--primary-color);
  color: #fff;
  font-weight: 500;
  padding: var(--button-padding);
  border-radius: 4px;
  border: 1px solid var(--primary-color);
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}

.lhc-form .lhc-button:hover {
  background-color: var(--secondary-color);
}

.lhc-item-question.lhc-active-row {
  background-color: var(--hover-color);
}

.lhc-form .lhc-required {
  color: #8b0000;
  font-weight: 700
}

.lhc-form .lhc-help-button,
.lhc-form .lf-control-button,
.lhc-form .lhc-copyright-button {
  background-color: transparent;
  color: var(--primary-color);
  border: none;
  padding: 0;
  cursor: pointer;
}

.lhc-form .lhc-help-button:hover,
.lhc-form .lf-control-button:hover,
.lhc-form .lhc-copyright-button:hover {
  color: var(--secondary-color);
}

/* Table Styles */
.lhc-form .lhc-form-table-row {
  border-top: 1px solid var(--border-color);
  margin: 0 4px;
}

.lhc-form .lhc-form-table-row.lhc-item-group {
  background-color: var(--hover-color);
  border-radius: 4px;
  margin: 0 4px;
}

/* Validation */
.lhc-form .lhc-invalid input[type="text"],
.lhc-form .lhc-invalid input[type="number"],
.lhc-form .lhc-invalid textarea {
  border: 2px solid #ff0000;
}

.lhc-form .lhc-validation-popover {
  display: none;
  background-color: #fcf8e3;
  padding: 4px 6px;
  border-radius: 6px;
  box-shadow: 0 5px 10px #0003;
  font-size: 90%;
}

.lhc-form .lhc-invalid:hover .lhc-validation-popover {
  display: block;
}
/* ----------------------------------------------- */
.lhc-form input[type=number]::-webkit-outer-spin-button,
.lhc-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lhc-form input[type=number] {
  -moz-appearance: textfield;
}

.lhc-form label {
  font-weight: 400;
  margin-bottom: 0;
}

.lhc-form-title {
  background-color: var(--title-color);
  color: var(--text-color);
  overflow: hidden;
  padding: 8px;
  margin: 4px 0;
  border-radius: 4px;
}

.lhc-form-title .lhc-item-question {
  font-size: 120%;
  vertical-align: text-top;
}

.lhc-form input[type=text],
.lhc-form input[type=number] {
  border: 1px solid #ced5d9;
  width: 100%;
  height: 28px;
  min-height: 14px;
  overflow: hidden;
  padding: 2px 2px 2px 4px;
  font-size: 90%;
  font-weight: 700;
  border-radius: 4px;
}

.lhc-form input:focus,
.lhc-form textarea:focus,
.lhc-form .ant-picker-input > input:focus {
  background-color: #fff8c6;
}

.lhc-form input[readonly],
.lhc-form textarea[readonly],
.lhc-form .ant-picker-input > input[readonly] {
  background-color: #e8e8e8;
}

span.loading-indicator-container {
  width: 100%;
}

.lhc-form .lhc-button {
  border: 0 none;
  cursor: pointer;
  overflow: visible;
  padding: 0;
  position: relative;
  background-color: #066aa0;
}

.lhc-form .lhc-float-button {
  min-width: 22px;
  border-radius: 4px;
  font-weight: 700;
  color: #fff;
  padding: 1px .5em;
  margin-bottom: 2px;
}

.lhc-form .lhc-help-button,
.lhc-form .lf-control-button,
.lhc-form .lhc-copyright-button {
  padding: 0;
  margin-right: 2px;
  margin-left: 2px;
  vertical-align: middle;
  background-color: transparent;
  color: #066aa0;
  border: none;
}

.lhc-form .lhc-help-button:hover,
.lhc-form .lf-control-button:hover,
.lhc-form .lhc-copyright-button:hover {
  color: #0087fd;
  cursor: pointer;
}

.lhc-form .lhc-form-title .lhc-help-button,
.lhc-form .lhc-form-title .lf-control-button,
.lhc-form .lhc-form-title .lhc-copyright-button {
  background-color: inherit;
  color: #fff;
  font-weight: 700;
}

.lhc-form .lhc-form-table-row.button-row {
  background: none;
  padding: 2px 0;
}

.lhc-form.lf-template-table .lhc-layout-horizontal,
.lhc-form.lf-template-table .lhc-layout-matrix {
  padding-right: 6px;
}

.lf-top-section .lhc-layout-horizontal .lhc-form-horizontal-table-title,
.lf-top-section .lhc-layout-matrix .lhc-form-matrix-table-title {
  display: none;
}

.lhc-form-view {
  margin: 15px;
}

.lhc-form-body {
  border: 1px solid #ced5d9;
  padding: 4px 0;
  margin: 0 0 2px;
  border-radius: 4px;
  box-sizing: border-box;
}

.lhc-form .lhc-form-table-row.lhc-item-group .lhc-de-label-button {
  padding: 4px 0;
}

.lhc-form .lhc-item.lhc-datatype-TITLE {
  padding-top: 4px;
  padding-bottom: 4px;
}

.lhc-form .lhc-item.lhc-datatype-TITLE .lhc-item-display {
  background-color: var(--title-color);
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 4px 0 2px;
  border-width: 0;
  border-top: 2px solid var(--title-color);
  padding: 4px 2px;
}

.lhc-form .lhc-item-group-title {
  background: var(--title-color);
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 4px 0 2px;
  border-width: 0;
  border-top: 2px solid white;
  padding: 4px 2px;
}

.lhc-form lhc-item.lhc-first-item > lhc-item-question {
  border-top: none;
}

.lhc-form .prefix {
  padding-right: .25em;
}

div.ant-popover-title {
  background-color: var(--hover-color);
}

div.cdk-overlay-pane {
  max-width: 66%;
}

.lhc-popover-help .ant-popover-inner-content,
.lhc-popover-copyright .ant-popover-inner-content,
.lhc-form .lhc-inline-help,
.lhc-form .lhc-inline-copyright {
  white-space: pre-wrap;
}

screen_reader_only {
  height: 0;
  width: 0;
  overflow: hidden;
  position: fixed;
  left: -1000px;
  top: -1000px;
}

.lhc-form .ant-checkbox-disabled + span,
.lhc-form .ant-radio-disabled + span,
.lhc-form input:disabled,
.lhc-form .ant-picker-input > input-disabled,
.lhc-form .ant-picker-input > input[disabled],
.lhc-form .lhc-item-readyonly {
  color: #000000bf;
  cursor: not-allowed;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text-color);
  font-weight: 500;
}

/* Utility Classes */
.screen_reader_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.lhc-button-padding {
  padding-left: 4px;
}

.lhc-form .lhc-item-readyonly button {
  display: none
}

.lhc-form .ant-checkbox-disabled, .lhc-form .ant-radio-disabled, .lhc-form input:disabled, .lhc-form .ant-picker-input > input-disabled, .lhc-form .ant-picker-input > input[disabled], .lhc-form .lhc-item-readyonly {
  color: #000000bf;
    cursor: not-allowed;
}

/* Dark Theme - Enhanced Contrast for Inputs and Buttons */
[data-theme="dark"] .lhc-form input[type="text"],
[data-theme="dark"] .lhc-form input[type="number"],
[data-theme="dark"] .lhc-form textarea {
  background-color: var(--font-color-dark);
  border-color: var(--primary-color);
  color: var(--text-color);
}

[data-theme="dark"] .lhc-form input:focus,
[data-theme="dark"] .lhc-form textarea:focus {
  background-color: var(--font-color-medium);
  border-color: var(--primary-color);
  outline: none;
  box-shadow: 0 0 5px 1px rgba(23, 162, 184, 0.75); /* Subtle glow effect */
}

[data-theme="dark"] ::placeholder {
  color: #adb5bd;
  opacity: 0.8;
}

[data-theme="dark"] .lhc-form input[readonly],
[data-theme="dark"] .lhc-form textarea[readonly] {
  background-color: var(--font-color-medium);
  color: var(--font-color-light);
}

[data-theme="dark"] .lhc-form .lhc-button {
  background-color: #17a2b8;
  border-color: #1a73e8;
}

[data-theme="dark"] .lhc-form .lhc-button:hover {
  background-color: #138496;
}

.lhc-item-question {
  margin-bottom: .1rem;
  margin-right: .5rem;
  font-weight: 500;
  line-height: 1.2;
}

.question, .prefix {
  margin-bottom: .1rem;
  margin-right: .5rem;
  font-weight: bold;
  line-height: 1.2;
}

.lhc-answer {
  font-weight: normal;
  line-height: 1.0;
}

lhc-item.lhc-last-item lhc-item-question-text {
  margin-bottom: .5rem;
  color: var(--text-color);
  font-weight: 500;
  line-height: 1.4;
}

.lhc-de-label-button {
  padding: 4px 0 0
}

.lhc-de-input-unit {
  padding: 0
}

.lhc-de-unit {
  padding: 2px 0 2px 2px
}

.lhc-de {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start
}

.lhc-de-label-button {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  order: 1;
  flex-grow: 1
}

lhc-item-question-text, .lhc-de-label {
  font-weight: bold;
  order: 1;
  flex-grow: 1
}

.lhc-de-button {
  order: 2;
  flex-grow: 0;
  flex-shrink: 0
}

.lhc-de-input-unit {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  order: 2;
  flex-grow: 0;
  flex-shrink: 0
}

.lhc-de-input-unit-content {
  width: 100%
}

lhc-item-quantity, lhc-item-simple-type {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start
}

lhc-input {
  order: 1;
  flex-grow: 1
}

lhc-unit, .lhc-de-unit {
  order: 2;
  flex-grow: 1
}

.lhc-item-view-md .lhc-de {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start
}

.lhc-item-view-md .lhc-de-label-button {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  order: 1;
  flex-grow: 1;
  width: 100%
}

.lhc-item-view-md .lhc-de-label {
  order: 1;
  flex-grow: 1
}

.lhc-item-view-md .lhc-de-button {
  order: 2;
  flex-grow: 0;
  flex-shrink: 0
}

.lhc-item-view-md .lhc-de-input-unit {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  order: 2;
  flex-grow: 1;
  width: 100%
}

.lhc-item-view-md lhc-item-quantity, .lhc-item-view-md lhc-item-simple-type {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start
}

.lhc-item-view-md lhc-input {
  order: 1;
  flex-grow: 1
}

.lhc-item-view-md lhc-unit, .lhc-item-view-md .lhc-de-unit {
  order: 2;
  flex-grow: 1
}

.lhc-item-view-sm .lhc-de {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start
}

.lhc-item-view-sm .lhc-de-label-button {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  order: 1;
  flex-grow: 1;
  width: 100%
}

.lhc-item-view-sm .lhc-de-label {
  order: 1;
  flex-grow: 1
}

.lhc-item-view-sm .lhc-de-button {
  order: 2;
  flex-grow: 0;
  flex-shrink: 0
}

.lhc-item-view-sm .lhc-de-input-unit {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start;
  order: 2;
  flex-grow: 1;
  width: 100%
}

.lhc-item-view-sm lhc-item-quantity, .lhc-item-view-sm lhc-item-simple-type {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start
}

.lhc-item-view-sm lhc-input {
  order: 1;
  flex-grow: 1;
  width: 100%
}

.lhc-item-view-sm lhc-unit, .lhc-item-view-sm .lhc-de-unit {
  order: 2;
  flex-grow: 1;
  width: 100%
}

.lhc-item {
  position: relative
}

.lhc-item.lhc-indentation {
  padding-left: 24px
}

.lhc-item.lhc-tree-line:before {
  content: "";
  position: absolute;
  left: 12px;
  border-top: 2px solid #2f96b4;
  top: 14px;
  width: 12px;
  height: 0
}

.lhc-item.lhc-tree-line:after {
  content: "";
  position: absolute;
  left: 12px;
  border-left: 2px solid #2f96b4;
  height: 100%;
  width: 0;
  top: 0
}

.lhc-item.lhc-tree-line.lhc-last-item:after {
  height: 14px
}

.lf-top-section .lhc-layout-horizontal.lhc-item, .lf-top-section .lhc-layout-matrix.lhc-item {
  padding: 0 4px 0 3px
}

.lf-top-section .lhc-layout-horizontal.lhc-item:before, .lf-top-section .lhc-layout-matrix.lhc-item:before {
  border: 0
}

.lf-top-section .lhc-layout-horizontal.lhc-item:after, .lf-top-section .lhc-layout-matrix.lhc-item:after {
  border: 0
}

.lf-indentation-bar .lhc-item:before {
  border-top: 0
}

.lf-indentation-bar .lhc-item:after {
  border: 6px solid #c6dde4;
  left: 6px
}

.lf-indentation-bar .lhc-item.lhc-last-item:after {
  height: 100%
}

.lf-indentation-bar .lhc-item.lhc-first-item:after {
  border-top-left-radius: 4px
}

.lf-indentation-bar .lhc-item.lhc-last-item:after {
  border-bottom-left-radius: 4px
}

lhc-input, lhc-unit, lhc-item-text, lhc-date, lhc-item-choice-autocomplete, lhc-item-attachment {
  padding: 2px 0 2px 2px;
  display: block
}

lhc-item-choice .autocomp_selected {
  border: 1px solid #ced5d9;
  border-radius: 4px;
  width: 100%
}

lhc-item-choice .autocomp_selected ul {
  margin: 0 0 0 .25em
}

lhc-item-date, lhc-item-datetime, lhc-item-time {
  display: block;
  padding: 2px 0 2px 2px
}

lhc-item-date .lhc-date-picker, lhc-item-datetime .lhc-datetime-picker, lhc-item-time .lhc-time-picker {
  border: 1px solid #ced5d9;
  border-radius: 4px;
  width: 100%
}

lhc-item-date .ant-picker, lhc-item-datetime .ant-picker, lhc-item-time .ant-picker {
  padding: 3px 7px 2px 4px
}

lhc-item-date .ant-picker-input > input, lhc-item-datetime .ant-picker-input > input {
  font-size: 90%;
  font-weight: 500;
  padding-top: 2px
}

lhc-item-time .ant-picker-input > input[type=text] {
  border: none;
  padding-left: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  height: auto;
  font-size: 90%;
  font-weight: 600
}

lhc-item-date .ant-picker-input > input::placeholder, lhc-item-datetime .ant-picker-input > input::placeholder, lhc-item-time .ant-picker-input > input::placeholder {
  font-weight: 500;
  color: #999;
  opacity: 1
}

lhc-item-date .ant-picker-input > input:-ms-input-placeholder, lhc-item-datetime .ant-picker-input > input:-ms-input-placeholder, lhc-item-time .ant-picker-input > input:-ms-input-placeholder {
  font-weight: 500;
  color: #999;
  opacity: 1
}

lhc-item-date .ant-picker-input > input::-ms-input-placeholder, lhc-item-datetime .ant-picker-input > input::-ms-input-placeholder, lhc-item-time .ant-picker-input > input::-ms-input-placeholder {
  font-weight: 500;
  color: #999;
  opacity: 1
}

.lhc-form input::placeholder, .lhc-form textarea::placeholder {
  font-weight: 500;
  color: #999;
  opacity: 1
}

.lhc-form input:-ms-input-placeholder, .lhc-form textarea:-ms-input-placeholder {
  font-weight: 500;
  color: #999;
  opacity: 1
}

.lhc-form input::-ms-input-placeholder, .lhc-form textarea::-ms-input-placeholder {
  font-weight: 500;
  color: #999;
  opacity: 1
}

.lhc-layout-horizontal .lhc-form-horizontal-table-title {
  background: var(--title-color);
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 0 0 1px;
  text-align: left;
  border-width: 0;
  border-top: 2px solid white;
  padding: 4px 2px
}

.lhc-layout-horizontal .lhc-form-horizontal-table-header {
  overflow: hidden;
  vertical-align: top;
  background: none repeat scroll 0 0 #e8e8e8;
  padding: 4px 2px;
  text-align: left;
  color: #666;
  font-weight: 400;
  border-radius: 4px
}

.lhc-layout-horizontal .lhc-form-horizontal-table td.lhc-de-button {
  padding-left: 2px;
  border-right: none
}

.lhc-layout-horizontal table.lhc-form-horizontal-table {
  border: none;
  margin: 2px 4px 0 1px
}

.lhc-layout-horizontal .lhc-form-horizontal-table tr {
  border: none
}

.lhc-layout-horizontal .lhc-form-horizontal-table tr td {
  border-right: none;
  border-left: none
}

.lhc-layout-horizontal .lhc-form-horizontal-table .lhc-de-button {
  width: 2.1em;
  min-width: 2em
}

.lhc-layout-horizontal div.lhc-de-input-unit {
  order: 1;
  flex-grow: 1;
  flex-shrink: 1
}

.lhc-layout-horizontal lhc-item-question {
  border: 0;
  margin: 0
}

.lhc-layout-horizontal table {
  border-spacing: 0;
  border-collapse: collapse
}

.lhc-layout-horizontal td.lhc-item-question {
  padding: 0
}

.lhc-form .lhc-layout-matrix.lhc-item {
  padding-bottom: 2px
}

.lhc-form .lhc-form-matrix-table {
  border-collapse: separate;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 2px 4px 0 1px;
  text-align: left;
  border: 1px solid #ced5d9
}

.lhc-form .lhc-form-matrix-table .lhc-matrix-table-header-row {
  background: #e8e8e8
}

.lhc-form .lhc-form-matrix-table-title {
  background: var(--title-color);
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 0 0 1px;
  text-align: left;
  border-width: 0;
  border-top: 2px solid white;
  padding: 4px 2px
}

.lhc-form .lhc-form-matrix-table .lhc-question {
  width: 25%
}

.lhc-form .lhc-form-matrix-answer {
  font-weight: 600 !important;
  padding-left: 5px;
  padding-right: 5px
}

.lhc-form .lhc-form-matrix-cell, .lhc-form .lhc-form-matrix-cell-other {
  text-align: center
}

.lhc-form .lhc-form-matrix-table th {
  padding: 4px
}

.lhc-form .lhc-form-matrix-table td {
  padding: 4px;
  border-top: 1px solid #ced5d9
}

.lhc-form .lhc-invalid.lhc-visited-before lhc-input input[type=number], .lhc-form .lhc-invalid.lhc-visited-before lhc-input input[type=text], .lhc-form .lhc-invalid.lhc-visited-before lhc-input textarea, .lhc-form .lhc-invalid.lhc-show-validation lhc-input input[type=number], .lhc-form .lhc-invalid.lhc-show-validation lhc-input input[type=text], .lhc-form .lhc-invalid.lhc-show-validation lhc-input textarea {
  border: 2px solid #FF0000
}

.lhc-form .lhc-validation-popover {
  display: none
}

.lhc-form .lhc-de-input-unit-content {
  position: relative
}

.lhc-form .lhc-invalid.lhc-visited-before:hover .lhc-validation-popover, .lhc-form .lhc-invalid.lhc-visited-before.lhc-active-row .lhc-validation-popover, .lhc-form .lhc-invalid.lhc-show-validation .lhc-validation-popover {
  border-radius: 6px;
  bottom: 35px;
  background-color: #fcf8e3;
  padding: 4px 6px;
  position: absolute;
  z-index: 98;
  max-width: 600px;
  width: auto;
  display: block;
  box-shadow: 0 5px 10px #0003;
  border: 1px solid #eea236;
  font-size: 90%
}

.lhc-form .lhc-invalid .lhc-validation-popover:before {
  border: solid;
  border-color: #fcf8e3 transparent;
  border-width: 11px 11px 0 11px;
  bottom: -10px;
  content: "";
  left: 10px;
  position: absolute;
  z-index: 99
}

.lhc-form-title span {
  background-color: var(--title-color);
  color: #000;
}

.lhc-form lhc-item.lhc-invalid.lhc-datatype-DTM .lhc-validation-popover {
  display: none
}

.anticon[tabindex], a {
  cursor: pointer
}

a, a:active, a:focus, a:hover {
  text-decoration: none;
  outline: 0
}

dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
  margin-top: 0
}

address, dl, ol, p, pre, ul {
  margin-bottom: 1em
}

button, hr, input {
  overflow: visible
}

pre, textarea {
  overflow: auto
}

dd, h1, h2, h3, h4, h5, h6, legend {
  margin-bottom: .5em
}

progress, sub, sup {
  vertical-align: baseline
}

.anticon, button, select {
  text-transform: none
}

[ant-click-animating-without-extra-node=true], [ant-click-animating=true], sub, sup {
  position: relative
}

.cdk-overlay-backdrop, html {
  -webkit-tap-highlight-color: transparent
}

[class*=ant-] input::-ms-clear, [class*=ant-] input::-ms-reveal, [class*=ant-]::-ms-clear, [class^=ant-] input::-ms-clear, [class^=ant-] input::-ms-reveal, [class^=ant-]::-ms-clear {
  display: none
}

body, html {
  width: 100%;
  height: 100%
}

input::-ms-clear, input::-ms-reveal {
  display: none
}

*, :after, :before {
  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;
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0
}

body {
  margin: 0;
  color: var(--text-color);
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: "tnum"
}

[tabindex="-1"]:focus {
  outline: 0 !important
}

hr {
  box-sizing: content-box;
  height: 0
}

abbr[data-original-title], abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help
}

address {
  font-style: normal;
  line-height: inherit
}

input[type=password], input[type=number], input[type=text], textarea {
  -webkit-appearance: none
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 500
}

dd {
  margin-left: 0
}

blockquote, figure {
  margin: 0 0 1em
}

dfn {
  font-style: italic
}

b, strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #1890ff;
  background-color: transparent;
  transition: color .3s;
  -webkit-text-decoration-skip: objects
}

a:hover {
  color: #40a9ff
}

a:active {
  color: #096dd9
}

a[disabled] {
  color: #00000040;
  cursor: not-allowed
}

code, kbd, pre, samp {
  font-size: 1em;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

img {
  vertical-align: middle;
  border-style: none
}

[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
  touch-action: manipulation
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75em;
  padding-bottom: .3em;
  color: #00000073;
  text-align: left;
  caption-side: bottom
}

button, input, optgroup, select, textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-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 {
  resize: vertical
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal
}

[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
}

.clearfix:after, .clearfix:before {
  display: table;
  content: ""
}

mark {
  padding: .2em;
  background-color: #feffe6
}

::selection {
  color: #fff;
  background: #1890ff
}

.clearfix:after {
  clear: both
}

.anticon {
  margin-left: .25rem;
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  vertical-align: -.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.anticon > * {
  line-height: 1
}

.anticon svg {
  display: inline-block
}

.anticon:before {
  display: none
}

.anticon .anticon-icon {
  display: block
}

.anticon > .anticon {
  line-height: 0;
  vertical-align: 0
}

.anticon-spin, .anticon-spin:before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear
}

.ant-fade-appear, .ant-fade-enter, .ant-fade-leave {
  animation-timing-function: linear;
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-fade-appear.ant-fade-appear-active, .ant-fade-enter.ant-fade-enter-active {
  animation-name: antFadeIn;
  animation-play-state: running
}

.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-fade-appear, .ant-fade-enter {
  opacity: 0
}

@keyframes antFadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes antFadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

.ant-move-up-appear, .ant-move-up-enter, .ant-move-up-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-move-up-appear.ant-move-up-appear-active, .ant-move-up-enter.ant-move-up-enter-active {
  animation-name: antMoveUpIn;
  animation-play-state: running
}

.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-move-up-appear, .ant-move-up-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-move-up-leave {
  animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.ant-move-down-appear, .ant-move-down-enter, .ant-move-down-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-move-down-appear.ant-move-down-appear-active, .ant-move-down-enter.ant-move-down-enter-active {
  animation-name: antMoveDownIn;
  animation-play-state: running
}

.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-move-down-appear, .ant-move-down-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-move-down-leave {
  animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.ant-move-left-appear, .ant-move-left-enter, .ant-move-left-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-move-left-appear.ant-move-left-appear-active, .ant-move-left-enter.ant-move-left-enter-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running
}

.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-move-left-appear, .ant-move-left-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-move-left-leave {
  animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.ant-move-right-appear, .ant-move-right-enter, .ant-move-right-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-move-right-appear.ant-move-right-appear-active, .ant-move-right-enter.ant-move-right-enter-active {
  animation-name: antMoveRightIn;
  animation-play-state: running
}

.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-move-right-appear, .ant-move-right-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-move-right-leave {
  animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0
  }
  to {
    transform: translateY(0);
    transform-origin: 0 0;
    opacity: 1
  }
}

@keyframes antMoveDownOut {
  0% {
    transform: translateY(0);
    transform-origin: 0 0;
    opacity: 1
  }
  to {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0
  }
}

@keyframes antMoveLeftIn {
  0% {
    transform: translate(-100%);
    transform-origin: 0 0;
    opacity: 0
  }
  to {
    transform: translate(0);
    transform-origin: 0 0;
    opacity: 1
  }
}

@keyframes antMoveLeftOut {
  0% {
    transform: translate(0);
    transform-origin: 0 0;
    opacity: 1
  }
  to {
    transform: translate(-100%);
    transform-origin: 0 0;
    opacity: 0
  }
}

@keyframes antMoveRightIn {
  0% {
    transform: translate(100%);
    transform-origin: 0 0;
    opacity: 0
  }
  to {
    transform: translate(0);
    transform-origin: 0 0;
    opacity: 1
  }
}

@keyframes antMoveRightOut {
  0% {
    transform: translate(0);
    transform-origin: 0 0;
    opacity: 1
  }
  to {
    transform: translate(100%);
    transform-origin: 0 0;
    opacity: 0
  }
}

@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0
  }
  to {
    transform: translateY(0);
    transform-origin: 0 0;
    opacity: 1
  }
}

@keyframes antMoveUpOut {
  0% {
    transform: translateY(0);
    transform-origin: 0 0;
    opacity: 1
  }
  to {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0
  }
}

@keyframes loadingCircle {
  to {
    transform: rotate(360deg)
  }
}

.ant-click-animating-node, [ant-click-animating-without-extra-node=true]:after {
  position: absolute;
  inset: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: .2;
  animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
  animation-fill-mode: forwards;
  content: "";
  pointer-events: none
}

@keyframes waveEffect {
  to {
    box-shadow: 0 0 #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
  }
}

@keyframes fadeEffect {
  to {
    opacity: 0
  }
}

.ant-slide-up-appear, .ant-slide-up-enter, .ant-slide-up-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-slide-up-appear.ant-slide-up-appear-active, .ant-slide-up-enter.ant-slide-up-enter-active {
  animation-name: antSlideUpIn;
  animation-play-state: running
}

.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-slide-up-appear, .ant-slide-up-enter {
  transform: scale(0);
  transform-origin: 0 0;
  opacity: 0;
  animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-down-appear, .ant-slide-down-enter, .ant-slide-down-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-slide-down-appear.ant-slide-down-appear-active, .ant-slide-down-enter.ant-slide-down-enter-active {
  animation-name: antSlideDownIn;
  animation-play-state: running
}

.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-slide-down-appear, .ant-slide-down-enter {
  transform: scale(0);
  transform-origin: 0 0;
  opacity: 0;
  animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-left-appear, .ant-slide-left-enter, .ant-slide-left-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-slide-left-appear.ant-slide-left-appear-active, .ant-slide-left-enter.ant-slide-left-enter-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running
}

.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-slide-left-appear, .ant-slide-left-enter {
  transform: scale(0);
  transform-origin: 0 0;
  opacity: 0;
  animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-right-appear, .ant-slide-right-enter, .ant-slide-right-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-slide-right-appear.ant-slide-right-appear-active, .ant-slide-right-enter.ant-slide-right-enter-active {
  animation-name: antSlideRightIn;
  animation-play-state: running
}

.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-slide-right-appear, .ant-slide-right-enter {
  transform: scale(0);
  transform-origin: 0 0;
  opacity: 0;
  animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@keyframes antSlideUpIn {
  0% {
    transform: scaleY(.8);
    transform-origin: 0 0;
    opacity: 0
  }
  to {
    transform: scaleY(1);
    transform-origin: 0 0;
    opacity: 1
  }
}

@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0 0;
    opacity: 1
  }
  to {
    transform: scaleY(.8);
    transform-origin: 0 0;
    opacity: 0
  }
}

@keyframes antSlideDownIn {
  0% {
    transform: scaleY(.8);
    transform-origin: 100% 100%;
    opacity: 0
  }
  to {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1
  }
}

@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1
  }
  to {
    transform: scaleY(.8);
    transform-origin: 100% 100%;
    opacity: 0
  }
}

@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(.8);
    transform-origin: 0 0;
    opacity: 0
  }
  to {
    transform: scaleX(1);
    transform-origin: 0 0;
    opacity: 1
  }
}

@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0 0;
    opacity: 1
  }
  to {
    transform: scaleX(.8);
    transform-origin: 0 0;
    opacity: 0
  }
}

@keyframes antSlideRightIn {
  0% {
    transform: scaleX(.8);
    transform-origin: 100% 0;
    opacity: 0
  }
  to {
    transform: scaleX(1);
    transform-origin: 100% 0;
    opacity: 1
  }
}

@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0;
    opacity: 1
  }
  to {
    transform: scaleX(.8);
    transform-origin: 100% 0;
    opacity: 0
  }
}

.ant-zoom-appear, .ant-zoom-enter, .ant-zoom-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-zoom-appear.ant-zoom-appear-active, .ant-zoom-enter.ant-zoom-enter-active {
  animation-name: antZoomIn;
  animation-play-state: running
}

.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-zoom-appear, .ant-zoom-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-appear-prepare, .ant-zoom-enter-prepare {
  transform: none
}

.ant-zoom-leave {
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-big-appear, .ant-zoom-big-enter, .ant-zoom-big-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-zoom-big-appear.ant-zoom-big-appear-active, .ant-zoom-big-enter.ant-zoom-big-enter-active {
  animation-name: antZoomBigIn;
  animation-play-state: running
}

.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-zoom-big-appear, .ant-zoom-big-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-big-appear-prepare, .ant-zoom-big-enter-prepare {
  transform: none
}

.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-big-fast-appear, .ant-zoom-big-fast-enter, .ant-zoom-big-fast-leave {
  animation-duration: .1s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active, .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active {
  animation-name: antZoomBigIn;
  animation-play-state: running
}

.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-zoom-big-fast-appear, .ant-zoom-big-fast-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-big-fast-appear-prepare, .ant-zoom-big-fast-enter-prepare {
  transform: none
}

.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-up-appear, .ant-zoom-up-enter, .ant-zoom-up-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-zoom-up-appear.ant-zoom-up-appear-active, .ant-zoom-up-enter.ant-zoom-up-enter-active {
  animation-name: antZoomUpIn;
  animation-play-state: running
}

.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-zoom-up-appear, .ant-zoom-up-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-up-appear-prepare, .ant-zoom-up-enter-prepare {
  transform: none
}

.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-down-appear, .ant-zoom-down-enter, .ant-zoom-down-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-zoom-down-appear.ant-zoom-down-appear-active, .ant-zoom-down-enter.ant-zoom-down-enter-active {
  animation-name: antZoomDownIn;
  animation-play-state: running
}

.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-zoom-down-appear, .ant-zoom-down-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-down-appear-prepare, .ant-zoom-down-enter-prepare {
  transform: none
}

.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-left-appear, .ant-zoom-left-enter, .ant-zoom-left-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-zoom-left-appear.ant-zoom-left-appear-active, .ant-zoom-left-enter.ant-zoom-left-enter-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running
}

.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-zoom-left-appear, .ant-zoom-left-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-left-appear-prepare, .ant-zoom-left-enter-prepare {
  transform: none
}

.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-right-appear, .ant-zoom-right-enter, .ant-zoom-right-leave {
  animation-duration: .2s;
  animation-fill-mode: both;
  animation-play-state: paused
}

.ant-zoom-right-appear.ant-zoom-right-appear-active, .ant-zoom-right-enter.ant-zoom-right-enter-active {
  animation-name: antZoomRightIn;
  animation-play-state: running
}

.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none
}

.ant-zoom-right-appear, .ant-zoom-right-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-right-appear-prepare, .ant-zoom-right-enter-prepare {
  transform: none
}

.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@keyframes antZoomIn {
  0% {
    transform: scale(.2);
    opacity: 0
  }
  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes antZoomOut {
  0% {
    transform: scale(1)
  }
  to {
    transform: scale(.2);
    opacity: 0
  }
}

@keyframes antZoomBigIn {
  0% {
    transform: scale(.8);
    opacity: 0
  }
  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes antZoomBigOut {
  0% {
    transform: scale(1)
  }
  to {
    transform: scale(.8);
    opacity: 0
  }
}

@keyframes antZoomUpIn {
  0% {
    transform: scale(.8);
    transform-origin: 50% 0;
    opacity: 0
  }
  to {
    transform: scale(1);
    transform-origin: 50% 0
  }
}

@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0
  }
  to {
    transform: scale(.8);
    transform-origin: 50% 0;
    opacity: 0
  }
}

@keyframes antZoomLeftIn {
  0% {
    transform: scale(.8);
    transform-origin: 0 50%;
    opacity: 0
  }
  to {
    transform: scale(1);
    transform-origin: 0 50%
  }
}

@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0 50%
  }
  to {
    transform: scale(.8);
    transform-origin: 0 50%;
    opacity: 0
  }
}

@keyframes antZoomRightIn {
  0% {
    transform: scale(.8);
    transform-origin: 100% 50%;
    opacity: 0
  }
  to {
    transform: scale(1);
    transform-origin: 100% 50%
  }
}

@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%
  }
  to {
    transform: scale(.8);
    transform-origin: 100% 50%;
    opacity: 0
  }
}

@keyframes antZoomDownIn {
  0% {
    transform: scale(.8);
    transform-origin: 50% 100%;
    opacity: 0
  }
  to {
    transform: scale(1);
    transform-origin: 50% 100%
  }
}

@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%
  }
  to {
    transform: scale(.8);
    transform-origin: 50% 100%;
    opacity: 0
  }
}

.ant-motion-collapse-legacy {
  overflow: hidden
}

.ant-motion-collapse-legacy-active {
  transition: height .2s cubic-bezier(.645, .045, .355, 1), opacity .2s cubic-bezier(.645, .045, .355, 1) !important
}

.ant-motion-collapse {
  overflow: hidden;
  transition: height .2s cubic-bezier(.645, .045, .355, 1), opacity .2s cubic-bezier(.645, .045, .355, 1) !important
}

.cdk-global-overlay-wrapper, .cdk-overlay-container {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000
}

.cdk-overlay-container:empty {
  display: none
}

.cdk-global-overlay-wrapper, .cdk-overlay-connected-position-bounding-box, .cdk-overlay-pane {
  position: absolute;
  z-index: 1000;
  display: flex
}

.cdk-overlay-pane {
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto
}

.cdk-overlay-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1000;
  opacity: 0;
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  pointer-events: auto
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6
}

.cdk-overlay-dark-backdrop {
  background: #00000052
}

.cdk-overlay-transparent-backdrop {
  visibility: hidden;
  opacity: 1;
  transition: visibility 1ms linear, opacity 1ms linear
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  visibility: visible;
  opacity: 0
}

.cdk-overlay-backdrop-noop-animation {
  transition: none
}

.cdk-overlay-connected-position-bounding-box {
  flex-direction: column;
  min-width: 1px;
  min-height: 1px
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}

.cdk-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.nz-overlay-transparent-backdrop, .nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0
}

.nz-animate-disabled.ant-drawer.ant-drawer-open .ant-drawer-mask, .nz-animate-disabled.ant-scroll-number-only {
  transition: none;
  animation: none
}

.nz-animate-disabled.ant-drawer > * {
  transition: none
}

.nz-animate-disabled .ant-modal, .nz-animate-disabled .ant-modal-mask, .nz-animate-disabled .ant-modal-mask.zoom-enter, .nz-animate-disabled .ant-modal-mask.zoom-enter-active, .nz-animate-disabled .ant-modal-mask.zoom-leave, .nz-animate-disabled .ant-modal-mask.zoom-leave-active, .nz-animate-disabled .ant-modal.zoom-enter, .nz-animate-disabled .ant-modal.zoom-enter-active, .nz-animate-disabled .ant-modal.zoom-leave, .nz-animate-disabled .ant-modal.zoom-leave-active {
  transition: none;
  animation: none
}

.nz-animate-disabled.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg, .nz-animate-disabled.ant-menu, .nz-animate-disabled.ant-menu .ant-menu-item, .nz-animate-disabled.ant-menu .ant-menu-item .anticon, .nz-animate-disabled.ant-menu .ant-menu-item .anticon + span, .nz-animate-disabled.ant-menu .ant-menu-submenu-title, .nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon, .nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon + span, .nz-animate-disabled.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated, .nz-animate-disabled.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane, .nz-animate-disabled.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated, .nz-animate-disabled.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane, .nz-animate-disabled.ant-tabs.ant-tabs-bottom .ant-tabs-ink-bar-animated, .nz-animate-disabled.ant-tabs.ant-tabs-left .ant-tabs-ink-bar-animated, .nz-animate-disabled.ant-tabs.ant-tabs-right .ant-tabs-ink-bar-animated, .nz-animate-disabled.ant-tabs.ant-tabs-top .ant-tabs-ink-bar-animated {
  transition: none
}

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: .5
  }
  to {
    transform: scale(1.6);
    opacity: 0
  }
}

.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--text-color);
  font-size: 16px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  top: .2em;
  line-height: 1;
  white-space: nowrap;
  outline: 0;
  cursor: pointer
}

.ant-checkbox-input:focus + .ant-checkbox-inner, .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #1890ff
}

.ant-checkbox-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect .36s ease-in-out;
  animation-fill-mode: backwards;
  content: ""
}

.ant-checkbox-wrapper:hover .ant-checkbox:after, .ant-checkbox:hover:after {
  visibility: visible
}

.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all .3s
}

.ant-checkbox-inner:after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71px;
  height: 9.14px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
  content: " "
}

.ant-checkbox-input {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0
}

.ant-checkbox-checked .ant-checkbox-inner:after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
  content: " "
}

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff
}

.ant-checkbox-disabled {
  cursor: not-allowed
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
  border-color: #00000040;
  animation-name: none
}

.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
  pointer-events: none
}

.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important
}

.ant-checkbox-disabled .ant-checkbox-inner:after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none
}

.ant-checkbox-disabled + span {
  color: #00000040;
  cursor: not-allowed
}

.ant-checkbox-group, .ant-checkbox-wrapper {
  color: var(--text-color);
  font-size: 16px;
  font-variant: tabular-nums;
  font-feature-settings: "tnum"
}

.ant-checkbox-disabled:hover:after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled:after {
  visibility: hidden
}

.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer
}

.ant-checkbox-wrapper:after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: "\a0"
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed
}

.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type=checkbox] {
  width: 14px;
  height: 14px
}

.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px
}

.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1.5715;
  list-style: none;
  display: inline-block
}

.ant-checkbox-group-item {
  margin-right: 8px
}

.ant-checkbox-group-item:last-child {
  margin-right: 0
}

.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9
}

.ant-checkbox-indeterminate .ant-checkbox-inner:after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: " "
}

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
  background-color: #00000040;
  border-color: #00000040
}

.ant-checkbox-rtl {
  direction: rtl
}

.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px
}

.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important
}

.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px
}

.ant-checkbox + span:empty {
  display: none
}

.ant-radio, .ant-radio-group, .ant-radio-wrapper {
  box-sizing: border-box;
  padding: 0;
  color: var(--text-color);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum"
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within, .ant-radio-button-wrapper:focus-within, .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within, .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px #1890ff1f
}

.ant-radio-group {
  margin: 0;
  display: inline-block;
  font-size: 0
}

.ant-radio-group .ant-badge-count {
  z-index: 1
}

.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none
}

.ant-radio-wrapper {
  margin: 0 8px 0 0;
  font-size: 16px;
  position: relative;
  display: inline-flex;
  align-items: baseline;
  cursor: pointer
}

.ant-radio-wrapper-disabled {
  cursor: not-allowed
}

.ant-radio-wrapper:after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: "\a0"
}

.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type=radio] {
  width: 14px;
  height: 14px
}

.ant-radio {
  margin: 0;
  font-size: 16px;
  position: relative;
  top: .2em;
  display: inline-block;
  outline: 0;
  cursor: pointer
}

.ant-radio-input:focus + .ant-radio-inner, .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner {
  border-color: #1890ff
}

.ant-radio-checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect .36s ease-in-out;
  animation-fill-mode: both;
  content: ""
}

.ant-radio-wrapper:hover .ant-radio:after, .ant-radio:hover:after {
  visibility: visible
}

.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  transition: all .3s
}

.ant-radio-inner:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #1890ff;
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all .3s cubic-bezier(.78, .14, .15, .86);
  content: " "
}

.ant-radio-input {
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0
}

.ant-radio-button-wrapper-disabled, .ant-radio-disabled, .ant-radio-disabled .ant-radio-inner, .ant-radio-disabled .ant-radio-input, .ant-radio-disabled + span {
  cursor: not-allowed
}

.ant-radio.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9
}

.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff
}

.ant-radio-checked .ant-radio-inner:after {
  transform: scale(.5);
  opacity: 1;
  transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5
}

.ant-radio-disabled .ant-radio-inner:after {
  background-color: #0003
}

.ant-radio-disabled + span {
  color: #00000040
}

span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px
}

.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: var(--text-color);
  font-size: 16px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color .3s, background .3s, border-color .3s, box-shadow .3s
}

.ant-radio-button-wrapper a {
  color: #000000d9
}

.ant-radio-button-wrapper > .ant-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%
}

.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px
}

.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px
}

.ant-radio-button-wrapper:not(:first-child):before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: #d9d9d9;
  transition: background-color .3s;
  content: ""
}

.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px
}

.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0
}

.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px
}

.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1890ff
}

.ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type=radio], .ant-radio-button-wrapper input[type=checkbox] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before {
  background-color: #1890ff
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #1890ff
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #40a9ff;
  border-color: #40a9ff
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover:before {
  background-color: #40a9ff
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #096dd9;
  border-color: #096dd9
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active:before {
  background-color: #096dd9
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #40a9ff;
  border-color: #40a9ff
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9
}

.ant-radio-button-wrapper-disabled, .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover {
  color: #00000040;
  background-color: #f5f5f5;
  border-color: #d9d9d9
}

.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #00000040;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none
}

@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: .5
  }
  to {
    transform: scale(1.6);
    opacity: 0
  }
}

.ant-radio-group.ant-radio-group-rtl {
  direction: rtl
}

.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child):before {
  right: -1px;
  left: 0
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0
}

.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child {
  border-right-color: #40a9ff
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9
}

.ant-radio + span:empty {
  display: none
}

.ant-row, .ant-row:after, .ant-row:before {
  display: flex
}

.ant-row {
  flex-flow: row wrap;
  min-width: 0
}

.ant-col-1, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-2, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9 {
  display: block
}

.ant-row-no-wrap {
  flex-wrap: nowrap
}

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

.ant-row-center {
  justify-content: center
}

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

.ant-row-space-between {
  justify-content: space-between
}

.ant-row-space-around {
  justify-content: space-around
}

.ant-row-space-evenly {
  justify-content: space-evenly
}

.ant-row-top {
  align-items: flex-start
}

.ant-row-middle {
  align-items: center
}

.ant-row-bottom {
  align-items: flex-end
}

.ant-col {
  position: relative;
  max-width: 100%;
  min-height: 1px
}

.ant-col-24 {
  flex: 0 0 100%;
  max-width: 100%
}

.ant-col-push-24 {
  left: 100%
}

.ant-col-pull-24 {
  right: 100%
}

.ant-col-offset-24 {
  margin-left: 100%
}

.ant-col-order-24 {
  order: 24
}

.ant-col-23 {
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%
}

.ant-col-push-23 {
  left: 95.83333333%
}

.ant-col-pull-23 {
  right: 95.83333333%
}

.ant-col-offset-23 {
  margin-left: 95.83333333%
}

.ant-col-order-23 {
  order: 23
}

.ant-col-22 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%
}

.ant-col-push-22 {
  left: 91.66666667%
}

.ant-col-pull-22 {
  right: 91.66666667%
}

.ant-col-offset-22 {
  margin-left: 91.66666667%
}

.ant-col-order-22 {
  order: 22
}

.ant-col-21 {
  flex: 0 0 87.5%;
  max-width: 87.5%
}

.ant-col-push-21 {
  left: 87.5%
}

.ant-col-pull-21 {
  right: 87.5%
}

.ant-col-offset-21 {
  margin-left: 87.5%
}

.ant-col-order-21 {
  order: 21
}

.ant-col-20 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%
}

.ant-col-push-20 {
  left: 83.33333333%
}

.ant-col-pull-20 {
  right: 83.33333333%
}

.ant-col-offset-20 {
  margin-left: 83.33333333%
}

.ant-col-order-20 {
  order: 20
}

.ant-col-19 {
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%
}

.ant-col-push-19 {
  left: 79.16666667%
}

.ant-col-pull-19 {
  right: 79.16666667%
}

.ant-col-offset-19 {
  margin-left: 79.16666667%
}

.ant-col-order-19 {
  order: 19
}

.ant-col-18 {
  flex: 0 0 75%;
  max-width: 75%
}

.ant-col-push-18 {
  left: 75%
}

.ant-col-pull-18 {
  right: 75%
}

.ant-col-offset-18 {
  margin-left: 75%
}

.ant-col-order-18 {
  order: 18
}

.ant-col-17 {
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%
}

.ant-col-push-17 {
  left: 70.83333333%
}

.ant-col-pull-17 {
  right: 70.83333333%
}

.ant-col-offset-17 {
  margin-left: 70.83333333%
}

.ant-col-order-17 {
  order: 17
}

.ant-col-16 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%
}

.ant-col-push-16 {
  left: 66.66666667%
}

.ant-col-pull-16 {
  right: 66.66666667%
}

.ant-col-offset-16 {
  margin-left: 66.66666667%
}

.ant-col-order-16 {
  order: 16
}

.ant-col-15 {
  flex: 0 0 62.5%;
  max-width: 62.5%
}

.ant-col-push-15 {
  left: 62.5%
}

.ant-col-pull-15 {
  right: 62.5%
}

.ant-col-offset-15 {
  margin-left: 62.5%
}

.ant-col-order-15 {
  order: 15
}

.ant-col-14 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%
}

.ant-col-push-14 {
  left: 58.33333333%
}

.ant-col-pull-14 {
  right: 58.33333333%
}

.ant-col-offset-14 {
  margin-left: 58.33333333%
}

.ant-col-order-14 {
  order: 14
}

.ant-col-13 {
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%
}

.ant-col-push-13 {
  left: 54.16666667%
}

.ant-col-pull-13 {
  right: 54.16666667%
}

.ant-col-offset-13 {
  margin-left: 54.16666667%
}

.ant-col-order-13 {
  order: 13
}

.ant-col-12 {
  flex: 0 0 50%;
  max-width: 50%
}

.ant-col-push-12 {
  left: 50%
}

.ant-col-pull-12 {
  right: 50%
}

.ant-col-offset-12 {
  margin-left: 50%
}

.ant-col-order-12 {
  order: 12
}

.ant-col-11 {
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%
}

.ant-col-push-11 {
  left: 45.83333333%
}

.ant-col-pull-11 {
  right: 45.83333333%
}

.ant-col-offset-11 {
  margin-left: 45.83333333%
}

.ant-col-order-11 {
  order: 11
}

.ant-col-10 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%
}

.ant-col-push-10 {
  left: 41.66666667%
}

.ant-col-pull-10 {
  right: 41.66666667%
}

.ant-col-offset-10 {
  margin-left: 41.66666667%
}

.ant-col-order-10 {
  order: 10
}

.ant-col-9 {
  flex: 0 0 37.5%;
  max-width: 37.5%
}

.ant-col-push-9 {
  left: 37.5%
}

.ant-col-pull-9 {
  right: 37.5%
}

.ant-col-offset-9 {
  margin-left: 37.5%
}

.ant-col-order-9 {
  order: 9
}

.ant-col-8 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%
}

.ant-col-push-8 {
  left: 33.33333333%
}

.ant-col-pull-8 {
  right: 33.33333333%
}

.ant-col-offset-8 {
  margin-left: 33.33333333%
}

.ant-col-order-8 {
  order: 8
}

.ant-col-7 {
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%
}

.ant-col-push-7 {
  left: 29.16666667%
}

.ant-col-pull-7 {
  right: 29.16666667%
}

.ant-col-offset-7 {
  margin-left: 29.16666667%
}

.ant-col-order-7 {
  order: 7
}

.ant-col-6 {
  flex: 0 0 25%;
  max-width: 25%
}

.ant-col-push-6 {
  left: 25%
}

.ant-col-pull-6 {
  right: 25%
}

.ant-col-offset-6 {
  margin-left: 25%
}

.ant-col-order-6 {
  order: 6
}

.ant-col-5 {
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%
}

.ant-col-push-5 {
  left: 20.83333333%
}

.ant-col-pull-5 {
  right: 20.83333333%
}

.ant-col-offset-5 {
  margin-left: 20.83333333%
}

.ant-col-order-5 {
  order: 5
}

.ant-col-4 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%
}

.ant-col-push-4 {
  left: 16.66666667%
}

.ant-col-pull-4 {
  right: 16.66666667%
}

.ant-col-offset-4 {
  margin-left: 16.66666667%
}

.ant-col-order-4 {
  order: 4
}

.ant-col-3 {
  flex: 0 0 12.5%;
  max-width: 12.5%
}

.ant-col-push-3 {
  left: 12.5%
}

.ant-col-pull-3 {
  right: 12.5%
}

.ant-col-offset-3 {
  margin-left: 12.5%
}

.ant-col-order-3 {
  order: 3
}

.ant-col-2 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%
}

.ant-col-push-2 {
  left: 8.33333333%
}

.ant-col-pull-2 {
  right: 8.33333333%
}

.ant-col-offset-2 {
  margin-left: 8.33333333%
}

.ant-col-order-2 {
  order: 2
}

.ant-col-1 {
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%
}

.ant-col-push-1 {
  left: 4.16666667%
}

.ant-col-pull-1 {
  right: 4.16666667%
}

.ant-col-offset-1 {
  margin-left: 4.16666667%
}

.ant-col-order-1 {
  order: 1
}

.ant-col-0 {
  display: none
}

.ant-col-offset-0 {
  margin-left: 0
}

.ant-col-order-0 {
  order: 0
}

.ant-col-offset-0.ant-col-rtl {
  margin-right: 0
}

.ant-col-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto
}

.ant-col-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%
}

.ant-col-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0
}

.ant-col-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto
}

.ant-col-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%
}

.ant-col-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0
}

.ant-col-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto
}

.ant-col-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%
}

.ant-col-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0
}

.ant-col-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto
}

.ant-col-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%
}

.ant-col-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0
}

.ant-col-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto
}

.ant-col-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%
}

.ant-col-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0
}

.ant-col-push-6.ant-col-rtl {
  right: 25%;
  left: auto
}

.ant-col-pull-6.ant-col-rtl {
  right: auto;
  left: 25%
}

.ant-col-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0
}

.ant-col-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto
}

.ant-col-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%
}

.ant-col-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0
}

.ant-col-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto
}

.ant-col-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%
}

.ant-col-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0
}

.ant-col-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto
}

.ant-col-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%
}

.ant-col-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0
}

.ant-col-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto
}

.ant-col-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%
}

.ant-col-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0
}

.ant-col-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto
}

.ant-col-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%
}

.ant-col-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0
}

.ant-col-push-12.ant-col-rtl {
  right: 50%;
  left: auto
}

.ant-col-pull-12.ant-col-rtl {
  right: auto;
  left: 50%
}

.ant-col-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0
}

.ant-col-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto
}

.ant-col-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%
}

.ant-col-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0
}

.ant-col-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto
}

.ant-col-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%
}

.ant-col-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0
}

.ant-col-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto
}

.ant-col-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%
}

.ant-col-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0
}

.ant-col-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto
}

.ant-col-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%
}

.ant-col-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0
}

.ant-col-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto
}

.ant-col-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%
}

.ant-col-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0
}

.ant-col-push-18.ant-col-rtl {
  right: 75%;
  left: auto
}

.ant-col-pull-18.ant-col-rtl {
  right: auto;
  left: 75%
}

.ant-col-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0
}

.ant-col-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto
}

.ant-col-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%
}

.ant-col-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0
}

.ant-col-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto
}

.ant-col-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%
}

.ant-col-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0
}

.ant-col-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto
}

.ant-col-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%
}

.ant-col-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0
}

.ant-col-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto
}

.ant-col-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%
}

.ant-col-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0
}

.ant-col-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto
}

.ant-col-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%
}

.ant-col-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0
}

.ant-col-push-24.ant-col-rtl {
  right: 100%;
  left: auto
}

.ant-col-pull-24.ant-col-rtl {
  right: auto;
  left: 100%
}

.ant-col-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0
}

.ant-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%
}

.ant-col-xs-push-24 {
  left: 100%
}

.ant-col-xs-pull-24 {
  right: 100%
}

.ant-col-xs-offset-24 {
  margin-left: 100%
}

.ant-col-xs-order-24 {
  order: 24
}

.ant-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%
}

.ant-col-xs-push-23 {
  left: 95.83333333%
}

.ant-col-xs-pull-23 {
  right: 95.83333333%
}

.ant-col-xs-offset-23 {
  margin-left: 95.83333333%
}

.ant-col-xs-order-23 {
  order: 23
}

.ant-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%
}

.ant-col-xs-push-22 {
  left: 91.66666667%
}

.ant-col-xs-pull-22 {
  right: 91.66666667%
}

.ant-col-xs-offset-22 {
  margin-left: 91.66666667%
}

.ant-col-xs-order-22 {
  order: 22
}

.ant-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%
}

.ant-col-xs-push-21 {
  left: 87.5%
}

.ant-col-xs-pull-21 {
  right: 87.5%
}

.ant-col-xs-offset-21 {
  margin-left: 87.5%
}

.ant-col-xs-order-21 {
  order: 21
}

.ant-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%
}

.ant-col-xs-push-20 {
  left: 83.33333333%
}

.ant-col-xs-pull-20 {
  right: 83.33333333%
}

.ant-col-xs-offset-20 {
  margin-left: 83.33333333%
}

.ant-col-xs-order-20 {
  order: 20
}

.ant-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%
}

.ant-col-xs-push-19 {
  left: 79.16666667%
}

.ant-col-xs-pull-19 {
  right: 79.16666667%
}

.ant-col-xs-offset-19 {
  margin-left: 79.16666667%
}

.ant-col-xs-order-19 {
  order: 19
}

.ant-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%
}

.ant-col-xs-push-18 {
  left: 75%
}

.ant-col-xs-pull-18 {
  right: 75%
}

.ant-col-xs-offset-18 {
  margin-left: 75%
}

.ant-col-xs-order-18 {
  order: 18
}

.ant-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%
}

.ant-col-xs-push-17 {
  left: 70.83333333%
}

.ant-col-xs-pull-17 {
  right: 70.83333333%
}

.ant-col-xs-offset-17 {
  margin-left: 70.83333333%
}

.ant-col-xs-order-17 {
  order: 17
}

.ant-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%
}

.ant-col-xs-push-16 {
  left: 66.66666667%
}

.ant-col-xs-pull-16 {
  right: 66.66666667%
}

.ant-col-xs-offset-16 {
  margin-left: 66.66666667%
}

.ant-col-xs-order-16 {
  order: 16
}

.ant-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%
}

.ant-col-xs-push-15 {
  left: 62.5%
}

.ant-col-xs-pull-15 {
  right: 62.5%
}

.ant-col-xs-offset-15 {
  margin-left: 62.5%
}

.ant-col-xs-order-15 {
  order: 15
}

.ant-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%
}

.ant-col-xs-push-14 {
  left: 58.33333333%
}

.ant-col-xs-pull-14 {
  right: 58.33333333%
}

.ant-col-xs-offset-14 {
  margin-left: 58.33333333%
}

.ant-col-xs-order-14 {
  order: 14
}

.ant-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%
}

.ant-col-xs-push-13 {
  left: 54.16666667%
}

.ant-col-xs-pull-13 {
  right: 54.16666667%
}

.ant-col-xs-offset-13 {
  margin-left: 54.16666667%
}

.ant-col-xs-order-13 {
  order: 13
}

.ant-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%
}

.ant-col-xs-push-12 {
  left: 50%
}

.ant-col-xs-pull-12 {
  right: 50%
}

.ant-col-xs-offset-12 {
  margin-left: 50%
}

.ant-col-xs-order-12 {
  order: 12
}

.ant-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%
}

.ant-col-xs-push-11 {
  left: 45.83333333%
}

.ant-col-xs-pull-11 {
  right: 45.83333333%
}

.ant-col-xs-offset-11 {
  margin-left: 45.83333333%
}

.ant-col-xs-order-11 {
  order: 11
}

.ant-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%
}

.ant-col-xs-push-10 {
  left: 41.66666667%
}

.ant-col-xs-pull-10 {
  right: 41.66666667%
}

.ant-col-xs-offset-10 {
  margin-left: 41.66666667%
}

.ant-col-xs-order-10 {
  order: 10
}

.ant-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%
}

.ant-col-xs-push-9 {
  left: 37.5%
}

.ant-col-xs-pull-9 {
  right: 37.5%
}

.ant-col-xs-offset-9 {
  margin-left: 37.5%
}

.ant-col-xs-order-9 {
  order: 9
}

.ant-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%
}

.ant-col-xs-push-8 {
  left: 33.33333333%
}

.ant-col-xs-pull-8 {
  right: 33.33333333%
}

.ant-col-xs-offset-8 {
  margin-left: 33.33333333%
}

.ant-col-xs-order-8 {
  order: 8
}

.ant-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%
}

.ant-col-xs-push-7 {
  left: 29.16666667%
}

.ant-col-xs-pull-7 {
  right: 29.16666667%
}

.ant-col-xs-offset-7 {
  margin-left: 29.16666667%
}

.ant-col-xs-order-7 {
  order: 7
}

.ant-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%
}

.ant-col-xs-push-6 {
  left: 25%
}

.ant-col-xs-pull-6 {
  right: 25%
}

.ant-col-xs-offset-6 {
  margin-left: 25%
}

.ant-col-xs-order-6 {
  order: 6
}

.ant-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%
}

.ant-col-xs-push-5 {
  left: 20.83333333%
}

.ant-col-xs-pull-5 {
  right: 20.83333333%
}

.ant-col-xs-offset-5 {
  margin-left: 20.83333333%
}

.ant-col-xs-order-5 {
  order: 5
}

.ant-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%
}

.ant-col-xs-push-4 {
  left: 16.66666667%
}

.ant-col-xs-pull-4 {
  right: 16.66666667%
}

.ant-col-xs-offset-4 {
  margin-left: 16.66666667%
}

.ant-col-xs-order-4 {
  order: 4
}

.ant-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%
}

.ant-col-xs-push-3 {
  left: 12.5%
}

.ant-col-xs-pull-3 {
  right: 12.5%
}

.ant-col-xs-offset-3 {
  margin-left: 12.5%
}

.ant-col-xs-order-3 {
  order: 3
}

.ant-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%
}

.ant-col-xs-push-2 {
  left: 8.33333333%
}

.ant-col-xs-pull-2 {
  right: 8.33333333%
}

.ant-col-xs-offset-2 {
  margin-left: 8.33333333%
}

.ant-col-xs-order-2 {
  order: 2
}

.ant-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%
}

.ant-col-xs-push-1 {
  left: 4.16666667%
}

.ant-col-pull-0.ant-col-rtl, .ant-col-push-0, .ant-col-xs-pull-0.ant-col-rtl, .ant-col-xs-push-0, .ant-col-xs-push-1.ant-col-rtl {
  left: auto
}

.ant-col-xs-pull-1 {
  right: 4.16666667%
}

.ant-col-pull-0, .ant-col-push-0.ant-col-rtl, .ant-col-xs-pull-0, .ant-col-xs-push-0.ant-col-rtl {
  right: auto
}

.ant-col-xs-offset-1 {
  margin-left: 4.16666667%
}

.ant-col-xs-order-1 {
  order: 1
}

.ant-col-xs-0 {
  display: none
}

.ant-col-xs-offset-0 {
  margin-left: 0
}

.ant-col-xs-order-0 {
  order: 0
}

.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0
}

.ant-col-xs-push-1.ant-col-rtl {
  right: 4.16666667%
}

.ant-col-xs-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%
}

.ant-col-xs-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0
}

.ant-col-xs-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto
}

.ant-col-xs-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%
}

.ant-col-xs-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0
}

.ant-col-xs-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto
}

.ant-col-xs-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%
}

.ant-col-xs-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0
}

.ant-col-xs-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto
}

.ant-col-xs-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%
}

.ant-col-xs-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0
}

.ant-col-xs-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto
}

.ant-col-xs-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%
}

.ant-col-xs-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0
}

.ant-col-xs-push-6.ant-col-rtl {
  right: 25%;
  left: auto
}

.ant-col-xs-pull-6.ant-col-rtl {
  right: auto;
  left: 25%
}

.ant-col-xs-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0
}

.ant-col-xs-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto
}

.ant-col-xs-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%
}

.ant-col-xs-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0
}

.ant-col-xs-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto
}

.ant-col-xs-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%
}

.ant-col-xs-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0
}

.ant-col-xs-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto
}

.ant-col-xs-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%
}

.ant-col-xs-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0
}

.ant-col-xs-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto
}

.ant-col-xs-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%
}

.ant-col-xs-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0
}

.ant-col-xs-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto
}

.ant-col-xs-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%
}

.ant-col-xs-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0
}

.ant-col-xs-push-12.ant-col-rtl {
  right: 50%;
  left: auto
}

.ant-col-xs-pull-12.ant-col-rtl {
  right: auto;
  left: 50%
}

.ant-col-xs-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0
}

.ant-col-xs-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto
}

.ant-col-xs-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%
}

.ant-col-xs-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0
}

.ant-col-xs-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto
}

.ant-col-xs-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%
}

.ant-col-xs-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0
}

.ant-col-xs-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto
}

.ant-col-xs-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%
}

.ant-col-xs-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0
}

.ant-col-xs-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto
}

.ant-col-xs-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%
}

.ant-col-xs-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0
}

.ant-col-xs-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto
}

.ant-col-xs-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%
}

.ant-col-xs-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0
}

.ant-col-xs-push-18.ant-col-rtl {
  right: 75%;
  left: auto
}

.ant-col-xs-pull-18.ant-col-rtl {
  right: auto;
  left: 75%
}

.ant-col-xs-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0
}

.ant-col-xs-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto
}

.ant-col-xs-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%
}

.ant-col-xs-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0
}

.ant-col-xs-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto
}

.ant-col-xs-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%
}

.ant-col-xs-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0
}

.ant-col-xs-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto
}

.ant-col-xs-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%
}

.ant-col-xs-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0
}

.ant-col-xs-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto
}

.ant-col-xs-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%
}

.ant-col-xs-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0
}

.ant-col-xs-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto
}

.ant-col-xs-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%
}

.ant-col-xs-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0
}

.ant-col-xs-push-24.ant-col-rtl {
  right: 100%;
  left: auto
}

.ant-col-xs-pull-24.ant-col-rtl {
  right: auto;
  left: 100%
}

.ant-col-xs-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0
}

@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
  }

  .ant-col-sm-push-24 {
    left: 100%
  }

  .ant-col-sm-pull-24 {
    right: 100%
  }

  .ant-col-sm-offset-24 {
    margin-left: 100%
  }

  .ant-col-sm-order-24 {
    order: 24
  }

  .ant-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
  }

  .ant-col-sm-push-23 {
    left: 95.83333333%
  }

  .ant-col-sm-pull-23 {
    right: 95.83333333%
  }

  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%
  }

  .ant-col-sm-order-23 {
    order: 23
  }

  .ant-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
  }

  .ant-col-sm-push-22 {
    left: 91.66666667%
  }

  .ant-col-sm-pull-22 {
    right: 91.66666667%
  }

  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%
  }

  .ant-col-sm-order-22 {
    order: 22
  }

  .ant-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
  }

  .ant-col-sm-push-21 {
    left: 87.5%
  }

  .ant-col-sm-pull-21 {
    right: 87.5%
  }

  .ant-col-sm-offset-21 {
    margin-left: 87.5%
  }

  .ant-col-sm-order-21 {
    order: 21
  }

  .ant-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .ant-col-sm-push-20 {
    left: 83.33333333%
  }

  .ant-col-sm-pull-20 {
    right: 83.33333333%
  }

  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%
  }

  .ant-col-sm-order-20 {
    order: 20
  }

  .ant-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
  }

  .ant-col-sm-push-19 {
    left: 79.16666667%
  }

  .ant-col-sm-pull-19 {
    right: 79.16666667%
  }

  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%
  }

  .ant-col-sm-order-19 {
    order: 19
  }

  .ant-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
  }

  .ant-col-sm-push-18 {
    left: 75%
  }

  .ant-col-sm-pull-18 {
    right: 75%
  }

  .ant-col-sm-offset-18 {
    margin-left: 75%
  }

  .ant-col-sm-order-18 {
    order: 18
  }

  .ant-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
  }

  .ant-col-sm-push-17 {
    left: 70.83333333%
  }

  .ant-col-sm-pull-17 {
    right: 70.83333333%
  }

  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%
  }

  .ant-col-sm-order-17 {
    order: 17
  }

  .ant-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .ant-col-sm-push-16 {
    left: 66.66666667%
  }

  .ant-col-sm-pull-16 {
    right: 66.66666667%
  }

  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%
  }

  .ant-col-sm-order-16 {
    order: 16
  }

  .ant-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
  }

  .ant-col-sm-push-15 {
    left: 62.5%
  }

  .ant-col-sm-pull-15 {
    right: 62.5%
  }

  .ant-col-sm-offset-15 {
    margin-left: 62.5%
  }

  .ant-col-sm-order-15 {
    order: 15
  }

  .ant-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .ant-col-sm-push-14 {
    left: 58.33333333%
  }

  .ant-col-sm-pull-14 {
    right: 58.33333333%
  }

  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%
  }

  .ant-col-sm-order-14 {
    order: 14
  }

  .ant-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
  }

  .ant-col-sm-push-13 {
    left: 54.16666667%
  }

  .ant-col-sm-pull-13 {
    right: 54.16666667%
  }

  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%
  }

  .ant-col-sm-order-13 {
    order: 13
  }

  .ant-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
  }

  .ant-col-sm-push-12 {
    left: 50%
  }

  .ant-col-sm-pull-12 {
    right: 50%
  }

  .ant-col-sm-offset-12 {
    margin-left: 50%
  }

  .ant-col-sm-order-12 {
    order: 12
  }

  .ant-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
  }

  .ant-col-sm-push-11 {
    left: 45.83333333%
  }

  .ant-col-sm-pull-11 {
    right: 45.83333333%
  }

  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%
  }

  .ant-col-sm-order-11 {
    order: 11
  }

  .ant-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .ant-col-sm-push-10 {
    left: 41.66666667%
  }

  .ant-col-sm-pull-10 {
    right: 41.66666667%
  }

  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%
  }

  .ant-col-sm-order-10 {
    order: 10
  }

  .ant-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
  }

  .ant-col-sm-push-9 {
    left: 37.5%
  }

  .ant-col-sm-pull-9 {
    right: 37.5%
  }

  .ant-col-sm-offset-9 {
    margin-left: 37.5%
  }

  .ant-col-sm-order-9 {
    order: 9
  }

  .ant-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .ant-col-sm-push-8 {
    left: 33.33333333%
  }

  .ant-col-sm-pull-8 {
    right: 33.33333333%
  }

  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%
  }

  .ant-col-sm-order-8 {
    order: 8
  }

  .ant-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
  }

  .ant-col-sm-push-7 {
    left: 29.16666667%
  }

  .ant-col-sm-pull-7 {
    right: 29.16666667%
  }

  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%
  }

  .ant-col-sm-order-7 {
    order: 7
  }

  .ant-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
  }

  .ant-col-sm-push-6 {
    left: 25%
  }

  .ant-col-sm-pull-6 {
    right: 25%
  }

  .ant-col-sm-offset-6 {
    margin-left: 25%
  }

  .ant-col-sm-order-6 {
    order: 6
  }

  .ant-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
  }

  .ant-col-sm-push-5 {
    left: 20.83333333%
  }

  .ant-col-sm-pull-5 {
    right: 20.83333333%
  }

  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%
  }

  .ant-col-sm-order-5 {
    order: 5
  }

  .ant-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .ant-col-sm-push-4 {
    left: 16.66666667%
  }

  .ant-col-sm-pull-4 {
    right: 16.66666667%
  }

  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%
  }

  .ant-col-sm-order-4 {
    order: 4
  }

  .ant-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .ant-col-sm-push-3 {
    left: 12.5%
  }

  .ant-col-sm-pull-3 {
    right: 12.5%
  }

  .ant-col-sm-offset-3 {
    margin-left: 12.5%
  }

  .ant-col-sm-order-3 {
    order: 3
  }

  .ant-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
  }

  .ant-col-sm-push-2 {
    left: 8.33333333%
  }

  .ant-col-sm-pull-2 {
    right: 8.33333333%
  }

  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%
  }

  .ant-col-sm-order-2 {
    order: 2
  }

  .ant-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
  }

  .ant-col-sm-push-1 {
    left: 4.16666667%
  }

  .ant-col-pull-0.ant-col-rtl, .ant-col-push-0, .ant-col-sm-pull-0.ant-col-rtl, .ant-col-sm-push-0, .ant-col-sm-push-1.ant-col-rtl {
    left: auto
  }

  .ant-col-sm-pull-1 {
    right: 4.16666667%
  }

  .ant-col-pull-0, .ant-col-push-0.ant-col-rtl, .ant-col-sm-pull-0, .ant-col-sm-push-0.ant-col-rtl {
    right: auto
  }

  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%
  }

  .ant-col-sm-order-1 {
    order: 1
  }

  .ant-col-sm-0 {
    display: none
  }

  .ant-col-sm-offset-0 {
    margin-left: 0
  }

  .ant-col-sm-order-0 {
    order: 0
  }

  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0
  }

  .ant-col-sm-push-1.ant-col-rtl {
    right: 4.16666667%
  }

  .ant-col-sm-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%
  }

  .ant-col-sm-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
  }

  .ant-col-sm-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto
  }

  .ant-col-sm-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%
  }

  .ant-col-sm-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
  }

  .ant-col-sm-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto
  }

  .ant-col-sm-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%
  }

  .ant-col-sm-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
  }

  .ant-col-sm-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto
  }

  .ant-col-sm-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%
  }

  .ant-col-sm-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
  }

  .ant-col-sm-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto
  }

  .ant-col-sm-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%
  }

  .ant-col-sm-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
  }

  .ant-col-sm-push-6.ant-col-rtl {
    right: 25%;
    left: auto
  }

  .ant-col-sm-pull-6.ant-col-rtl {
    right: auto;
    left: 25%
  }

  .ant-col-sm-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0
  }

  .ant-col-sm-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto
  }

  .ant-col-sm-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%
  }

  .ant-col-sm-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
  }

  .ant-col-sm-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto
  }

  .ant-col-sm-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%
  }

  .ant-col-sm-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
  }

  .ant-col-sm-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto
  }

  .ant-col-sm-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%
  }

  .ant-col-sm-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
  }

  .ant-col-sm-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto
  }

  .ant-col-sm-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%
  }

  .ant-col-sm-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
  }

  .ant-col-sm-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto
  }

  .ant-col-sm-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%
  }

  .ant-col-sm-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
  }

  .ant-col-sm-push-12.ant-col-rtl {
    right: 50%;
    left: auto
  }

  .ant-col-sm-pull-12.ant-col-rtl {
    right: auto;
    left: 50%
  }

  .ant-col-sm-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0
  }

  .ant-col-sm-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto
  }

  .ant-col-sm-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%
  }

  .ant-col-sm-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
  }

  .ant-col-sm-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto
  }

  .ant-col-sm-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%
  }

  .ant-col-sm-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
  }

  .ant-col-sm-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto
  }

  .ant-col-sm-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%
  }

  .ant-col-sm-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
  }

  .ant-col-sm-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto
  }

  .ant-col-sm-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%
  }

  .ant-col-sm-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
  }

  .ant-col-sm-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto
  }

  .ant-col-sm-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%
  }

  .ant-col-sm-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
  }

  .ant-col-sm-push-18.ant-col-rtl {
    right: 75%;
    left: auto
  }

  .ant-col-sm-pull-18.ant-col-rtl {
    right: auto;
    left: 75%
  }

  .ant-col-sm-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0
  }

  .ant-col-sm-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto
  }

  .ant-col-sm-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%
  }

  .ant-col-sm-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
  }

  .ant-col-sm-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto
  }

  .ant-col-sm-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%
  }

  .ant-col-sm-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
  }

  .ant-col-sm-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto
  }

  .ant-col-sm-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%
  }

  .ant-col-sm-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
  }

  .ant-col-sm-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto
  }

  .ant-col-sm-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%
  }

  .ant-col-sm-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
  }

  .ant-col-sm-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto
  }

  .ant-col-sm-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%
  }

  .ant-col-sm-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
  }

  .ant-col-sm-push-24.ant-col-rtl {
    right: 100%;
    left: auto
  }

  .ant-col-sm-pull-24.ant-col-rtl {
    right: auto;
    left: 100%
  }

  .ant-col-sm-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0
  }
}

@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
  }

  .ant-col-md-push-24 {
    left: 100%
  }

  .ant-col-md-pull-24 {
    right: 100%
  }

  .ant-col-md-offset-24 {
    margin-left: 100%
  }

  .ant-col-md-order-24 {
    order: 24
  }

  .ant-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
  }

  .ant-col-md-push-23 {
    left: 95.83333333%
  }

  .ant-col-md-pull-23 {
    right: 95.83333333%
  }

  .ant-col-md-offset-23 {
    margin-left: 95.83333333%
  }

  .ant-col-md-order-23 {
    order: 23
  }

  .ant-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
  }

  .ant-col-md-push-22 {
    left: 91.66666667%
  }

  .ant-col-md-pull-22 {
    right: 91.66666667%
  }

  .ant-col-md-offset-22 {
    margin-left: 91.66666667%
  }

  .ant-col-md-order-22 {
    order: 22
  }

  .ant-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
  }

  .ant-col-md-push-21 {
    left: 87.5%
  }

  .ant-col-md-pull-21 {
    right: 87.5%
  }

  .ant-col-md-offset-21 {
    margin-left: 87.5%
  }

  .ant-col-md-order-21 {
    order: 21
  }

  .ant-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .ant-col-md-push-20 {
    left: 83.33333333%
  }

  .ant-col-md-pull-20 {
    right: 83.33333333%
  }

  .ant-col-md-offset-20 {
    margin-left: 83.33333333%
  }

  .ant-col-md-order-20 {
    order: 20
  }

  .ant-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
  }

  .ant-col-md-push-19 {
    left: 79.16666667%
  }

  .ant-col-md-pull-19 {
    right: 79.16666667%
  }

  .ant-col-md-offset-19 {
    margin-left: 79.16666667%
  }

  .ant-col-md-order-19 {
    order: 19
  }

  .ant-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
  }

  .ant-col-md-push-18 {
    left: 75%
  }

  .ant-col-md-pull-18 {
    right: 75%
  }

  .ant-col-md-offset-18 {
    margin-left: 75%
  }

  .ant-col-md-order-18 {
    order: 18
  }

  .ant-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
  }

  .ant-col-md-push-17 {
    left: 70.83333333%
  }

  .ant-col-md-pull-17 {
    right: 70.83333333%
  }

  .ant-col-md-offset-17 {
    margin-left: 70.83333333%
  }

  .ant-col-md-order-17 {
    order: 17
  }

  .ant-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .ant-col-md-push-16 {
    left: 66.66666667%
  }

  .ant-col-md-pull-16 {
    right: 66.66666667%
  }

  .ant-col-md-offset-16 {
    margin-left: 66.66666667%
  }

  .ant-col-md-order-16 {
    order: 16
  }

  .ant-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
  }

  .ant-col-md-push-15 {
    left: 62.5%
  }

  .ant-col-md-pull-15 {
    right: 62.5%
  }

  .ant-col-md-offset-15 {
    margin-left: 62.5%
  }

  .ant-col-md-order-15 {
    order: 15
  }

  .ant-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .ant-col-md-push-14 {
    left: 58.33333333%
  }

  .ant-col-md-pull-14 {
    right: 58.33333333%
  }

  .ant-col-md-offset-14 {
    margin-left: 58.33333333%
  }

  .ant-col-md-order-14 {
    order: 14
  }

  .ant-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
  }

  .ant-col-md-push-13 {
    left: 54.16666667%
  }

  .ant-col-md-pull-13 {
    right: 54.16666667%
  }

  .ant-col-md-offset-13 {
    margin-left: 54.16666667%
  }

  .ant-col-md-order-13 {
    order: 13
  }

  .ant-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
  }

  .ant-col-md-push-12 {
    left: 50%
  }

  .ant-col-md-pull-12 {
    right: 50%
  }

  .ant-col-md-offset-12 {
    margin-left: 50%
  }

  .ant-col-md-order-12 {
    order: 12
  }

  .ant-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
  }

  .ant-col-md-push-11 {
    left: 45.83333333%
  }

  .ant-col-md-pull-11 {
    right: 45.83333333%
  }

  .ant-col-md-offset-11 {
    margin-left: 45.83333333%
  }

  .ant-col-md-order-11 {
    order: 11
  }

  .ant-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .ant-col-md-push-10 {
    left: 41.66666667%
  }

  .ant-col-md-pull-10 {
    right: 41.66666667%
  }

  .ant-col-md-offset-10 {
    margin-left: 41.66666667%
  }

  .ant-col-md-order-10 {
    order: 10
  }

  .ant-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
  }

  .ant-col-md-push-9 {
    left: 37.5%
  }

  .ant-col-md-pull-9 {
    right: 37.5%
  }

  .ant-col-md-offset-9 {
    margin-left: 37.5%
  }

  .ant-col-md-order-9 {
    order: 9
  }

  .ant-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .ant-col-md-push-8 {
    left: 33.33333333%
  }

  .ant-col-md-pull-8 {
    right: 33.33333333%
  }

  .ant-col-md-offset-8 {
    margin-left: 33.33333333%
  }

  .ant-col-md-order-8 {
    order: 8
  }

  .ant-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
  }

  .ant-col-md-push-7 {
    left: 29.16666667%
  }

  .ant-col-md-pull-7 {
    right: 29.16666667%
  }

  .ant-col-md-offset-7 {
    margin-left: 29.16666667%
  }

  .ant-col-md-order-7 {
    order: 7
  }

  .ant-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
  }

  .ant-col-md-push-6 {
    left: 25%
  }

  .ant-col-md-pull-6 {
    right: 25%
  }

  .ant-col-md-offset-6 {
    margin-left: 25%
  }

  .ant-col-md-order-6 {
    order: 6
  }

  .ant-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
  }

  .ant-col-md-push-5 {
    left: 20.83333333%
  }

  .ant-col-md-pull-5 {
    right: 20.83333333%
  }

  .ant-col-md-offset-5 {
    margin-left: 20.83333333%
  }

  .ant-col-md-order-5 {
    order: 5
  }

  .ant-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .ant-col-md-push-4 {
    left: 16.66666667%
  }

  .ant-col-md-pull-4 {
    right: 16.66666667%
  }

  .ant-col-md-offset-4 {
    margin-left: 16.66666667%
  }

  .ant-col-md-order-4 {
    order: 4
  }

  .ant-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .ant-col-md-push-3 {
    left: 12.5%
  }

  .ant-col-md-pull-3 {
    right: 12.5%
  }

  .ant-col-md-offset-3 {
    margin-left: 12.5%
  }

  .ant-col-md-order-3 {
    order: 3
  }

  .ant-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
  }

  .ant-col-md-push-2 {
    left: 8.33333333%
  }

  .ant-col-md-pull-2 {
    right: 8.33333333%
  }

  .ant-col-md-offset-2 {
    margin-left: 8.33333333%
  }

  .ant-col-md-order-2 {
    order: 2
  }

  .ant-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
  }

  .ant-col-md-push-1 {
    left: 4.16666667%
  }

  .ant-col-md-pull-0.ant-col-rtl, .ant-col-md-push-0, .ant-col-md-push-1.ant-col-rtl, .ant-col-pull-0.ant-col-rtl, .ant-col-push-0 {
    left: auto
  }

  .ant-col-md-pull-1 {
    right: 4.16666667%
  }

  .ant-col-md-pull-0, .ant-col-md-push-0.ant-col-rtl, .ant-col-pull-0, .ant-col-push-0.ant-col-rtl {
    right: auto
  }

  .ant-col-md-offset-1 {
    margin-left: 4.16666667%
  }

  .ant-col-md-order-1 {
    order: 1
  }

  .ant-col-md-0 {
    display: none
  }

  .ant-col-md-offset-0 {
    margin-left: 0
  }

  .ant-col-md-order-0 {
    order: 0
  }

  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0
  }

  .ant-col-md-push-1.ant-col-rtl {
    right: 4.16666667%
  }

  .ant-col-md-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%
  }

  .ant-col-md-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
  }

  .ant-col-md-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto
  }

  .ant-col-md-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%
  }

  .ant-col-md-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
  }

  .ant-col-md-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto
  }

  .ant-col-md-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%
  }

  .ant-col-md-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
  }

  .ant-col-md-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto
  }

  .ant-col-md-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%
  }

  .ant-col-md-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
  }

  .ant-col-md-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto
  }

  .ant-col-md-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%
  }

  .ant-col-md-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
  }

  .ant-col-md-push-6.ant-col-rtl {
    right: 25%;
    left: auto
  }

  .ant-col-md-pull-6.ant-col-rtl {
    right: auto;
    left: 25%
  }

  .ant-col-md-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0
  }

  .ant-col-md-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto
  }

  .ant-col-md-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%
  }

  .ant-col-md-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
  }

  .ant-col-md-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto
  }

  .ant-col-md-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%
  }

  .ant-col-md-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
  }

  .ant-col-md-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto
  }

  .ant-col-md-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%
  }

  .ant-col-md-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
  }

  .ant-col-md-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto
  }

  .ant-col-md-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%
  }

  .ant-col-md-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
  }

  .ant-col-md-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto
  }

  .ant-col-md-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%
  }

  .ant-col-md-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
  }

  .ant-col-md-push-12.ant-col-rtl {
    right: 50%;
    left: auto
  }

  .ant-col-md-pull-12.ant-col-rtl {
    right: auto;
    left: 50%
  }

  .ant-col-md-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0
  }

  .ant-col-md-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto
  }

  .ant-col-md-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%
  }

  .ant-col-md-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
  }

  .ant-col-md-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto
  }

  .ant-col-md-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%
  }

  .ant-col-md-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
  }

  .ant-col-md-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto
  }

  .ant-col-md-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%
  }

  .ant-col-md-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
  }

  .ant-col-md-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto
  }

  .ant-col-md-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%
  }

  .ant-col-md-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
  }

  .ant-col-md-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto
  }

  .ant-col-md-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%
  }

  .ant-col-md-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
  }

  .ant-col-md-push-18.ant-col-rtl {
    right: 75%;
    left: auto
  }

  .ant-col-md-pull-18.ant-col-rtl {
    right: auto;
    left: 75%
  }

  .ant-col-md-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0
  }

  .ant-col-md-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto
  }

  .ant-col-md-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%
  }

  .ant-col-md-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
  }

  .ant-col-md-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto
  }

  .ant-col-md-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%
  }

  .ant-col-md-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
  }

  .ant-col-md-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto
  }

  .ant-col-md-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%
  }

  .ant-col-md-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
  }

  .ant-col-md-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto
  }

  .ant-col-md-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%
  }

  .ant-col-md-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
  }

  .ant-col-md-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto
  }

  .ant-col-md-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%
  }

  .ant-col-md-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
  }

  .ant-col-md-push-24.ant-col-rtl {
    right: 100%;
    left: auto
  }

  .ant-col-md-pull-24.ant-col-rtl {
    right: auto;
    left: 100%
  }

  .ant-col-md-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0
  }
}

@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
  }

  .ant-col-lg-push-24 {
    left: 100%
  }

  .ant-col-lg-pull-24 {
    right: 100%
  }

  .ant-col-lg-offset-24 {
    margin-left: 100%
  }

  .ant-col-lg-order-24 {
    order: 24
  }

  .ant-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
  }

  .ant-col-lg-push-23 {
    left: 95.83333333%
  }

  .ant-col-lg-pull-23 {
    right: 95.83333333%
  }

  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%
  }

  .ant-col-lg-order-23 {
    order: 23
  }

  .ant-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
  }

  .ant-col-lg-push-22 {
    left: 91.66666667%
  }

  .ant-col-lg-pull-22 {
    right: 91.66666667%
  }

  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%
  }

  .ant-col-lg-order-22 {
    order: 22
  }

  .ant-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
  }

  .ant-col-lg-push-21 {
    left: 87.5%
  }

  .ant-col-lg-pull-21 {
    right: 87.5%
  }

  .ant-col-lg-offset-21 {
    margin-left: 87.5%
  }

  .ant-col-lg-order-21 {
    order: 21
  }

  .ant-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .ant-col-lg-push-20 {
    left: 83.33333333%
  }

  .ant-col-lg-pull-20 {
    right: 83.33333333%
  }

  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%
  }

  .ant-col-lg-order-20 {
    order: 20
  }

  .ant-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
  }

  .ant-col-lg-push-19 {
    left: 79.16666667%
  }

  .ant-col-lg-pull-19 {
    right: 79.16666667%
  }

  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%
  }

  .ant-col-lg-order-19 {
    order: 19
  }

  .ant-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
  }

  .ant-col-lg-push-18 {
    left: 75%
  }

  .ant-col-lg-pull-18 {
    right: 75%
  }

  .ant-col-lg-offset-18 {
    margin-left: 75%
  }

  .ant-col-lg-order-18 {
    order: 18
  }

  .ant-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
  }

  .ant-col-lg-push-17 {
    left: 70.83333333%
  }

  .ant-col-lg-pull-17 {
    right: 70.83333333%
  }

  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%
  }

  .ant-col-lg-order-17 {
    order: 17
  }

  .ant-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .ant-col-lg-push-16 {
    left: 66.66666667%
  }

  .ant-col-lg-pull-16 {
    right: 66.66666667%
  }

  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%
  }

  .ant-col-lg-order-16 {
    order: 16
  }

  .ant-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
  }

  .ant-col-lg-push-15 {
    left: 62.5%
  }

  .ant-col-lg-pull-15 {
    right: 62.5%
  }

  .ant-col-lg-offset-15 {
    margin-left: 62.5%
  }

  .ant-col-lg-order-15 {
    order: 15
  }

  .ant-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .ant-col-lg-push-14 {
    left: 58.33333333%
  }

  .ant-col-lg-pull-14 {
    right: 58.33333333%
  }

  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%
  }

  .ant-col-lg-order-14 {
    order: 14
  }

  .ant-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
  }

  .ant-col-lg-push-13 {
    left: 54.16666667%
  }

  .ant-col-lg-pull-13 {
    right: 54.16666667%
  }

  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%
  }

  .ant-col-lg-order-13 {
    order: 13
  }

  .ant-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
  }

  .ant-col-lg-push-12 {
    left: 50%
  }

  .ant-col-lg-pull-12 {
    right: 50%
  }

  .ant-col-lg-offset-12 {
    margin-left: 50%
  }

  .ant-col-lg-order-12 {
    order: 12
  }

  .ant-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
  }

  .ant-col-lg-push-11 {
    left: 45.83333333%
  }

  .ant-col-lg-pull-11 {
    right: 45.83333333%
  }

  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%
  }

  .ant-col-lg-order-11 {
    order: 11
  }

  .ant-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .ant-col-lg-push-10 {
    left: 41.66666667%
  }

  .ant-col-lg-pull-10 {
    right: 41.66666667%
  }

  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%
  }

  .ant-col-lg-order-10 {
    order: 10
  }

  .ant-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
  }

  .ant-col-lg-push-9 {
    left: 37.5%
  }

  .ant-col-lg-pull-9 {
    right: 37.5%
  }

  .ant-col-lg-offset-9 {
    margin-left: 37.5%
  }

  .ant-col-lg-order-9 {
    order: 9
  }

  .ant-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .ant-col-lg-push-8 {
    left: 33.33333333%
  }

  .ant-col-lg-pull-8 {
    right: 33.33333333%
  }

  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%
  }

  .ant-col-lg-order-8 {
    order: 8
  }

  .ant-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
  }

  .ant-col-lg-push-7 {
    left: 29.16666667%
  }

  .ant-col-lg-pull-7 {
    right: 29.16666667%
  }

  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%
  }

  .ant-col-lg-order-7 {
    order: 7
  }

  .ant-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
  }

  .ant-col-lg-push-6 {
    left: 25%
  }

  .ant-col-lg-pull-6 {
    right: 25%
  }

  .ant-col-lg-offset-6 {
    margin-left: 25%
  }

  .ant-col-lg-order-6 {
    order: 6
  }

  .ant-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
  }

  .ant-col-lg-push-5 {
    left: 20.83333333%
  }

  .ant-col-lg-pull-5 {
    right: 20.83333333%
  }

  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%
  }

  .ant-col-lg-order-5 {
    order: 5
  }

  .ant-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .ant-col-lg-push-4 {
    left: 16.66666667%
  }

  .ant-col-lg-pull-4 {
    right: 16.66666667%
  }

  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%
  }

  .ant-col-lg-order-4 {
    order: 4
  }

  .ant-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .ant-col-lg-push-3 {
    left: 12.5%
  }

  .ant-col-lg-pull-3 {
    right: 12.5%
  }

  .ant-col-lg-offset-3 {
    margin-left: 12.5%
  }

  .ant-col-lg-order-3 {
    order: 3
  }

  .ant-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
  }

  .ant-col-lg-push-2 {
    left: 8.33333333%
  }

  .ant-col-lg-pull-2 {
    right: 8.33333333%
  }

  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%
  }

  .ant-col-lg-order-2 {
    order: 2
  }

  .ant-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
  }

  .ant-col-lg-push-1 {
    left: 4.16666667%
  }

  .ant-col-lg-pull-0.ant-col-rtl, .ant-col-lg-push-0, .ant-col-lg-push-1.ant-col-rtl, .ant-col-pull-0.ant-col-rtl, .ant-col-push-0 {
    left: auto
  }

  .ant-col-lg-pull-1 {
    right: 4.16666667%
  }

  .ant-col-lg-pull-0, .ant-col-lg-push-0.ant-col-rtl, .ant-col-pull-0, .ant-col-push-0.ant-col-rtl {
    right: auto
  }

  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%
  }

  .ant-col-lg-order-1 {
    order: 1
  }

  .ant-col-lg-0 {
    display: none
  }

  .ant-col-lg-offset-0 {
    margin-left: 0
  }

  .ant-col-lg-order-0 {
    order: 0
  }

  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0
  }

  .ant-col-lg-push-1.ant-col-rtl {
    right: 4.16666667%
  }

  .ant-col-lg-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%
  }

  .ant-col-lg-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
  }

  .ant-col-lg-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto
  }

  .ant-col-lg-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%
  }

  .ant-col-lg-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
  }

  .ant-col-lg-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto
  }

  .ant-col-lg-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%
  }

  .ant-col-lg-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
  }

  .ant-col-lg-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto
  }

  .ant-col-lg-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%
  }

  .ant-col-lg-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
  }

  .ant-col-lg-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto
  }

  .ant-col-lg-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%
  }

  .ant-col-lg-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
  }

  .ant-col-lg-push-6.ant-col-rtl {
    right: 25%;
    left: auto
  }

  .ant-col-lg-pull-6.ant-col-rtl {
    right: auto;
    left: 25%
  }

  .ant-col-lg-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0
  }

  .ant-col-lg-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto
  }

  .ant-col-lg-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%
  }

  .ant-col-lg-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
  }

  .ant-col-lg-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto
  }

  .ant-col-lg-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%
  }

  .ant-col-lg-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
  }

  .ant-col-lg-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto
  }

  .ant-col-lg-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%
  }

  .ant-col-lg-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
  }

  .ant-col-lg-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto
  }

  .ant-col-lg-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%
  }

  .ant-col-lg-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
  }

  .ant-col-lg-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto
  }

  .ant-col-lg-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%
  }

  .ant-col-lg-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
  }

  .ant-col-lg-push-12.ant-col-rtl {
    right: 50%;
    left: auto
  }

  .ant-col-lg-pull-12.ant-col-rtl {
    right: auto;
    left: 50%
  }

  .ant-col-lg-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0
  }

  .ant-col-lg-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto
  }

  .ant-col-lg-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%
  }

  .ant-col-lg-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
  }

  .ant-col-lg-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto
  }

  .ant-col-lg-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%
  }

  .ant-col-lg-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
  }

  .ant-col-lg-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto
  }

  .ant-col-lg-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%
  }

  .ant-col-lg-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
  }

  .ant-col-lg-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto
  }

  .ant-col-lg-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%
  }

  .ant-col-lg-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
  }

  .ant-col-lg-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto
  }

  .ant-col-lg-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%
  }

  .ant-col-lg-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
  }

  .ant-col-lg-push-18.ant-col-rtl {
    right: 75%;
    left: auto
  }

  .ant-col-lg-pull-18.ant-col-rtl {
    right: auto;
    left: 75%
  }

  .ant-col-lg-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0
  }

  .ant-col-lg-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto
  }

  .ant-col-lg-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%
  }

  .ant-col-lg-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
  }

  .ant-col-lg-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto
  }

  .ant-col-lg-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%
  }

  .ant-col-lg-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
  }

  .ant-col-lg-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto
  }

  .ant-col-lg-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%
  }

  .ant-col-lg-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
  }

  .ant-col-lg-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto
  }

  .ant-col-lg-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%
  }

  .ant-col-lg-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
  }

  .ant-col-lg-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto
  }

  .ant-col-lg-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%
  }

  .ant-col-lg-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
  }

  .ant-col-lg-push-24.ant-col-rtl {
    right: 100%;
    left: auto
  }

  .ant-col-lg-pull-24.ant-col-rtl {
    right: auto;
    left: 100%
  }

  .ant-col-lg-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0
  }
}

@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
  }

  .ant-col-xl-push-24 {
    left: 100%
  }

  .ant-col-xl-pull-24 {
    right: 100%
  }

  .ant-col-xl-offset-24 {
    margin-left: 100%
  }

  .ant-col-xl-order-24 {
    order: 24
  }

  .ant-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
  }

  .ant-col-xl-push-23 {
    left: 95.83333333%
  }

  .ant-col-xl-pull-23 {
    right: 95.83333333%
  }

  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%
  }

  .ant-col-xl-order-23 {
    order: 23
  }

  .ant-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
  }

  .ant-col-xl-push-22 {
    left: 91.66666667%
  }

  .ant-col-xl-pull-22 {
    right: 91.66666667%
  }

  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%
  }

  .ant-col-xl-order-22 {
    order: 22
  }

  .ant-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
  }

  .ant-col-xl-push-21 {
    left: 87.5%
  }

  .ant-col-xl-pull-21 {
    right: 87.5%
  }

  .ant-col-xl-offset-21 {
    margin-left: 87.5%
  }

  .ant-col-xl-order-21 {
    order: 21
  }

  .ant-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .ant-col-xl-push-20 {
    left: 83.33333333%
  }

  .ant-col-xl-pull-20 {
    right: 83.33333333%
  }

  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%
  }

  .ant-col-xl-order-20 {
    order: 20
  }

  .ant-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
  }

  .ant-col-xl-push-19 {
    left: 79.16666667%
  }

  .ant-col-xl-pull-19 {
    right: 79.16666667%
  }

  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%
  }

  .ant-col-xl-order-19 {
    order: 19
  }

  .ant-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
  }

  .ant-col-xl-push-18 {
    left: 75%
  }

  .ant-col-xl-pull-18 {
    right: 75%
  }

  .ant-col-xl-offset-18 {
    margin-left: 75%
  }

  .ant-col-xl-order-18 {
    order: 18
  }

  .ant-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
  }

  .ant-col-xl-push-17 {
    left: 70.83333333%
  }

  .ant-col-xl-pull-17 {
    right: 70.83333333%
  }

  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%
  }

  .ant-col-xl-order-17 {
    order: 17
  }

  .ant-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .ant-col-xl-push-16 {
    left: 66.66666667%
  }

  .ant-col-xl-pull-16 {
    right: 66.66666667%
  }

  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%
  }

  .ant-col-xl-order-16 {
    order: 16
  }

  .ant-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
  }

  .ant-col-xl-push-15 {
    left: 62.5%
  }

  .ant-col-xl-pull-15 {
    right: 62.5%
  }

  .ant-col-xl-offset-15 {
    margin-left: 62.5%
  }

  .ant-col-xl-order-15 {
    order: 15
  }

  .ant-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .ant-col-xl-push-14 {
    left: 58.33333333%
  }

  .ant-col-xl-pull-14 {
    right: 58.33333333%
  }

  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%
  }

  .ant-col-xl-order-14 {
    order: 14
  }

  .ant-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
  }

  .ant-col-xl-push-13 {
    left: 54.16666667%
  }

  .ant-col-xl-pull-13 {
    right: 54.16666667%
  }

  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%
  }

  .ant-col-xl-order-13 {
    order: 13
  }

  .ant-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
  }

  .ant-col-xl-push-12 {
    left: 50%
  }

  .ant-col-xl-pull-12 {
    right: 50%
  }

  .ant-col-xl-offset-12 {
    margin-left: 50%
  }

  .ant-col-xl-order-12 {
    order: 12
  }

  .ant-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
  }

  .ant-col-xl-push-11 {
    left: 45.83333333%
  }

  .ant-col-xl-pull-11 {
    right: 45.83333333%
  }

  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%
  }

  .ant-col-xl-order-11 {
    order: 11
  }

  .ant-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .ant-col-xl-push-10 {
    left: 41.66666667%
  }

  .ant-col-xl-pull-10 {
    right: 41.66666667%
  }

  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%
  }

  .ant-col-xl-order-10 {
    order: 10
  }

  .ant-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
  }

  .ant-col-xl-push-9 {
    left: 37.5%
  }

  .ant-col-xl-pull-9 {
    right: 37.5%
  }

  .ant-col-xl-offset-9 {
    margin-left: 37.5%
  }

  .ant-col-xl-order-9 {
    order: 9
  }

  .ant-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .ant-col-xl-push-8 {
    left: 33.33333333%
  }

  .ant-col-xl-pull-8 {
    right: 33.33333333%
  }

  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%
  }

  .ant-col-xl-order-8 {
    order: 8
  }

  .ant-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
  }

  .ant-col-xl-push-7 {
    left: 29.16666667%
  }

  .ant-col-xl-pull-7 {
    right: 29.16666667%
  }

  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%
  }

  .ant-col-xl-order-7 {
    order: 7
  }

  .ant-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
  }

  .ant-col-xl-push-6 {
    left: 25%
  }

  .ant-col-xl-pull-6 {
    right: 25%
  }

  .ant-col-xl-offset-6 {
    margin-left: 25%
  }

  .ant-col-xl-order-6 {
    order: 6
  }

  .ant-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
  }

  .ant-col-xl-push-5 {
    left: 20.83333333%
  }

  .ant-col-xl-pull-5 {
    right: 20.83333333%
  }

  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%
  }

  .ant-col-xl-order-5 {
    order: 5
  }

  .ant-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .ant-col-xl-push-4 {
    left: 16.66666667%
  }

  .ant-col-xl-pull-4 {
    right: 16.66666667%
  }

  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%
  }

  .ant-col-xl-order-4 {
    order: 4
  }

  .ant-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .ant-col-xl-push-3 {
    left: 12.5%
  }

  .ant-col-xl-pull-3 {
    right: 12.5%
  }

  .ant-col-xl-offset-3 {
    margin-left: 12.5%
  }

  .ant-col-xl-order-3 {
    order: 3
  }

  .ant-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
  }

  .ant-col-xl-push-2 {
    left: 8.33333333%
  }

  .ant-col-xl-pull-2 {
    right: 8.33333333%
  }

  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%
  }

  .ant-col-xl-order-2 {
    order: 2
  }

  .ant-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
  }

  .ant-col-xl-push-1 {
    left: 4.16666667%
  }

  .ant-col-pull-0.ant-col-rtl, .ant-col-push-0, .ant-col-xl-pull-0.ant-col-rtl, .ant-col-xl-push-0, .ant-col-xl-push-1.ant-col-rtl {
    left: auto
  }

  .ant-col-xl-pull-1 {
    right: 4.16666667%
  }

  .ant-col-pull-0, .ant-col-push-0.ant-col-rtl, .ant-col-xl-pull-0, .ant-col-xl-push-0.ant-col-rtl {
    right: auto
  }

  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%
  }

  .ant-col-xl-order-1 {
    order: 1
  }

  .ant-col-xl-0 {
    display: none
  }

  .ant-col-xl-offset-0 {
    margin-left: 0
  }

  .ant-col-xl-order-0 {
    order: 0
  }

  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0
  }

  .ant-col-xl-push-1.ant-col-rtl {
    right: 4.16666667%
  }

  .ant-col-xl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%
  }

  .ant-col-xl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
  }

  .ant-col-xl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto
  }

  .ant-col-xl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%
  }

  .ant-col-xl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
  }

  .ant-col-xl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto
  }

  .ant-col-xl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%
  }

  .ant-col-xl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
  }

  .ant-col-xl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto
  }

  .ant-col-xl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%
  }

  .ant-col-xl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
  }

  .ant-col-xl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto
  }

  .ant-col-xl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%
  }

  .ant-col-xl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
  }

  .ant-col-xl-push-6.ant-col-rtl {
    right: 25%;
    left: auto
  }

  .ant-col-xl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%
  }

  .ant-col-xl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0
  }

  .ant-col-xl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto
  }

  .ant-col-xl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%
  }

  .ant-col-xl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
  }

  .ant-col-xl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto
  }

  .ant-col-xl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%
  }

  .ant-col-xl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
  }

  .ant-col-xl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto
  }

  .ant-col-xl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%
  }

  .ant-col-xl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
  }

  .ant-col-xl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto
  }

  .ant-col-xl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%
  }

  .ant-col-xl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
  }

  .ant-col-xl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto
  }

  .ant-col-xl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%
  }

  .ant-col-xl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
  }

  .ant-col-xl-push-12.ant-col-rtl {
    right: 50%;
    left: auto
  }

  .ant-col-xl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%
  }

  .ant-col-xl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0
  }

  .ant-col-xl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto
  }

  .ant-col-xl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%
  }

  .ant-col-xl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
  }

  .ant-col-xl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto
  }

  .ant-col-xl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%
  }

  .ant-col-xl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
  }

  .ant-col-xl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto
  }

  .ant-col-xl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%
  }

  .ant-col-xl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
  }

  .ant-col-xl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto
  }

  .ant-col-xl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%
  }

  .ant-col-xl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
  }

  .ant-col-xl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto
  }

  .ant-col-xl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%
  }

  .ant-col-xl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
  }

  .ant-col-xl-push-18.ant-col-rtl {
    right: 75%;
    left: auto
  }

  .ant-col-xl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%
  }

  .ant-col-xl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0
  }

  .ant-col-xl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto
  }

  .ant-col-xl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%
  }

  .ant-col-xl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
  }

  .ant-col-xl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto
  }

  .ant-col-xl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%
  }

  .ant-col-xl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
  }

  .ant-col-xl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto
  }

  .ant-col-xl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%
  }

  .ant-col-xl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
  }

  .ant-col-xl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto
  }

  .ant-col-xl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%
  }

  .ant-col-xl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
  }

  .ant-col-xl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto
  }

  .ant-col-xl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%
  }

  .ant-col-xl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
  }

  .ant-col-xl-push-24.ant-col-rtl {
    right: 100%;
    left: auto
  }

  .ant-col-xl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%
  }

  .ant-col-xl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0
  }
}

@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
  }

  .ant-col-xxl-push-24 {
    left: 100%
  }

  .ant-col-xxl-pull-24 {
    right: 100%
  }

  .ant-col-xxl-offset-24 {
    margin-left: 100%
  }

  .ant-col-xxl-order-24 {
    order: 24
  }

  .ant-col-xxl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
  }

  .ant-col-xxl-push-23 {
    left: 95.83333333%
  }

  .ant-col-xxl-pull-23 {
    right: 95.83333333%
  }

  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%
  }

  .ant-col-xxl-order-23 {
    order: 23
  }

  .ant-col-xxl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
  }

  .ant-col-xxl-push-22 {
    left: 91.66666667%
  }

  .ant-col-xxl-pull-22 {
    right: 91.66666667%
  }

  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%
  }

  .ant-col-xxl-order-22 {
    order: 22
  }

  .ant-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
  }

  .ant-col-xxl-push-21 {
    left: 87.5%
  }

  .ant-col-xxl-pull-21 {
    right: 87.5%
  }

  .ant-col-xxl-offset-21 {
    margin-left: 87.5%
  }

  .ant-col-xxl-order-21 {
    order: 21
  }

  .ant-col-xxl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
  }

  .ant-col-xxl-push-20 {
    left: 83.33333333%
  }

  .ant-col-xxl-pull-20 {
    right: 83.33333333%
  }

  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%
  }

  .ant-col-xxl-order-20 {
    order: 20
  }

  .ant-col-xxl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
  }

  .ant-col-xxl-push-19 {
    left: 79.16666667%
  }

  .ant-col-xxl-pull-19 {
    right: 79.16666667%
  }

  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%
  }

  .ant-col-xxl-order-19 {
    order: 19
  }

  .ant-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
  }

  .ant-col-xxl-push-18 {
    left: 75%
  }

  .ant-col-xxl-pull-18 {
    right: 75%
  }

  .ant-col-xxl-offset-18 {
    margin-left: 75%
  }

  .ant-col-xxl-order-18 {
    order: 18
  }

  .ant-col-xxl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
  }

  .ant-col-xxl-push-17 {
    left: 70.83333333%
  }

  .ant-col-xxl-pull-17 {
    right: 70.83333333%
  }

  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%
  }

  .ant-col-xxl-order-17 {
    order: 17
  }

  .ant-col-xxl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
  }

  .ant-col-xxl-push-16 {
    left: 66.66666667%
  }

  .ant-col-xxl-pull-16 {
    right: 66.66666667%
  }

  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%
  }

  .ant-col-xxl-order-16 {
    order: 16
  }

  .ant-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
  }

  .ant-col-xxl-push-15 {
    left: 62.5%
  }

  .ant-col-xxl-pull-15 {
    right: 62.5%
  }

  .ant-col-xxl-offset-15 {
    margin-left: 62.5%
  }

  .ant-col-xxl-order-15 {
    order: 15
  }

  .ant-col-xxl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
  }

  .ant-col-xxl-push-14 {
    left: 58.33333333%
  }

  .ant-col-xxl-pull-14 {
    right: 58.33333333%
  }

  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%
  }

  .ant-col-xxl-order-14 {
    order: 14
  }

  .ant-col-xxl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
  }

  .ant-col-xxl-push-13 {
    left: 54.16666667%
  }

  .ant-col-xxl-pull-13 {
    right: 54.16666667%
  }

  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%
  }

  .ant-col-xxl-order-13 {
    order: 13
  }

  .ant-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
  }

  .ant-col-xxl-push-12 {
    left: 50%
  }

  .ant-col-xxl-pull-12 {
    right: 50%
  }

  .ant-col-xxl-offset-12 {
    margin-left: 50%
  }

  .ant-col-xxl-order-12 {
    order: 12
  }

  .ant-col-xxl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
  }

  .ant-col-xxl-push-11 {
    left: 45.83333333%
  }

  .ant-col-xxl-pull-11 {
    right: 45.83333333%
  }

  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%
  }

  .ant-col-xxl-order-11 {
    order: 11
  }

  .ant-col-xxl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
  }

  .ant-col-xxl-push-10 {
    left: 41.66666667%
  }

  .ant-col-xxl-pull-10 {
    right: 41.66666667%
  }

  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%
  }

  .ant-col-xxl-order-10 {
    order: 10
  }

  .ant-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
  }

  .ant-col-xxl-push-9 {
    left: 37.5%
  }

  .ant-col-xxl-pull-9 {
    right: 37.5%
  }

  .ant-col-xxl-offset-9 {
    margin-left: 37.5%
  }

  .ant-col-xxl-order-9 {
    order: 9
  }

  .ant-col-xxl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
  }

  .ant-col-xxl-push-8 {
    left: 33.33333333%
  }

  .ant-col-xxl-pull-8 {
    right: 33.33333333%
  }

  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%
  }

  .ant-col-xxl-order-8 {
    order: 8
  }

  .ant-col-xxl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
  }

  .ant-col-xxl-push-7 {
    left: 29.16666667%
  }

  .ant-col-xxl-pull-7 {
    right: 29.16666667%
  }

  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%
  }

  .ant-col-xxl-order-7 {
    order: 7
  }

  .ant-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
  }

  .ant-col-xxl-push-6 {
    left: 25%
  }

  .ant-col-xxl-pull-6 {
    right: 25%
  }

  .ant-col-xxl-offset-6 {
    margin-left: 25%
  }

  .ant-col-xxl-order-6 {
    order: 6
  }

  .ant-col-xxl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
  }

  .ant-col-xxl-push-5 {
    left: 20.83333333%
  }

  .ant-col-xxl-pull-5 {
    right: 20.83333333%
  }

  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%
  }

  .ant-col-xxl-order-5 {
    order: 5
  }

  .ant-col-xxl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
  }

  .ant-col-xxl-push-4 {
    left: 16.66666667%
  }

  .ant-col-xxl-pull-4 {
    right: 16.66666667%
  }

  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%
  }

  .ant-col-xxl-order-4 {
    order: 4
  }

  .ant-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .ant-col-xxl-push-3 {
    left: 12.5%
  }

  .ant-col-xxl-pull-3 {
    right: 12.5%
  }

  .ant-col-xxl-offset-3 {
    margin-left: 12.5%
  }

  .ant-col-xxl-order-3 {
    order: 3
  }

  .ant-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
  }

  .ant-col-xxl-push-2 {
    left: 8.33333333%
  }

  .ant-col-xxl-pull-2 {
    right: 8.33333333%
  }

  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%
  }

  .ant-col-xxl-order-2 {
    order: 2
  }

  .ant-col-xxl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
  }

  .ant-col-xxl-push-1 {
    left: 4.16666667%
  }

  .ant-col-pull-0.ant-col-rtl, .ant-col-push-0, .ant-col-xxl-pull-0.ant-col-rtl, .ant-col-xxl-push-0, .ant-col-xxl-push-1.ant-col-rtl {
    left: auto
  }

  .ant-col-xxl-pull-1 {
    right: 4.16666667%
  }

  .ant-col-pull-0, .ant-col-push-0.ant-col-rtl, .ant-col-xxl-pull-0, .ant-col-xxl-push-0.ant-col-rtl {
    right: auto
  }

  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%
  }

  .ant-col-xxl-order-1 {
    order: 1
  }

  .ant-col-xxl-0 {
    display: none
  }

  .ant-col-xxl-offset-0 {
    margin-left: 0
  }

  .ant-col-xxl-order-0 {
    order: 0
  }

  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0
  }

  .ant-col-xxl-push-1.ant-col-rtl {
    right: 4.16666667%
  }

  .ant-col-xxl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%
  }

  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
  }

  .ant-col-xxl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto
  }

  .ant-col-xxl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%
  }

  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
  }

  .ant-col-xxl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto
  }

  .ant-col-xxl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%
  }

  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
  }

  .ant-col-xxl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto
  }

  .ant-col-xxl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%
  }

  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
  }

  .ant-col-xxl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto
  }

  .ant-col-xxl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%
  }

  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
  }

  .ant-col-xxl-push-6.ant-col-rtl {
    right: 25%;
    left: auto
  }

  .ant-col-xxl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%
  }

  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0
  }

  .ant-col-xxl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto
  }

  .ant-col-xxl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%
  }

  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
  }

  .ant-col-xxl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto
  }

  .ant-col-xxl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%
  }

  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
  }

  .ant-col-xxl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto
  }

  .ant-col-xxl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%
  }

  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
  }

  .ant-col-xxl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto
  }

  .ant-col-xxl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%
  }

  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
  }

  .ant-col-xxl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto
  }

  .ant-col-xxl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%
  }

  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
  }

  .ant-col-xxl-push-12.ant-col-rtl {
    right: 50%;
    left: auto
  }

  .ant-col-xxl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%
  }

  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0
  }

  .ant-col-xxl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto
  }

  .ant-col-xxl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%
  }

  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
  }

  .ant-col-xxl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto
  }

  .ant-col-xxl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%
  }

  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
  }

  .ant-col-xxl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto
  }

  .ant-col-xxl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%
  }

  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
  }

  .ant-col-xxl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto
  }

  .ant-col-xxl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%
  }

  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
  }

  .ant-col-xxl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto
  }

  .ant-col-xxl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%
  }

  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
  }

  .ant-col-xxl-push-18.ant-col-rtl {
    right: 75%;
    left: auto
  }

  .ant-col-xxl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%
  }

  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0
  }

  .ant-col-xxl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto
  }

  .ant-col-xxl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%
  }

  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
  }

  .ant-col-xxl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto
  }

  .ant-col-xxl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%
  }

  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
  }

  .ant-col-xxl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto
  }

  .ant-col-xxl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%
  }

  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
  }

  .ant-col-xxl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto
  }

  .ant-col-xxl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%
  }

  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
  }

  .ant-col-xxl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto
  }

  .ant-col-xxl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%
  }

  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
  }

  .ant-col-xxl-push-24.ant-col-rtl {
    right: 100%;
    left: auto
  }

  .ant-col-xxl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%
  }

  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0
  }
}

.ant-row-rtl {
  direction: rtl
}

.ant-popover-arrow-content, .ant-popover-arrow-content:before, .ant-popover:after {
  content: ""
}

.ant-popover {
  box-sizing: border-box;
  margin: 1rem 1rem;
  padding: 0;
  color: var(--text-color);
  background-color: var(--background-color);
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  top: 0;
  left: 0;
  z-index: 1030;
  max-width: 70vw;
  font-weight: 450;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
  user-select: text
}

.ant-popover-content {
  position: relative
}

.ant-popover:after {
  position: absolute;
  background: #ffffff03
}

.ant-popover-hidden {
  display: none
}

.ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight {
  padding-bottom: 15.31px
}

.ant-popover-placement-right, .ant-popover-placement-rightBottom, .ant-popover-placement-rightTop {
  padding-left: 15.31px
}

.ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight {
  padding-top: 15.31px
}

.ant-popover-placement-left, .ant-popover-placement-leftBottom, .ant-popover-placement-leftTop {
  padding-right: 15.31px
}

.ant-popover-inner {
  background-color: var(--background-color);
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .ant-popover-inner {
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d
  }
}

.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: var(--text-color);
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0
}

.ant-popover-inner-content {
  width: max-content;
  max-width: 100%;
  padding: 12px 16px;
  color: var(--text-color);
}

.ant-popover-message {
  display: flex;
  padding: 4px 0 12px;
  color: var(--text-color);
  font-size: 14px
}

.ant-popover-message-icon {
  display: inline-block;
  margin-right: 8px;
  color: #faad14;
  font-size: 14px
}

.ant-popover-arrow, .ant-popover-arrow-content {
  display: block;
  pointer-events: none;
  position: absolute
}

.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right
}

.ant-popover-buttons button:not(:first-child) {
  margin-left: 8px
}

.ant-popover-arrow {
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: 0 0
}

.ant-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  inset: 0;
  width: 11.31px;
  height: 11.31px;
  margin: auto;
  border-radius: 0 0 2px
}

.ant-popover-arrow-content:before {
  position: absolute;
  top: -11.31px;
  left: -11.31px;
  width: 33.94px;
  height: 33.94px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  clip-path: inset(33% 33%);
  clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z")
}

.ant-popover-placement-top .ant-popover-arrow, .ant-popover-placement-topLeft .ant-popover-arrow, .ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 0;
  transform: translateY(100%)
}

.ant-popover-placement-leftBottom .ant-popover-arrow, .ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 12px
}

.ant-popover-placement-top .ant-popover-arrow-content, .ant-popover-placement-topLeft .ant-popover-arrow-content, .ant-popover-placement-topRight .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px #00000012;
  transform: translateY(-11px) rotate(45deg)
}

.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: translateY(100%) translate(-50%)
}

.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 16px
}

.ant-popover-placement-topRight .ant-popover-arrow {
  right: 16px
}

.ant-popover-placement-right .ant-popover-arrow, .ant-popover-placement-rightBottom .ant-popover-arrow, .ant-popover-placement-rightTop .ant-popover-arrow {
  left: 0;
  transform: translate(-100%)
}

.ant-popover-placement-right .ant-popover-arrow-content, .ant-popover-placement-rightBottom .ant-popover-arrow-content, .ant-popover-placement-rightTop .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px #00000012;
  transform: translate(11px) rotate(135deg)
}

.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: translate(-100%) translateY(-50%)
}

.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 12px
}

.ant-popover-placement-bottom .ant-popover-arrow, .ant-popover-placement-bottomLeft .ant-popover-arrow, .ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 0;
  transform: translateY(-100%)
}

.ant-popover-placement-bottom .ant-popover-arrow-content, .ant-popover-placement-bottomLeft .ant-popover-arrow-content, .ant-popover-placement-bottomRight .ant-popover-arrow-content {
  box-shadow: 2px 2px 5px #0000000f;
  transform: translateY(11px) rotate(-135deg)
}

.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: translateY(-100%) translate(-50%)
}

.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 16px
}

.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 16px
}

.ant-popover-placement-left .ant-popover-arrow, .ant-popover-placement-leftBottom .ant-popover-arrow, .ant-popover-placement-leftTop .ant-popover-arrow {
  right: 0;
  transform: translate(100%)
}

.ant-popover-placement-left .ant-popover-arrow-content, .ant-popover-placement-leftBottom .ant-popover-arrow-content, .ant-popover-placement-leftTop .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px #00000012;
  transform: translate(-11px) rotate(-45deg)
}

.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translate(100%) translateY(-50%)
}

.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px
}

.ant-popover-magenta .ant-popover-arrow-content, .ant-popover-magenta .ant-popover-inner, .ant-popover-pink .ant-popover-arrow-content, .ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96
}

.ant-popover-red .ant-popover-arrow-content, .ant-popover-red .ant-popover-inner {
  background-color: #f5222d
}

.ant-popover-volcano .ant-popover-arrow-content, .ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c
}

.ant-popover-orange .ant-popover-arrow-content, .ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16
}

.ant-popover-yellow .ant-popover-arrow-content, .ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14
}

.ant-popover-gold .ant-popover-arrow-content, .ant-popover-gold .ant-popover-inner {
  background-color: #faad14
}

.ant-popover-cyan .ant-popover-arrow-content, .ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2
}

.ant-popover-lime .ant-popover-arrow-content, .ant-popover-lime .ant-popover-inner {
  background-color: #a0d911
}

.ant-popover-green .ant-popover-arrow-content, .ant-popover-green .ant-popover-inner {
  background-color: #52c41a
}

.ant-popover-blue .ant-popover-arrow-content, .ant-popover-blue .ant-popover-inner {
  background-color: #1890ff
}

.ant-popover-geekblue .ant-popover-arrow-content, .ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb
}

.ant-popover-purple .ant-popover-arrow-content, .ant-popover-purple .ant-popover-inner {
  background-color: #722ed1
}

.ant-popover-rtl {
  direction: rtl;
  text-align: right
}

.ant-popover-rtl .ant-popover-message-icon {
  margin-right: 0;
  margin-left: 8px
}

.ant-popover-rtl .ant-popover-message-title {
  padding-left: 16px
}

.ant-popover-rtl .ant-popover-buttons {
  text-align: left
}

.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0
}

.ant-popover {
  position: relative
}

.ant-picker, .ant-picker-dropdown {
  font-feature-settings: "tnum";
  list-style: none;
  margin: 0
}

.ant-picker, .ant-picker-input > input {
  position: relative;
  font-size: 16px;
  line-height: 1.5715
}

.ant-input-affix-wrapper-stepperless[type=number], .ant-input-stepperless[type=number], .ant-picker-input > input-stepperless[type=number] {
  -moz-appearance: textfield
}

.ant-picker-status-error.ant-picker, .ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover {
  background-color: #fff;
  border-color: #ff4d4f
}

.ant-picker-status-error.ant-picker-focused, .ant-picker-status-error.ant-picker:focus {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px #ff4d4f33;
  border-right-width: 1px;
  outline: 0
}

.ant-picker-status-error.ant-picker .ant-picker-active-bar {
  background: #ff7875
}

.ant-picker-status-warning.ant-picker, .ant-picker-status-warning.ant-picker:not(.ant-picker-disabled):hover {
  background-color: #fff;
  border-color: #faad14
}

.ant-picker-status-warning.ant-picker-focused, .ant-picker-status-warning.ant-picker:focus {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px #faad1433;
  border-right-width: 1px;
  outline: 0
}

.ant-picker-status-warning.ant-picker .ant-picker-active-bar {
  background: #ffc53d
}

.ant-picker {
  box-sizing: border-box;
  color: var(--text-color);
  font-variant: tabular-nums;
  padding: 4px 11px;
  display: inline-flex;
  align-items: center;
  background: var(--background-color);
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: border .3s, box-shadow .3s
}

.ant-picker-focused, .ant-picker:hover {
  border-color: #40a9ff;
  border-right-width: 1px
}

.ant-input-rtl .ant-picker-focused, .ant-input-rtl .ant-picker:hover {
  border-right-width: 0;
  border-left-width: 1px !important
}

.ant-picker-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px #1890ff33;
  border-right-width: 1px;
  outline: 0
}

.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important
}

.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed
}

.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: #00000040
}

.ant-picker.ant-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important
}

.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%
}

.ant-picker-input > input {
  display: inline-block;
  width: 100%;
  color: var(--text-color);
  border-radius: 2px;
  transition: all .3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: 0 0;
  border: 0
}

.ant-picker-input > input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
  user-select: none
}

.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis
}

.ant-picker-input > input:hover {
  border-color: #40a9ff;
  border-right-width: 1px
}

.ant-input-rtl .ant-picker-input > input:hover {
  border-right-width: 0;
  border-left-width: 1px !important
}

.ant-picker-input > input-focused, .ant-picker-input > input:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px #1890ff33;
  border-right-width: 1px;
  outline: 0
}

.ant-input-rtl .ant-picker-input > input-focused, .ant-input-rtl .ant-picker-input > input:focus {
  border-right-width: 0;
  border-left-width: 1px !important
}

.ant-picker-input > input-disabled:hover, .ant-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px
}

.ant-picker-input > input-disabled {
  color: #00000040;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1
}

.ant-picker-input > input[disabled] {
  color: #00000040;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1
}

.ant-picker-input > input-borderless, .ant-picker-input > input-borderless-disabled, .ant-picker-input > input-borderless-focused, .ant-picker-input > input-borderless:focus, .ant-picker-input > input-borderless:hover, .ant-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none
}

textarea.ant-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all .3s, height 0s
}

.ant-picker-input > input-lg {
  padding: 6.5px 11px;
  font-size: 16px
}

.ant-picker-input > input-sm {
  padding: 0 7px
}

.ant-picker-input > input-rtl {
  direction: rtl
}

.ant-picker-input > input-stepperless[type=number] ::-webkit-outer-spin-button, .ant-picker-input > input-stepperless[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none
}

.ant-picker-input > input:focus {
  box-shadow: none
}

.ant-picker-input > input[disabled] {
  background: 0 0
}

.ant-picker-input:hover .ant-picker-clear {
  opacity: 1
}

.ant-picker-input-placeholder > input {
  color: #bfbfbf
}

.ant-picker-large {
  padding: 6.5px 11px
}

.ant-picker-large .ant-picker-input > input {
  font-size: 16px
}

.ant-picker-small {
  padding: 0 7px
}

.ant-picker-suffix {
  display: flex;
  flex: none;
  align-self: center;
  margin-left: 4px;
  color: #00000040;
  line-height: 1;
  pointer-events: none
}

.ant-picker-suffix > * {
  vertical-align: top
}

.ant-picker-suffix > :not(:last-child) {
  margin-right: 8px
}

.ant-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: #00000040;
  line-height: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity .3s, color .3s
}

.ant-picker-clear > * {
  vertical-align: top
}

.ant-picker-clear:hover {
  color: #00000073
}

.ant-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: #00000040;
  font-size: 16px;
  vertical-align: top;
  cursor: default
}

.ant-picker-focused .ant-picker-separator {
  color: #00000073
}

.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed
}

.ant-picker-range {
  position: relative;
  display: inline-flex
}

.ant-picker-range .ant-picker-clear {
  right: 11px
}

.ant-picker-range:hover .ant-picker-clear {
  opacity: 1
}

.ant-picker-range .ant-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: #1890ff;
  opacity: 0;
  transition: all .3s ease-out;
  pointer-events: none
}

.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1
}

.ant-picker-range-separator {
  align-items: center;
  padding: 0 8px;
  line-height: 1
}

.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 7px
}

.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-left: 7px
}

.ant-picker-dropdown {
  box-sizing: border-box;
  padding: 0;
  color: var(--text-color);
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  position: absolute;
  z-index: 1050
}

.ant-picker-dropdown-hidden {
  display: none
}

.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  top: 2.59px;
  display: block;
  transform: rotate(-135deg) translateY(1px)
}

.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 2.59px;
  display: block;
  transform: rotate(45deg)
}

.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn
}

.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn
}

.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut
}

.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut
}

.ant-picker-dropdown-range {
  padding: 7.54px 0
}

.ant-picker-dropdown-range-hidden {
  display: none
}

.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px
}

.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none
}

.ant-picker-ranges > li {
  display: inline-block
}

.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
  cursor: pointer
}

.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px
}

.ant-picker-range-wrapper {
  display: flex
}

.ant-picker-range-arrow {
  position: absolute;
  z-index: 1;
  width: 11.31px;
  height: 11.31px;
  margin-left: 16.5px;
  box-shadow: 2px 2px 6px -2px #0000001a;
  transition: left .3s ease-out;
  border-radius: 0 0 2px;
  pointer-events: none
}

.ant-picker-range-arrow:before {
  position: absolute;
  top: -11.31px;
  left: -11.31px;
  width: 33.94px;
  height: 33.94px;
  background: -10px -10px no-repeat #fff;
  content: "";
  clip-path: inset(33% 33%);
  clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z")
}

.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
  transition: margin .3s
}

.ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl), .ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.ant-picker-panel-container .ant-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr
}

.ant-input-affix-wrapper-rtl, .ant-input-group-rtl, .ant-input-group-wrapper-rtl, .ant-input-rtl, .ant-input-search-rtl, .ant-input-textarea-rtl, .ant-picker-dropdown-rtl .ant-picker-footer-extra, .ant-picker-panel-rtl, .ant-picker-rtl, .ant-tag.ant-tag-rtl {
  direction: rtl
}

.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: 0 0;
  border-width: 0 0 1px;
  border-radius: 0
}

.ant-picker-panel-container .ant-picker-panel .ant-picker-content, .ant-picker-panel-container .ant-picker-panel table {
  text-align: center
}

.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: #f0f0f0
}

.ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
  margin-right: -1px
}

.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl {
  margin-left: -1px
}

.ant-picker-compact-item.ant-picker-focused, .ant-picker-compact-item:active, .ant-picker-compact-item:focus, .ant-picker-compact-item:hover {
  z-index: 2
}

.ant-picker-compact-item[disabled] {
  z-index: 0
}

.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker {
  border-radius: 0
}

.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item), .ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: 0
}

.ant-picker-panel-focused {
  border-color: #1890ff
}

.ant-picker-date-panel, .ant-picker-decade-panel, .ant-picker-month-panel, .ant-picker-quarter-panel, .ant-picker-time-panel, .ant-picker-week-panel, .ant-picker-year-panel {
  display: flex;
  flex-direction: column;
  width: 280px
}

.ant-picker-header {
  display: flex;
  padding: 0 8px;
  color: var(--text-color);
  border-bottom: 1px solid #f0f0f0
}

.ant-picker-header > * {
  flex: none
}

.ant-picker-header button {
  padding: 0;
  color: #00000040;
  line-height: 40px;
  background: 0 0;
  border: 0;
  cursor: pointer;
  transition: color .3s
}

.ant-picker-header > button {
  min-width: 1.6em;
  font-size: 14px
}

.ant-picker-header > button:hover {
  color: #000000d9
}

.ant-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px
}

.ant-picker-header-view button {
  color: inherit;
  font-weight: inherit
}

.ant-picker-header-view button:not(:first-child) {
  margin-left: 8px
}

.ant-picker-header-view button:hover {
  color: #1890ff
}

.ant-picker-next-icon, .ant-picker-prev-icon, .ant-picker-super-next-icon, .ant-picker-super-prev-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px
}

.ant-picker-next-icon:before, .ant-picker-prev-icon:before, .ant-picker-super-next-icon:before, .ant-picker-super-prev-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: ""
}

.ant-picker-super-next-icon:after, .ant-picker-super-prev-icon:after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: ""
}

.ant-picker-prev-icon, .ant-picker-super-prev-icon {
  transform: rotate(-45deg)
}

.ant-picker-next-icon, .ant-picker-super-next-icon {
  transform: rotate(135deg)
}

.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse
}

.ant-picker-content td, .ant-picker-content th {
  position: relative;
  min-width: 24px;
  font-weight: 400
}

.ant-picker-content th {
  height: 30px;
  color: var(--text-color);
  line-height: 30px
}

.ant-picker-cell {
  padding: 3px 0;
  color: #00000040;
  cursor: pointer
}

.ant-picker-cell-in-view {
  color: #000000d9
}

.ant-picker-cell:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all .3s;
  content: ""
}

.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f5f5f5
}

.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: ""
}

.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative
}

.ant-picker-cell-in-view.ant-picker-cell-in-range:before {
  background: #e6f7ff
}

.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
  color: #fff;
  background: #1890ff
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):before {
  background: #e6f7ff
}

.ant-picker-cell-in-view.ant-picker-cell-range-start:before {
  left: 50%
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:before {
  right: 50%
}

.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range):after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed #7ec1ff;
  border-bottom: 1px dashed #7ec1ff;
  transform: translateY(-50%);
  transition: all .3s;
  content: ""
}

.ant-picker-cell-range-hover-end:after, .ant-picker-cell-range-hover-start:after, .ant-picker-cell-range-hover:after {
  right: 0;
  left: 2px
}

.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover:before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end:before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover:before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start:before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before {
  background: #cbe6ff
}

.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after, .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #cbe6ff;
  transition: all .3s;
  content: ""
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after {
  right: -6px;
  left: 0
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after {
  right: 0;
  left: -6px
}

.ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
  right: 50%
}

.ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
  left: 50%
}

.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range):after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after, .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child:after {
  left: 6px;
  border-left: 1px dashed #7ec1ff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px
}

.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range):after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child:after {
  right: 6px;
  border-right: 1px dashed #7ec1ff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.ant-picker-cell-disabled {
  color: #00000040;
  pointer-events: none
}

.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: 0 0
}

.ant-picker-cell-disabled:before {
  background: #0000000a
}

.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner:before {
  border-color: #00000040
}

.ant-picker-decade-panel .ant-picker-content, .ant-picker-month-panel .ant-picker-content, .ant-picker-quarter-panel .ant-picker-content, .ant-picker-year-panel .ant-picker-content {
  height: 264px
}

.ant-picker-decade-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-year-panel .ant-picker-cell-inner {
  padding: 0 8px
}

.ant-picker-quarter-panel .ant-picker-content {
  height: 56px
}

.ant-picker-footer {
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent
}

.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0
}

.ant-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left
}

.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0
}

.ant-picker-now {
  text-align: left
}

.ant-picker-today-btn {
  color: #1890ff
}

.ant-picker-today-btn:hover {
  color: #40a9ff
}

.ant-picker-today-btn:active {
  color: #096dd9
}

.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: #00000040;
  cursor: not-allowed
}

.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px
}

.ant-picker-decade-panel .ant-picker-cell:before {
  display: none
}

.ant-picker-month-panel .ant-picker-body, .ant-picker-quarter-panel .ant-picker-body, .ant-picker-year-panel .ant-picker-body {
  padding: 0 8px
}

.ant-picker-date-panel .ant-picker-body, .ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px
}

.ant-picker-month-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-year-panel .ant-picker-cell-inner {
  width: 60px
}

.ant-picker-month-panel .ant-picker-cell-range-hover-start:after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after, .ant-picker-year-panel .ant-picker-cell-range-hover-start:after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px
}

.ant-picker-month-panel .ant-picker-cell-range-hover-end:after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start:after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after, .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start:after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after, .ant-picker-year-panel .ant-picker-cell-range-hover-end:after {
  right: 14px;
  border-right: 1px dashed #7ec1ff;
  border-radius: 0 2px 2px 0
}

.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end:after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after, .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end:after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px
}

.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner {
  background: 0 0 !important
}

.ant-picker-week-panel-row td {
  transition: background .3s
}

.ant-picker-week-panel-row:hover td {
  background: #f5f5f5
}

.ant-picker-week-panel-row-selected td, .ant-picker-week-panel-row-selected:hover td {
  background: #1890ff
}

.ant-picker-week-panel-row-selected td.ant-picker-cell-week, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: #ffffff80
}

.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner:before, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner:before {
  border-color: #fff
}

.ant-picker-datetime-panel .ant-picker-time-panel, .ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0
}

.ant-picker-week-panel-row-selected td .ant-picker-cell-inner, .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff
}

.ant-picker-date-panel .ant-picker-content {
  width: 252px
}

.ant-picker-date-panel .ant-picker-content th {
  width: 36px
}

.ant-picker-datetime-panel {
  display: flex
}

.ant-picker-datetime-panel .ant-picker-date-panel, .ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity .3s
}

.ant-picker-datetime-panel-active .ant-picker-date-panel, .ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: .3
}

.ant-picker-datetime-panel-active .ant-picker-date-panel-active, .ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1
}

.ant-picker-time-panel {
  width: auto;
  min-width: auto
}

.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px
}

.ant-picker-time-panel-column {
  flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  transition: background .3s
}

.ant-picker-time-panel-column:after {
  display: block;
  height: 196px;
  content: ""
}

.ant-picker-datetime-panel .ant-picker-time-panel-column:after {
  height: 198px
}

.ant-picker-time-panel-column-active {
  background: #e6f7ff33
}

.ant-picker-time-panel-column:hover {
  overflow-y: auto
}

.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: var(--text-color);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  transition: background .3s
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #e6f7ff
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: #00000040;
  background: 0 0;
  cursor: not-allowed
}

:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell, _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  padding: 21px 0
}

.ant-picker-rtl .ant-picker-suffix {
  margin-right: 4px;
  margin-left: 0
}

.ant-picker-rtl .ant-picker-clear {
  right: auto;
  left: 0
}

.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg)
}

.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0
}

.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  right: auto;
  left: 11px
}

.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-right: 11px;
  margin-left: 0
}

.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-right: 7px
}

.ant-picker-dropdown-rtl .ant-picker-ranges {
  text-align: right
}

.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0
}

.ant-picker-panel-rtl .ant-picker-prev-icon, .ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg)
}

.ant-picker-panel-rtl .ant-picker-next-icon, .ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg)
}

.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background .3s, border .3s
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:before {
  right: 50%;
  left: 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:before {
  right: 0;
  left: 50%
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end:before {
  right: 50%;
  left: 50%
}

.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after {
  right: 0;
  left: -6px
}

.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after {
  right: -6px;
  left: 0
}

.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
  right: 0;
  left: 50%
}

.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
  right: 50%;
  left: 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range):after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child:after {
  right: 6px;
  left: 0;
  border-right: 1px dashed #7ec1ff;
  border-left: none;
  border-radius: 0 2px 2px 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range):after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child:after {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover):after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover):after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover):after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child:after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child:after {
  right: 6px;
  left: 6px;
  border-right: 1px dashed #7ec1ff;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px
}

.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  text-align: right
}

.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr
}

.ant-picker-inline {
  padding: 0;
  border: none
}

.ant-picker-inline .ant-picker-range-arrow {
  display: none !important
}

.ant-picker-inline .ant-picker-dropdown {
  z-index: auto
}

.ant-picker-dropdown {
  top: unset;
  left: unset
}

.ant-picker-panel-container.ant-picker-week-number .ant-picker-date-panel .ant-picker-content {
  width: 100%
}

.ant-picker-panel-container.ant-picker-week-number .ant-picker-date-panel .ant-picker-content th {
  width: inherit
}

.ant-picker-range-arrow {
  margin-right: 16.5px
}

.ant-input-affix-wrapper {
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: var(--text-color);
  font-size: 16px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all .3s;
  display: inline-flex
}

.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
  user-select: none
}

.ant-input-affix-wrapper-disabled, .ant-input-affix-wrapper[disabled] {
  color: #00000040;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1
}

.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis
}

.ant-input-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px
}

.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important
}

.ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px #1890ff33;
  border-right-width: 1px;
  outline: 0
}

.ant-input-rtl .ant-input-affix-wrapper-focused, .ant-input-rtl .ant-input-affix-wrapper:focus {
  border-right-width: 0;
  border-left-width: 1px !important
}

.ant-input-affix-wrapper-disabled:hover, .ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px
}

.ant-input-affix-wrapper-disabled, .ant-input-affix-wrapper[disabled] {
  border-color: #d9d9d9;
  box-shadow: none
}

.ant-input-affix-wrapper-borderless, .ant-input-affix-wrapper-borderless-disabled, .ant-input-affix-wrapper-borderless-focused, .ant-input-affix-wrapper-borderless:focus, .ant-input-affix-wrapper-borderless:hover, .ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none
}

textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all .3s, height 0s
}

.ant-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px
}

.ant-input-affix-wrapper-sm {
  padding: 0 7px
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn, .ant-input-affix-wrapper > .ant-input:not(textarea) {
  padding: 0
}

.ant-input-affix-wrapper-stepperless[type=number] ::-webkit-outer-spin-button, .ant-input-affix-wrapper-stepperless[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none
}

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
  z-index: 1
}

.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important
}

.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0
}

.ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus {
  z-index: 1
}

.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: #fff0
}

.ant-input-affix-wrapper > .ant-input {
  font-size: inherit;
  border: none;
  outline: 0
}

.ant-input-affix-wrapper > .ant-input:focus {
  box-shadow: none !important
}

.ant-input-affix-wrapper:before {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: "\a0"
}

.ant-input-prefix, .ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center
}

.ant-input-prefix > :not(:last-child), .ant-input-suffix > :not(:last-child) {
  margin-right: 8px
}

.ant-input-show-count-suffix {
  color: #00000073
}

.ant-input-show-count-has-suffix {
  margin-right: 2px
}

.ant-input-prefix {
  margin-right: 4px
}

.ant-input-suffix {
  margin-left: 4px
}

.ant-input-clear-icon, .anticon.ant-input-clear-icon {
  margin: 0;
  color: #00000040;
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color .3s
}

.ant-input-clear-icon:hover, .anticon.ant-input-clear-icon:hover {
  color: #00000073
}

.ant-input-clear-icon:active, .anticon.ant-input-clear-icon:active {
  color: #000000d9
}

.ant-input-clear-icon-hidden, .anticon.ant-input-clear-icon-hidden {
  visibility: hidden
}

.ant-input-clear-icon-has-suffix, .anticon.ant-input-clear-icon-has-suffix {
  margin: 0 4px
}

.ant-input, .ant-input-group {
  margin: 0;
  line-height: 1.5715;
  width: 100%;
  box-sizing: border-box;
  list-style: none;
  font-feature-settings: "tnum"
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1
}

.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #ff4d4f
}

.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused, .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px #ff4d4f33;
  border-right-width: 1px;
  outline: 0
}

.ant-input-status-error .ant-input-prefix {
  color: #ff4d4f
}

.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #faad14
}

.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused, .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px #faad1433;
  border-right-width: 1px;
  outline: 0
}

.ant-input-status-warning .ant-input-prefix {
  color: #faad14
}

.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f
}

.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused, .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px #ff4d4f33;
  border-right-width: 1px;
  outline: 0
}

.ant-input-affix-wrapper-status-error .ant-input-prefix {
  color: #ff4d4f
}

.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14
}

.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused, .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px #faad1433;
  border-right-width: 1px;
  outline: 0
}

.ant-input-affix-wrapper-status-warning .ant-input-prefix {
  color: #faad14
}

.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input {
  padding-right: 24px
}

.ant-input-group-wrapper-status-error .ant-input-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f
}

.ant-input-group-wrapper-status-warning .ant-input-group-addon {
  color: #faad14;
  border-color: #faad14
}

.ant-input {
  font-variant: tabular-nums;
  position: relative;
  display: inline-block;
  min-width: 0;
  padding: 4px 11px;
  color: var(--text-color);
  font-size: 16px;
  background-color: var(--background-color);
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all .3s
}

.ant-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
  user-select: none
}

.ant-input-disabled, .ant-input[disabled] {
  color: #00000040;
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1
}

.ant-input:placeholder-shown {
  text-overflow: ellipsis
}

.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px
}

.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important
}

.ant-input-focused, .ant-input:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px #1890ff33;
  border-right-width: 1px;
  outline: 0
}

.ant-input-rtl .ant-input-focused, .ant-input-rtl .ant-input:focus {
  border-right-width: 0;
  border-left-width: 1px !important
}

.ant-input-disabled:hover, .ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px
}

.ant-input-disabled, .ant-input[disabled] {
  border-color: #d9d9d9;
  box-shadow: none
}

.ant-input-borderless, .ant-input-borderless-disabled, .ant-input-borderless-focused, .ant-input-borderless:focus, .ant-input-borderless:hover, .ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none
}

textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all .3s, height 0s
}

.ant-input-lg {
  padding: 6.5px 11px;
  font-size: 16px
}

.ant-input-group, .ant-input-group-addon {
  position: relative;
  color: var(--text-color);
  font-size: 14px
}

.ant-input-sm {
  padding: 0 7px
}

.ant-input-stepperless[type=number] ::-webkit-outer-spin-button, .ant-input-stepperless[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none
}

.ant-input-group {
  padding: 0;
  font-variant: tabular-nums;
  display: table;
  border-collapse: separate;
  border-spacing: 0
}

.ant-input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0
}

.ant-input-group > [class*=col-] {
  padding-right: 8px
}

.ant-input-group > [class*=col-]:last-child {
  padding-right: 0
}

.ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input {
  display: table-cell
}

.ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0
}

.ant-input-group-addon, .ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle
}

.ant-input-group-wrap > * {
  display: block !important
}

.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit
}

.ant-input-group .ant-input:focus, .ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px
}

.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0
}

.ant-input-group-addon {
  padding: 0 11px;
  font-weight: 400;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all .3s
}

.ant-input-group-addon .ant-select {
  margin: -5px -11px
}

.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none
}

.ant-input-group-addon .ant-select-focused .ant-select-selector, .ant-input-group-addon .ant-select-open .ant-select-selector {
  color: #1890ff
}

.ant-input-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent
}

.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none
}

.ant-input-group-addon:last-child, .ant-input-group-addon:last-child .ant-select .ant-select-selector, .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input, .ant-input-group > .ant-input:last-child, .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.ant-input-group .ant-input-affix-wrapper:not(:last-child), .ant-input-group-addon:first-child, .ant-input-group-addon:first-child .ant-select .ant-select-selector, .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input, .ant-input-group > .ant-input:first-child, .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.ant-input-group-addon:first-child {
  border-right: 0
}

.ant-input-group-addon:last-child {
  border-left: 0
}

.ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px
}

.ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon {
  padding: 0 7px
}

.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px
}

.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px
}

.ant-input-search-button, .ant-input[type=color] {
  height: 32px
}

.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px
}

.ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.ant-input-group.ant-input-group-compact {
  display: block
}

.ant-input-group.ant-input-group-compact:after, .ant-input-group.ant-input-group-compact:before {
  display: table;
  content: ""
}

.ant-input-group.ant-input-group-compact:after {
  clear: both
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1
}

.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0
}

.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper, .ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper, .ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex
}

.ant-input-group.ant-input-group-compact > :not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px
}

.ant-input-group.ant-input-group-compact .ant-input {
  float: none
}

.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector {
  border-right-width: 1px;
  border-radius: 0
}

.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-select-focused, .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow, .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover {
  z-index: 1
}

.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > :first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px
}

.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > :last-child {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper, .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 2px 0 0 2px
}

.ant-input-group-rtl .ant-input-group-addon:first-child, .ant-input-group > .ant-input-rtl:first-child {
  border-radius: 0 2px 2px 0
}

.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0
}

.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px
}

.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-group-rtl.ant-input-group-addon:last-child, .ant-input-group-rtl.ant-input-group > .ant-input:last-child {
  border-radius: 2px 0 0 2px
}

.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child), .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > :first-child {
  border-radius: 0 2px 2px 0
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact > :not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > :last-child {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 2px 2px 0
}

.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl), .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input, .ant-input-search .ant-input-affix-wrapper {
  border-radius: 0
}

.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top
}

.ant-input-password-icon.anticon {
  color: #00000073;
  cursor: pointer;
  transition: all .3s
}

.ant-input-password-icon.anticon:hover {
  color: #000000d9
}

.ant-input[type=color].ant-input-lg {
  height: 40px
}

.ant-input[type=color].ant-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px
}

.ant-input-textarea-show-count > .ant-input {
  height: 100%
}

.ant-input-textarea-show-count:after {
  float: right;
  color: #00000073;
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none
}

.ant-input-textarea-show-count.ant-input-textarea-in-form-item:after {
  margin-bottom: -22px
}

.ant-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto
}

.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  margin-right: -1px
}

.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  margin-left: -1px
}

.ant-input-compact-item:active, .ant-input-compact-item:focus, .ant-input-compact-item:hover {
  z-index: 2
}

.ant-input-compact-item[disabled] {
  z-index: 0
}

.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item), .ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.ant-input-search .ant-input:focus, .ant-input-search .ant-input:hover {
  border-color: #40a9ff
}

.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #40a9ff
}

.ant-input-search .ant-input-lg {
  line-height: 1.5713
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 2px 2px 0
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  color: #00000073
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading:before {
  inset: 0
}

.ant-input-search-button:focus, .ant-input-search-button:hover {
  z-index: 1
}

.ant-input-search-large .ant-input-search-button {
  height: 40px
}

.ant-input-search-small .ant-input-search-button {
  height: 24px
}

.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
  margin-right: -1px;
  border-radius: 0
}

.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input, .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
  border-radius: 0
}

.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active, .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus, .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover, .ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused, .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active, .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus, .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover, .ant-input-search.ant-input-compact-item > .ant-input:active, .ant-input-search.ant-input-compact-item > .ant-input:focus, .ant-input-search.ant-input-compact-item > .ant-input:hover {
  z-index: 2
}

.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
  margin-left: -1px;
  border-radius: 0
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: 0
}

.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px
}

.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0
}

.ant-input-textarea-rtl.ant-input-textarea-show-count:after {
  text-align: left
}

.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px
}

.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px
}

.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #d9d9d9
}

.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover, .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
  border-left-color: #40a9ff
}

.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused, .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover {
  border-right-color: #40a9ff
}

.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  right: -1px;
  left: auto
}

.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  border-radius: 2px 0 0 2px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .ant-input {
    height: 32px
  }

  .ant-input-lg {
    height: 40px
  }

  .ant-input-sm {
    height: 24px
  }

  .ant-input-affix-wrapper > input.ant-input {
    height: auto
  }
}

textarea.nz-textarea-autosize-measuring {
  height: auto !important;
  padding: 2px 0 !important;
  overflow: hidden !important
}

.ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only, .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only {
  width: 32px;
  height: 32px
}

.ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm, .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px
}

.ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg, .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px
}

.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-suffix {
  margin-left: 0
}

nz-form-item-feedback-icon.ant-input-suffix {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex: none;
  align-items: center;
  height: 100%;
  margin-right: 12px;
  margin-left: 4px;
  pointer-events: none
}

.ant-input-status-error.ant-input-has-feedback, .ant-input-status-success.ant-input-has-feedback, .ant-input-status-validating.ant-input-has-feedback, .ant-input-status-warning.ant-input-has-feedback {
  padding-right: 28px
}

.ant-input-textarea-show-count {
  position: relative;
  display: block
}

.ant-tag {
  box-sizing: border-box;
  margin: 0 8px 0 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  display: inline-block;
  height: auto;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  opacity: 1;
  transition: all .3s
}

.ant-tag-checkable, .ant-tag-has-color {
  border-color: transparent
}

.ant-tag, .ant-tag a, .ant-tag a:hover {
  color: #000000d9
}

.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px
}

.ant-tag-close-icon {
  margin-left: 3px;
  color: #00000073;
  font-size: 10px;
  cursor: pointer;
  transition: all .3s
}

.ant-tag-close-icon:hover {
  color: #000000d9
}

.ant-tag-has-color, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover, .ant-tag-has-color a, .ant-tag-has-color a:hover {
  color: #fff
}

.ant-tag-checkable {
  background-color: transparent;
  cursor: pointer
}

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff
}

.ant-tag-checkable-checked, .ant-tag-checkable:active {
  color: #fff
}

.ant-tag-checkable-checked {
  background-color: #1890ff
}

.ant-tag-checkable:active {
  background-color: #096dd9
}

.ant-tag-hidden {
  display: none
}

.ant-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2
}

.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96
}

.ant-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2
}

.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96
}

.ant-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e
}

.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d
}

.ant-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96
}

.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c
}

.ant-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591
}

.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16
}

.ant-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f
}

.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14
}

.ant-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f
}

.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14
}

.ant-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de
}

.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2
}

.ant-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f
}

.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911
}

.ant-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f
}

.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a
}

.ant-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff
}

.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff
}

.ant-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff
}

.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb
}

.ant-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7
}

.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1
}

.ant-tag-success {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f
}

.ant-tag-processing {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff
}

.ant-tag-error {
  color: #ff4d4f;
  background: #fff2f0;
  border-color: #ffccc7
}

.ant-tag-warning {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f
}

.ant-tag > .anticon + span, .ant-tag > span + .anticon {
  margin-left: 7px
}

.ant-tag.ant-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  text-align: right
}

.ant-tag-rtl .ant-tag-close-icon {
  margin-right: 3px;
  margin-left: 0
}

.ant-tag-rtl.ant-tag > .anticon + span, .ant-tag-rtl.ant-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0
}

.ant-tag.ant-tag-borderless {
  border-color: transparent
}

.ant-switch, nz-switch {
  display: inline-block
}

.ant-switch {
  margin: 0;
  padding: 0;
  color: var(--text-color);
  font-size: 16px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  position: relative;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-color: #00000040;
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: all .2s;
  -webkit-user-select: none;
  user-select: none
}

.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px #0000001a
}

.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px #e6f7ff
}

.ant-switch:focus:hover {
  box-shadow: none
}

.ant-switch-checked {
  background-color: #1890ff
}

.ant-switch-disabled, .ant-switch-loading {
  cursor: not-allowed;
  opacity: .4
}

.ant-switch-disabled *, .ant-switch-loading * {
  box-shadow: none;
  cursor: not-allowed
}

.ant-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  transition: margin .2s
}

.ant-switch-handle, .ant-switch-handle:before {
  position: absolute;
  transition: all .2s ease-in-out
}

.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px
}

.ant-switch-handle {
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px
}

.ant-switch-handle:before {
  inset: 0;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 4px #00230b33;
  content: ""
}

.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 20px)
}

.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle:before {
  right: -30%;
  left: 0
}

.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle:before {
  right: 0;
  left: -30%
}

.ant-switch-loading-icon.anticon {
  position: relative;
  top: 2px;
  color: #000000a6;
  vertical-align: top
}

.ant-switch-checked .ant-switch-loading-icon {
  color: #1890ff
}

.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px
}

.ant-switch-small .ant-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px
}

.ant-switch-small .ant-switch-handle {
  width: 12px;
  height: 12px
}

.ant-switch-small .ant-switch-loading-icon {
  top: 1.5px;
  font-size: 9px
}

.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px
}

.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 14px)
}

.ant-switch-rtl {
  direction: rtl
}

.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px
}

.ant-switch-rtl .ant-switch-handle {
  right: 2px;
  left: auto
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle:before {
  right: 0;
  left: -30%
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle:before {
  right: -30%;
  left: 0
}

.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px
}

.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 20px)
}

.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 14px)
}

#searchResults {
  visibility: hidden;
  color: #000;
  font-size: 100%;
  z-index: 1000
}

#searchCount {
  display: none;
  font-size: 90%;
  background-color: #e3e7ea;
  padding-left: 3px;
  padding-right: 3px;
  overflow: hidden
}

#searchHint {
  display: none;
  font-weight: 400;
  font-style: italic;
  font-size: 90%;
  background-color: #e3e7ea;
  padding-left: 3px;
  padding-right: 3px;
  overflow: hidden
}

#moreResults {
  display: none;
  font-size: 90%;
  background-color: #fff;
  color: #00f;
  padding-left: 3px;
  padding-right: 3px;
  border: 2px solid #225599;
  border-top-width: 0px;
  cursor: pointer
}

#moreResults:hover {
  text-decoration: underline
}

.ansList:focus, .search_field:focus {
  background-color: #fff8c6
}

.loading-indicator-container {
  position: relative;
  display: inline-block
}

.loading-indicator-container progress {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px
}

.loading-indicator-container progress.show {
  display: inline-block
}

.auto_complete {
  width: auto;
  background-color: var(--background-color);
  position: relative;
  overflow: auto;
  overflow-x: hidden
}

.auto_complete > ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.auto_complete > ul > li {
  border-bottom: 1px solid #DFDFDF;
  font-size: 90%;
  padding: 3px 10px;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  -webkit-column-break-inside: avoid
}

.auto_complete > ul > li:last-child {
  border: 0
}

.auto_complete.multi_col > ul > li:last-child {
  border-bottom: 1px solid #DFDFDF
}

.form_auto_complete {
  position: absolute;
  font-weight: 400;
  overflow: hidden
}

.suggestion {
  color: #001a33
}

.auto_complete .selected {
  background-color: #bcd
}

.auto_complete li:hover, .auto_complete tr:hover {
  background-color: #d1e1f0
}

.auto_complete > ul > li.heading:hover {
  background-color: #001a33
}

.heading {
  background-color: #001a33;
  color: #fff
}

.listNum {
  color: #368325
}

.ansList.no_match, input[type=text].ansList.no_match, .search_field.no_match {
  background-color: #f8da74;
  color: #000;
  font-style: italic
}

.ansList.invalid, .search_field.invalid {
  border: 2px solid #F00
}

.multi_col {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 0;
  column-gap: 0
}

#completionOptionsScroller {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #838383;
  border-top-color: #dfdfdf;
  overflow-y: auto;
  padding: 0
}

.searchButton {
  margin-left: 1.2em;
  border: 0;
  vertical-align: middle
}

input.search_field, textarea.search_field {
  background-image: url(magnifying_glass.png);
  background-repeat: no-repeat;
  background-position: right 2px center;
  padding-right: 14px
}

.ansList.ac_multiple, .ansList.ac_multiple:focus {
  background-image: url(down_arrow_gray_10_10.png);
  background-repeat: no-repeat;
  background-position: right 2px center;
  padding-right: 14px
}

@media print {
  .ansList.ac_multiple, .ansList.ac_multiple:focus, input.search_field, textarea.search_field {
    background-image: none
  }
}

.autocomp_selected {
  border: 1px solid rgb(128, 128, 128);
  padding: 1px;
  display: inline-block
}

.autocomp_selected input, .autocomp_selected textarea {
  border-width: 1px;
  width: 100%;
  box-sizing: border-box
}

.autocomp_selected ul {
  list-style-type: none;
  margin: .5em 0 .25em .25em;
  padding-left: 0
}

.autocomp_selected li {
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #444;
  background-color: var(--hover-color);
  padding-left: .25em;
  padding-right: .25em;
  margin-right: .25em;
  margin-bottom: .25em;
  white-space: nowrap
}

.autocomp_selected li > button {
  border: 0;
  background-color:  var(--hover-color);
  font-weight: 800;
  padding-left: .25em;
  padding-right: .25em;
  line-height: .9em;
  padding-bottom: .1em
}

.autocomp_selected li > button:hover {
  background-color: #999
}

.screen_reader_only {
  height: 0;
  width: 0;
  overflow: hidden;
  position: fixed;
  left: -1000px;
  top: -1000px
}

#completionOptionsScroller table {
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
  margin: 0;
  padding: 0
}

#completionOptionsScroller tbody {
  font-size: 90%
}

#completionOptionsScroller td {
  border: 1px solid #DFDFDF;
  margin: 0;
  padding: 0 .75em 0 .25em
}

#completionOptionsScroller th {
  border-right: 1px solid rgb(128, 128, 128);
  font-size: 85%;
  background-color:  var(--hover-color);
  padding-left: .25em;
  padding-right: .75em
}

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