ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
2,350 lines • 118 kB
CSS
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form-item .ant-upload {
background: transparent;
}
.ant-form-item .ant-upload.ant-upload-drag {
background: #fafafa;
}
.ant-form-item input[type='radio'],
.ant-form-item input[type='checkbox'] {
width: 14px;
height: 14px;
}
.ant-form-item .ant-radio-inline,
.ant-form-item .ant-checkbox-inline {
display: inline-block;
margin-left: 8px;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.ant-form-item .ant-radio-inline:first-child,
.ant-form-item .ant-checkbox-inline:first-child {
margin-left: 0;
}
.ant-form-item .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical {
display: block;
}
.ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical + .ant-radio-vertical {
margin-left: 0;
}
.ant-form-item .ant-input-number + .ant-form-text {
margin-left: 8px;
}
.ant-form-item .ant-input-number-handler-wrap {
z-index: 2;
}
.ant-form-item .ant-select,
.ant-form-item .ant-cascader-picker {
width: 100%;
}
.ant-form-item .ant-picker-calendar-year-select,
.ant-form-item .ant-picker-calendar-month-select,
.ant-form-item .ant-input-group .ant-select,
.ant-form-item .ant-input-group .ant-cascader-picker,
.ant-form-item .ant-input-number-group .ant-select,
.ant-form-item .ant-input-number-group .ant-cascader-picker {
width: auto;
}
.ant-form-inline {
display: flex;
flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
flex: none;
flex-wrap: nowrap;
margin-right: 16px;
margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
display: inline-block;
vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
flex: 1 1 0;
}
.ant-form-horizontal .ant-form-item-control:not(.ant-col) {
min-width: 0;
}
.ant-form-vertical .ant-form-item {
flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
height: auto;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
text-align: right;
}
@media (max-width: 575px) {
.ant-form-item .ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-form-item .ant-form-item-label > label {
margin: 0;
}
.ant-form-item .ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-form-item .ant-form-item-label {
text-align: right;
}
.ant-form .ant-form-item {
flex-wrap: wrap;
}
.ant-form .ant-form-item .ant-form-item-label,
.ant-form .ant-form-item .ant-form-item-control {
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xs-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-xs-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-xs-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-xs-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 767px) {
.ant-col-sm-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-sm-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-sm-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-sm-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 991px) {
.ant-col-md-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-md-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-md-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-md-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 1199px) {
.ant-col-lg-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-lg-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-lg-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-lg-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 1599px) {
.ant-col-xl-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-xl-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-xl-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
text-align: right;
}
}
.ant-form-item {
/* Some non-status related component style is in `components.less` */
/* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain-error {
color: #ff4d4f;
}
.ant-form-item-explain-warning {
color: #faad14;
}
.ant-form-item-has-feedback .ant-input {
padding-right: 24px;
}
.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
padding-right: 18px;
}
.ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
right: 28px;
}
.ant-form-item-has-feedback .ant-switch {
margin: 2px 0 4px;
}
.ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
right: 32px;
}
.ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
padding-right: 42px;
}
.ant-form-item-has-feedback .ant-cascader-picker-arrow {
margin-right: 19px;
}
.ant-form-item-has-feedback .ant-cascader-picker-clear {
right: 32px;
}
.ant-form-item-has-feedback .ant-picker {
padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-large {
padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-small {
padding-right: 25.2px;
}
.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
position: absolute;
top: 50%;
right: 0;
z-index: 1;
width: 32px;
height: 20px;
margin-top: -10px;
font-size: 14px;
line-height: 20px;
text-align: center;
visibility: visible;
animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
pointer-events: none;
}
.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
color: #52c41a;
animation-name: diffZoomIn1 !important;
}
.ant-form-item-has-warning .ant-form-item-split {
color: #faad14;
}
.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,
.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
background-color: #fff;
border-color: #faad14;
}
.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,
.ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-warning .ant-input-prefix {
color: #faad14;
}
.ant-form-item-has-warning .ant-input-group-addon,
.ant-form-item-has-warning .ant-input-number-group-addon {
color: #faad14;
border-color: #faad14;
}
.ant-form-item-has-warning .has-feedback {
color: #faad14;
}
.ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon {
color: #faad14;
animation-name: diffZoomIn3 !important;
}
.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
background-color: #fff;
border-color: #faad14 !important;
}
.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-warning .ant-input-number,
.ant-form-item-has-warning .ant-picker {
background-color: #fff;
border-color: #faad14;
}
.ant-form-item-has-warning .ant-input-number-focused,
.ant-form-item-has-warning .ant-picker-focused,
.ant-form-item-has-warning .ant-input-number:focus,
.ant-form-item-has-warning .ant-picker:focus {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
.ant-form-item-has-warning .ant-picker:not([disabled]):hover {
background-color: #fff;
border-color: #faad14;
}
.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-form-item-split {
color: #ff4d4f;
}
.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,
.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused,
.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-input-prefix {
color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-group-addon,
.ant-form-item-has-error .ant-input-number-group-addon {
color: #ff4d4f;
border-color: #ff4d4f;
}
.ant-form-item-has-error .has-feedback {
color: #ff4d4f;
}
.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
color: #ff4d4f;
animation-name: diffZoomIn2 !important;
}
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
background-color: #fff;
border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.ant-form-item-has-error .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
background-color: inherit;
border: 0;
box-shadow: none;
}
.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number,
.ant-form-item-has-error .ant-picker {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-input-number-focused,
.ant-form-item-has-error .ant-picker-focused,
.ant-form-item-has-error .ant-input-number:focus,
.ant-form-item-has-error .ant-picker:focus {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-input-number:not([disabled]):hover,
.ant-form-item-has-error .ant-picker:not([disabled]):hover {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-label:hover + .ant-cascader-input.ant-input {
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
background-color: #fff;
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-transfer-list {
border-color: #ff4d4f;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
border-color: #40a9ff;
border-right-width: 1px !important;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-has-error .ant-radio-button-wrapper {
border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before {
background-color: #ff4d4f;
}
.ant-form-item-has-error .ant-mentions {
border-color: #ff4d4f !important;
}
.ant-form-item-has-error .ant-mentions-focused,
.ant-form-item-has-error .ant-mentions:focus {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px !important;
outline: 0;
}
.ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
display: inline-block;
color: #1890ff;
}
.ant-form {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-form legend {
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: rgba(0, 0, 0, 0.45);
font-size: 16px;
line-height: inherit;
border: 0;
border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
font-size: 14px;
}
.ant-form input[type='search'] {
box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
line-height: normal;
}
.ant-form input[type='file'] {
display: block;
}
.ant-form input[type='range'] {
display: block;
width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.ant-form output {
display: block;
padding-top: 15px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
}
.ant-form .ant-form-text {
display: inline-block;
padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
height: 24px;
}
.ant-form-small .ant-form-item-control-input {
min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
height: 40px;
}
.ant-form-large .ant-form-item-control-input {
min-height: 40px;
}
.ant-form-item {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
margin-bottom: 24px;
vertical-align: top;
transition: margin-bottom 0.3s 0.017s linear;
}
.ant-form-item-with-help {
margin-bottom: 0;
transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
display: none;
}
.ant-form-item-label {
display: inline-block;
flex-grow: 0;
overflow: hidden;
white-space: nowrap;
text-align: right;
vertical-align: middle;
}
.ant-form-item-label-left {
text-align: left;
}
.ant-form-item-label > label {
position: relative;
display: inline-flex;
align-items: center;
max-width: 100%;
height: 32px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-form-item-label > label > .anticon {
font-size: 14px;
vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
display: inline-block;
margin-right: 4px;
color: #ff4d4f;
font-size: 14px;
font-family: SimSun, sans-serif;
line-height: 1;
content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
display: inline-block;
margin-left: 4px;
color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
color: rgba(0, 0, 0, 0.45);
cursor: help;
writing-mode: horizontal-tb;
margin-inline-start: 4px;
}
.ant-form-item-label > label::after {
content: ':';
position: relative;
top: -0.5px;
margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
content: ' ';
}
.ant-form-item-control {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
width: 100%;
}
.ant-form-item-control-input {
position: relative;
display: flex;
align-items: center;
min-height: 32px;
}
.ant-form-item-control-input-content {
flex: auto;
max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
clear: both;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item-explain-connected {
height: 0;
min-height: 0;
opacity: 0;
}
.ant-form-item-extra {
min-height: 24px;
}
.ant-form-item .ant-input-textarea-show-count::after {
margin-bottom: -22px;
}
.ant-form-item-with-help .ant-form-item-explain {
height: auto;
min-height: 24px;
opacity: 1;
}
.ant-show-help {
transition: height 0.3s linear, min-height 0.3s linear, margin-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-leave {
min-height: 24px;
}
.ant-show-help-leave-active {
min-height: 0;
}
.ant-show-help-item {
overflow: hidden;
transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
transform: translateY(-5px);
opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
transform: translateY(0);
opacity: 1;
}
.ant-show-help-item-leave-active {
transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes diffZoomIn2 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes diffZoomIn3 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.ant-form-rtl {
direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
margin-right: 0;
margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
margin-right: 4px;
margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
padding-right: 11px;
padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
padding-right: 11px;
padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
right: auto;
left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
right: auto;
left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
padding-right: 0;
padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
margin-right: 0;
margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
right: auto;
left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
padding-right: 11px;
padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
padding-right: 11px;
padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
padding-right: 7px;
padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
right: auto;
left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
margin-right: 0;
margin-left: 16px;
}
.ant-row {
display: flex;
flex-flow: row wrap;
}
.ant-row::before,
.ant-row::after {
display: flex;
}
.ant-row-no-wrap {
flex-wrap: nowrap;
}
.ant-row-start {
justify-content: flex-start;
}
.ant-row-center {
justify-content: center;
}
.ant-row-end {
justify-content: flex-end;
}
.ant-row-space-between {
justify-content: space-between;
}
.ant-row-space-around {
justify-content: space-around;
}
.ant-row-top {
align-items: flex-start;
}
.ant-row-middle {
align-items: center;
}
.ant-row-bottom {
align-items: flex-end;
}
.ant-col {
position: relative;
max-width: 100%;
min-height: 1px;
}
.ant-col-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-push-24 {
left: 100%;
}
.ant-col-pull-24 {
right: 100%;
}
.ant-col-offset-24 {
margin-left: 100%;
}
.ant-col-order-24 {
order: 24;
}
.ant-col-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-push-23 {
left: 95.83333333%;
}
.ant-col-pull-23 {
right: 95.83333333%;
}
.ant-col-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-order-23 {
order: 23;
}
.ant-col-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-push-22 {
left: 91.66666667%;
}
.ant-col-pull-22 {
right: 91.66666667%;
}
.ant-col-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-order-22 {
order: 22;
}
.ant-col-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-push-21 {
left: 87.5%;
}
.ant-col-pull-21 {
right: 87.5%;
}
.ant-col-offset-21 {
margin-left: 87.5%;
}
.ant-col-order-21 {
order: 21;
}
.ant-col-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-push-20 {
left: 83.33333333%;
}
.ant-col-pull-20 {
right: 83.33333333%;
}
.ant-col-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-order-20 {
order: 20;
}
.ant-col-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-push-19 {
left: 79.16666667%;
}
.ant-col-pull-19 {
right: 79.16666667%;
}
.ant-col-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-order-19 {
order: 19;
}
.ant-col-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-push-18 {
left: 75%;
}
.ant-col-pull-18 {
right: 75%;
}
.ant-col-offset-18 {
margin-left: 75%;
}
.ant-col-order-18 {
order: 18;
}
.ant-col-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-push-17 {
left: 70.83333333%;
}
.ant-col-pull-17 {
right: 70.83333333%;
}
.ant-col-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-order-17 {
order: 17;
}
.ant-col-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-push-16 {
left: 66.66666667%;
}
.ant-col-pull-16 {
right: 66.66666667%;
}
.ant-col-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-order-16 {
order: 16;
}
.ant-col-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-push-15 {
left: 62.5%;
}
.ant-col-pull-15 {
right: 62.5%;
}
.ant-col-offset-15 {
margin-left: 62.5%;
}
.ant-col-order-15 {
order: 15;
}
.ant-col-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-push-14 {
left: 58.33333333%;
}
.ant-col-pull-14 {
right: 58.33333333%;
}
.ant-col-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-order-14 {
order: 14;
}
.ant-col-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-push-13 {
left: 54.16666667%;
}
.ant-col-pull-13 {
right: 54.16666667%;
}
.ant-col-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-order-13 {
order: 13;
}
.ant-col-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-push-12 {
left: 50%;
}
.ant-col-pull-12 {
right: 50%;
}
.ant-col-offset-12 {
margin-left: 50%;
}
.ant-col-order-12 {
order: 12;
}
.ant-col-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-push-11 {
left: 45.83333333%;
}
.ant-col-pull-11 {
right: 45.83333333%;
}
.ant-col-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-order-11 {
order: 11;
}
.ant-col-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-push-10 {
left: 41.66666667%;
}
.ant-col-pull-10 {
right: 41.66666667%;
}
.ant-col-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-order-10 {
order: 10;
}
.ant-col-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-push-9 {
left: 37.5%;
}
.ant-col-pull-9 {
right: 37.5%;
}
.ant-col-offset-9 {
margin-left: 37.5%;
}
.ant-col-order-9 {
order: 9;
}
.ant-col-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-push-8 {
left: 33.33333333%;
}
.ant-col-pull-8 {
right: 33.33333333%;
}
.ant-col-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-order-8 {
order: 8;
}
.ant-col-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-push-7 {
left: 29.16666667%;
}
.ant-col-pull-7 {
right: 29.16666667%;
}
.ant-col-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-order-7 {
order: 7;
}
.ant-col-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-push-6 {
left: 25%;
}
.ant-col-pull-6 {
right: 25%;
}
.ant-col-offset-6 {
margin-left: 25%;
}
.ant-col-order-6 {
order: 6;
}
.ant-col-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-push-5 {
left: 20.83333333%;
}
.ant-col-pull-5 {
right: 20.83333333%;
}
.ant-col-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-order-5 {
order: 5;
}
.ant-col-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-push-4 {
left: 16.66666667%;
}
.ant-col-pull-4 {
right: 16.66666667%;
}
.ant-col-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-order-4 {
order: 4;
}
.ant-col-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-push-3 {
left: 12.5%;
}
.ant-col-pull-3 {
right: 12.5%;
}
.ant-col-offset-3 {
margin-left: 12.5%;
}
.ant-col-order-3 {
order: 3;
}
.ant-col-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-push-2 {
left: 8.33333333%;
}
.ant-col-pull-2 {
right: 8.33333333%;
}
.ant-col-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-order-2 {
order: 2;
}
.ant-col-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-push-1 {
left: 4.16666667%;
}
.ant-col-pull-1 {
right: 4.16666667%;
}
.ant-col-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-order-1 {
order: 1;
}
.ant-col-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-offset-0 {
margin-left: 0;
}
.ant-col-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
.ant-col-xs-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xs-push-24 {
left: 100%;
}
.ant-col-xs-pull-24 {
right: 100%;
}
.ant-col-xs-offset-24 {
margin-left: 100%;
}
.ant-col-xs-order-24 {
order: 24;
}
.ant-col-xs-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
left: 95.83333333%;
}
.ant-col-xs-pull-23 {
right: 95.83333333%;
}
.ant-col-xs-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
order: 23;
}
.ant-col-xs-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
left: 91.66666667%;
}
.ant-col-xs-pull-22 {
right: 91.66666667%;
}
.ant-col-xs-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
order: 22;
}
.ant-col-xs-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-xs-push-21 {
left: 87.5%;
}
.ant-col-xs-pull-21 {
right: 87.5%;
}
.ant-col-xs-offset-21 {
margin-left: 87.5%;
}
.ant-col-xs-order-21 {
order: 21;
}
.ant-col-xs-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
left: 83.33333333%;
}
.ant-col-xs-pull-20 {
right: 83.33333333%;
}
.ant-col-xs-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
order: 20;
}
.ant-col-xs-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
left: 79.16666667%;
}
.ant-col-xs-pull-19 {
right: 79.16666667%;
}
.ant-col-xs-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
order: 19;
}
.ant-col-xs-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-xs-push-18 {
left: 75%;
}
.ant-col-xs-pull-18 {
right: 75%;
}
.ant-col-xs-offset-18 {
margin-left: 75%;
}
.ant-col-xs-order-18 {
order: 18;
}
.ant-col-xs-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
left: 70.83333333%;
}
.ant-col-xs-pull-17 {
right: 70.83333333%;
}
.ant-col-xs-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
order: 17;
}
.ant-col-xs-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
left: 66.66666667%;
}
.ant-col-xs-pull-16 {
right: 66.66666667%;
}
.ant-col-xs-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
order: 16;
}
.ant-col-xs-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-xs-push-15 {
left: 62.5%;
}
.ant-col-xs-pull-15 {
right: 62.5%;
}
.ant-col-xs-offset-15 {
margin-left: 62.5%;
}
.ant-col-xs-order-15 {
order: 15;
}
.ant-col-xs-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
left: 58.33333333%;
}
.ant-col-xs-pull-14 {
right: 58.33333333%;
}
.ant-col-xs-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
order: 14;
}
.ant-col-xs-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
left: 54.16666667%;
}
.ant-col-xs-pull-13 {
right: 54.16666667%;
}
.ant-col-xs-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
order: 13;
}
.ant-col-xs-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-xs-push-12 {
left: 50%;
}
.ant-col-xs-pull-12 {
right: 50%;
}
.ant-col-xs-offset-12 {
margin-left: 50%;
}
.ant-col-xs-order-12 {
order: 12;
}
.ant-col-xs-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
left: 45.83333333%;
}
.ant-col-xs-pull-11 {
right: 45.83333333%;
}
.ant-col-xs-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
order: 11;
}
.ant-col-xs-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
left: 41.66666667%;
}
.ant-col-xs-pull-10 {
right: 41.66666667%;
}
.ant-col-xs-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
order: 10;
}
.ant-col-xs-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-xs-push-9 {
left: 37.5%;
}
.ant-col-xs-pull-9 {
right: 37.5%;
}
.ant-col-xs-offset-9 {
margin-left: 37.5%;
}
.ant-col-xs-order-9 {
order: 9;
}
.ant-col-xs-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
left: 33.33333333%;
}
.ant-col-xs-pull-8 {
right: 33.33333333%;
}
.ant-col-xs-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
order: 8;
}
.ant-col-xs-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
left: 29.16666667%;
}
.ant-col-xs-pull-7 {
right: 29.16666667%;
}
.ant-col-xs-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
order: 7;
}
.ant-col-xs-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-xs-push-6 {
left: 25%;
}
.ant-col-xs-pull-6 {
right: 25%;
}
.ant-col-xs-offset-6 {
margin-left: 25%;
}
.ant-col-xs-order-6 {
order: 6;
}
.ant-col-xs-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
left: 20.83333333%;
}
.ant-col-xs-pull-5 {
right: 20.83333333%;
}
.ant-col-xs-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
order: 5;
}
.ant-col-xs-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
left: 16.66666667%;
}
.ant-col-xs-pull-4 {
right: 16.66666667%;
}
.ant-col-xs-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
order: 4;
}
.ant-col-xs-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-xs-push-3 {
left: 12.5%;
}
.ant-col-xs-pull-3 {
right: 12.5%;
}
.ant-col-xs-offset-3 {
margin-left: 12.5%;
}
.ant-col-xs-order-3 {
order: 3;
}
.ant-col-xs-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
left: 8.33333333%;
}
.ant-col-xs-pull-2 {
right: 8.33333333%;
}
.ant-col-xs-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
order: 2;
}
.ant-col-xs-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
left: 4.16666667%;
}
.ant-col-xs-pull-1 {
right: 4.16666667%;
}
.ant-col-xs-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
order: 1;
}
.ant-col-xs-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-xs-push-0 {
left: auto;
}
.ant-col-xs-pull-0 {
right: auto;
}
.ant-col-xs-offset-0 {
margin-left: 0;
}
.ant-col-xs-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
margin-right: 100%;
margin-l