*/
height: 1px /* better than 0, for firefox */
}
.fc .fc-scrollgrid-section > td {
height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
}
.fc .fc-scrollgrid-section table {
height: 1px;
/* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
/* serves as a min-height. harmless */
}
.fc .fc-scrollgrid-section-liquid {
height: auto
}
.fc .fc-scrollgrid-section-liquid > td {
height: 100%; /* better than `auto`, for firefox */
}
.fc .fc-scrollgrid-section > * {
border-top-width: 0;
border-left-width: 0;
}
.fc .fc-scrollgrid-section-header > *,
.fc .fc-scrollgrid-section-footer > * {
border-bottom-width: 0;
}
.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
border-bottom-style: hidden; /* head keeps its bottom border tho */
}
.fc {
/* stickiness */
}
.fc .fc-scrollgrid-section-sticky > * {
background: #fff;
background: var(--fc-page-bg-color, #fff);
position: sticky;
z-index: 2; /* TODO: var */
/* TODO: box-shadow when sticking */
}
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
top: 0; /* because border-sharing causes a gap at the top */
/* TODO: give safari -1. has bug */
}
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
}
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
height: 1px; /* needs height to create scrollbars */
margin-bottom: -1px;
}
.fc-sticky { /* no .fc wrap because used as child of body */
position: sticky;
}
.fc .fc-view-harness {
flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
position: relative;
}
.fc {
/* when the harness controls the height, make the view liquid */
}
.fc .fc-view-harness-active > .fc-view {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc .fc-col-header-cell-cushion {
display: inline-block; /* x-browser for when sticky (when multi-tier header) */
padding: 2px 4px;
}
.fc .fc-bg-event,
.fc .fc-non-business,
.fc .fc-highlight {
/* will always have a harness with position:relative/absolute, so absolutely expand */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc .fc-non-business {
background: rgba(215, 215, 215, 0.3);
background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}
.fc .fc-bg-event {
background: rgb(143, 223, 130);
background: var(--fc-bg-event-color, rgb(143, 223, 130));
opacity: 0.3;
opacity: var(--fc-bg-event-opacity, 0.3)
}
.fc .fc-bg-event .fc-event-title {
margin: .5em;
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
font-style: italic;
}
.fc .fc-highlight {
background: rgba(188, 232, 241, 0.3);
background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
background: rgba(208, 208, 208, 0.3);
background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
cursor: pointer;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
position: relative;
z-index: 2;
}
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
opacity: 0.75;
}
.fc-event-dragging.fc-event-selected { /* TOUCH */
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
display: none;
position: absolute;
z-index: 4;
}
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */
}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
display: block;
}
.fc-event-selected .fc-event-resizer {
border-radius: 4px;
border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
border-width: 1px;
border-width: var(--fc-event-resizer-dot-border-width, 1px);
width: 8px;
width: var(--fc-event-resizer-dot-total-width, 8px);
height: 8px;
height: var(--fc-event-resizer-dot-total-width, 8px);
border-style: solid;
border-color: inherit;
background: #fff;
background: var(--fc-page-bg-color, #fff)
/* expand hit area */
}
.fc-event-selected .fc-event-resizer:before {
content: '';
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
}
/* selecting (always TOUCH) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
/* expand hit area (subclasses should expand) */
}
.fc-event-selected:before {
content: "";
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-event-selected {
/* dimmer effect */
}
.fc-event-selected:after {
content: "";
background: rgba(0, 0, 0, 0.25);
background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
position: absolute;
z-index: 1;
/* assume there's a border on all sides. overcome it. */
/* sometimes there's NOT a border, in which case the dimmer will go over */
/* an adjacent border, which looks fine. */
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
}
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
display: block;
border: 1px solid #3788d8;
border: 1px solid var(--fc-event-border-color, #3788d8);
background-color: #3788d8;
background-color: var(--fc-event-bg-color, #3788d8)
}
.fc-h-event .fc-event-main {
color: #fff;
color: var(--fc-event-text-color, #fff);
}
.fc-h-event .fc-event-main-frame {
display: flex; /* for make fc-event-title-container expand */
}
.fc-h-event .fc-event-time {
max-width: 100%; /* clip overflow on this element */
overflow: hidden;
}
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
flex-grow: 1;
flex-shrink: 1;
min-width: 0; /* important for allowing to shrink all the way */
}
.fc-h-event .fc-event-title {
display: inline-block; /* need this to be sticky cross-browser */
vertical-align: top; /* for not messing up line-height */
left: 0; /* for sticky */
right: 0; /* for sticky */
max-width: 100%; /* clip overflow on this element */
overflow: hidden;
}
.fc-h-event.fc-event-selected:before {
/* expand hit area */
top: -10px;
bottom: -10px;
}
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
top: 0;
bottom: 0;
width: 8px;
width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
cursor: w-resize;
left: -4px;
left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
cursor: e-resize;
right: -4px;
right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
top: 50%;
margin-top: -4px;
margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
left: -4px;
left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
right: -4px;
right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
:root {
--fc-daygrid-event-dot-width: 8px;
}
.fc .fc-popover {
position: fixed;
top: 0; /* for when not positioned yet */
box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.fc .fc-popover-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 3px 4px;
}
.fc .fc-popover-title {
margin: 0 2px;
}
.fc .fc-popover-close {
cursor: pointer;
opacity: 0.65;
font-size: 1.1em;
}
.fc-theme-standard .fc-popover {
border: 1px solid #ddd;
border: 1px solid var(--fc-border-color, #ddd);
background: #fff;
background: var(--fc-page-bg-color, #fff);
}
.fc-theme-standard .fc-popover-header {
background: rgba(208, 208, 208, 0.3);
background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
content: "";
clear: both;
display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
content: "";
clear: both;
display: table; }
.fc .fc-daygrid-body { /* a that wraps the table */
position: relative;
z-index: 1; /* container inner z-index's because
s can't do it */
}
.fc .fc-daygrid-day.fc-day-today {
background-color: rgba(255, 220, 40, 0.15);
background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-daygrid-day-frame {
position: relative;
min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
}
.fc {
/* cell top */
}
.fc .fc-daygrid-day-top {
display: flex;
flex-direction: row-reverse;
}
.fc .fc-day-other .fc-daygrid-day-top {
opacity: 0.3;
}
.fc {
/* day number (within cell top) */
}
.fc .fc-daygrid-day-number {
position: relative;
z-index: 4;
padding: 4px;
}
.fc {
/* event container */
}
.fc .fc-daygrid-day-events {
margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
}
.fc {
/* positioning for balanced vs natural */
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
position: absolute;
left: 0;
right: 0;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
position: relative; /* for containing abs positioned event harnesses */
min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
}
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
margin-bottom: 1em;
}
.fc {
/* event harness */
}
.fc .fc-daygrid-event-harness {
position: relative;
}
.fc .fc-daygrid-event-harness-abs {
position: absolute;
top: 0; /* fallback coords for when cannot yet be computed */
left: 0; /* */
right: 0; /* */
}
.fc .fc-daygrid-bg-harness {
position: absolute;
top: 0;
bottom: 0;
}
.fc {
/* bg content */
}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {
/* events */
}
.fc .fc-daygrid-event {
z-index: 6;
margin-top: 1px;
}
.fc .fc-daygrid-event.fc-event-mirror {
z-index: 7;
}
.fc {
/* cell bottom (within day-events) */
}
.fc .fc-daygrid-day-bottom {
font-size: .85em;
margin: 2px 3px 0;
}
.fc .fc-daygrid-more-link {
position: relative;
z-index: 4;
cursor: pointer;
}
.fc {
/* week number (within frame) */
}
.fc .fc-daygrid-week-number {
position: absolute;
z-index: 5;
top: 0;
padding: 2px;
min-width: 1.5em;
text-align: center;
background-color: rgba(208, 208, 208, 0.3);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
color: #808080;
color: var(--fc-neutral-text-color, #808080);
}
.fc {
/* popover */
}
.fc .fc-more-popover {
z-index: 8;
}
.fc .fc-more-popover .fc-popover-body {
min-width: 220px;
padding: 10px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
left: 0;
border-radius: 0 0 3px 0;
}
.fc-direction-rtl .fc-daygrid-week-number {
right: 0;
border-radius: 0 0 0 3px;
}
.fc-liquid-hack .fc-daygrid-day-frame {
position: static; /* will cause inner absolute stuff to expand to | */
}
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
position: relative; /* for z-indexes assigned later */
white-space: nowrap;
border-radius: 3px; /* dot event needs this to when selected */
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
font-weight: bold;
}
.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
padding: 1px;
}
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
display: flex;
align-items: center;
padding: 2px 0
}
.fc-daygrid-dot-event .fc-event-title {
flex-grow: 1;
flex-shrink: 1;
min-width: 0; /* important for allowing to shrink all the way */
overflow: hidden;
font-weight: bold;
}
.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
background: rgba(0, 0, 0, 0.1);
}
.fc-daygrid-dot-event.fc-event-selected:before {
/* expand hit area */
top: -10px;
bottom: -10px;
}
.fc-daygrid-event-dot { /* the actual dot */
margin: 0 4px;
box-sizing: content-box;
width: 0;
height: 0;
border: 4px solid #3788d8;
border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
border-radius: 4px;
border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
margin-right: 3px;
}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
margin-left: 3px;
}
/*
A VERTICAL event
*/
.fc-v-event { /* allowed to be top-level */
display: block;
border: 1px solid #3788d8;
border: 1px solid var(--fc-event-border-color, #3788d8);
background-color: #3788d8;
background-color: var(--fc-event-bg-color, #3788d8)
}
.fc-v-event .fc-event-main {
color: #fff;
color: var(--fc-event-text-color, #fff);
height: 100%;
}
.fc-v-event .fc-event-main-frame {
height: 100%;
display: flex;
flex-direction: column;
}
.fc-v-event .fc-event-time {
flex-grow: 0;
flex-shrink: 0;
max-height: 100%;
overflow: hidden;
}
.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
flex-grow: 1;
flex-shrink: 1;
min-height: 0; /* important for allowing to shrink all the way */
}
.fc-v-event .fc-event-title { /* will have fc-sticky on it */
top: 0;
bottom: 0;
max-height: 100%; /* clip overflow */
overflow: hidden;
}
.fc-v-event:not(.fc-event-start) {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.fc-v-event:not(.fc-event-end) {
border-bottom-width: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.fc-v-event.fc-event-selected:before {
/* expand hit area */
left: -10px;
right: -10px;
}
.fc-v-event {
/* resizer (mouse AND touch) */
}
.fc-v-event .fc-event-resizer-start {
cursor: n-resize;
}
.fc-v-event .fc-event-resizer-end {
cursor: s-resize;
}
.fc-v-event {
/* resizer for MOUSE */
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
height: 8px;
height: var(--fc-event-resizer-thickness, 8px);
left: 0;
right: 0;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
top: -4px;
top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
bottom: -4px;
bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event {
/* resizer for TOUCH (when event is "selected") */
}
.fc-v-event.fc-event-selected .fc-event-resizer {
left: 50%;
margin-left: -4px;
margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-start {
top: -4px;
top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-end {
bottom: -4px;
bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
}
.fc .fc-timegrid-divider {
padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
}
.fc .fc-timegrid-body {
position: relative;
z-index: 1; /* scope the z-indexes of slots and cols */
min-height: 100%; /* fill height always, even when slat table doesn't grow */
}
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
position: relative /* offset parent for now-indicator-container */
}
.fc .fc-timegrid-axis-chunk > table {
position: relative;
z-index: 1; /* above the now-indicator-container */
}
.fc .fc-timegrid-slots {
position: relative;
z-index: 1;
}
.fc .fc-timegrid-slot { /* a | */
height: 1.5em;
border-bottom: 0 /* each cell owns its top border */
}
.fc .fc-timegrid-slot:empty:before {
content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
}
.fc .fc-timegrid-slot-minor {
border-top-style: dotted;
}
.fc .fc-timegrid-slot-label-cushion {
display: inline-block;
white-space: nowrap;
}
.fc .fc-timegrid-slot-label {
vertical-align: middle; /* vertical align the slots */
}
.fc {
/* slots AND axis cells (top-left corner of view including the "all-day" text) */
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
padding: 0 4px;
}
.fc {
/* axis cells (top-left corner of view including the "all-day" text) */
/* vertical align is more complicated, uses flexbox */
}
.fc .fc-timegrid-axis-frame-liquid {
height: 100%; /* will need liquid-hack in FF */
}
.fc .fc-timegrid-axis-frame {
overflow: hidden;
display: flex;
align-items: center; /* vertical align */
justify-content: flex-end; /* horizontal align. matches text-align below */
}
.fc .fc-timegrid-axis-cushion {
max-width: 60px; /* limits the width of the "all-day" text */
flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
}
.fc-direction-ltr .fc-timegrid-slot-label-frame {
text-align: right;
}
.fc-direction-rtl .fc-timegrid-slot-label-frame {
text-align: left;
}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc .fc-timegrid-col.fc-day-today {
background-color: rgba(255, 220, 40, 0.15);
background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-timegrid-col-frame {
min-height: 100%; /* liquid-hack is below */
position: relative;
}
.fc-liquid-hack .fc-timegrid-col-frame {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc-media-screen .fc-timegrid-cols {
position: absolute; /* no z-index. children will decide and go above slots */
top: 0;
left: 0;
right: 0;
bottom: 0
}
.fc-media-screen .fc-timegrid-cols > table {
height: 100%;
}
.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc-media-screen .fc-timegrid-event-harness {
position: absolute; /* top/left/right/bottom will all be set by JS */
}
.fc {
/* bg */
}
.fc .fc-timegrid-col-bg {
z-index: 2; /* TODO: kill */
}
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {
position: absolute; /* top/bottom will be set by JS */
left: 0;
right: 0;
}
.fc {
/* fg events */
/* (the mirror segs are put into a separate container with same classname, */
/* and they must be after the normal seg container to appear at a higher z-index) */
}
.fc .fc-timegrid-col-events {
z-index: 3;
/* child event segs have z-indexes that are scoped within this div */
}
.fc {
/* now indicator */
}
.fc .fc-timegrid-now-indicator-container {
bottom: 0;
overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
/* z-index is set on the individual elements */
}
.fc-direction-ltr .fc-timegrid-col-events {
margin: 0 2.5% 0 2px;
}
.fc-direction-rtl .fc-timegrid-col-events {
margin: 0 2px 0 2.5%;
}
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror {
box-shadow: 0px 0px 0px 1px #fff;
box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event { /* events need to be root */
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
border-radius: 3px
}
.fc-timegrid-event .fc-event-main {
padding: 1px 1px 0;
}
.fc-timegrid-event .fc-event-time {
white-space: nowrap;
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
margin-bottom: 1px;
}
.fc-timegrid-event-condensed .fc-event-main-frame {
flex-direction: row;
overflow: hidden;
}
.fc-timegrid-event-condensed .fc-event-time:after {
content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
}
.fc-timegrid-event-condensed .fc-event-title {
font-size: .85em;
font-size: var(--fc-small-font-size, .85em)
}
.fc-media-screen .fc-timegrid-event {
position: absolute; /* absolute WITHIN the harness */
top: 0;
bottom: 1px; /* stay away from bottom slot line */
left: 0;
right: 0;
}
.fc {
/* line */
}
.fc .fc-timegrid-now-indicator-line {
position: absolute;
z-index: 4;
left: 0;
right: 0;
border-style: solid;
border-color: red;
border-color: var(--fc-now-indicator-color, red);
border-width: 1px 0 0;
}
.fc {
/* arrow */
}
.fc .fc-timegrid-now-indicator-arrow {
position: absolute;
z-index: 4;
margin-top: -5px; /* vertically center on top coordinate */
border-style: solid;
border-color: red;
border-color: var(--fc-now-indicator-color, red);
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
left: 0;
/* triangle pointing right. TODO: mixin */
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent;
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
right: 0;
/* triangle pointing left. TODO: mixin */
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/font.css?ngGlobalStyle ***!
\*******************************************************************************************************************************************************************************************************************************/
/*custom*/
/* @import url(../fonts/roboto/font.css); */
body {
font-family: "Roboto", "Helvetica Neue", "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
}
@font-face {
font-family: 'Bienchen SAS';
src: url('Bienchen_SAS.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Discipuli Britannica';
src: url('Discipuli_Britannica.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Eminenz';
src: url('Eminenz.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Eternal Promise';
src: url('Eternal_Promise.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Honey Script';
src: url('HoneyScript-Light.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Huruf Miranti';
src: url('Huruf_Miranti.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Italianno';
src: url('Italianno-Regular.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Montez';
src: url('Montez-Regular.ttf') format('truetype');
font-display: swap;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./src/theme.less?ngGlobalStyle ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************/
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
width: 100%;
height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
display: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
font-variant: tabular-nums;
line-height: 1.5715;
background-color: #f0f2f5;
font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
outline: none !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
}
p {
margin-top: 0;
margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
border-bottom: 0;
cursor: help;
}
address {
margin-bottom: 1em;
font-style: normal;
line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
-webkit-appearance: none;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: 0.5em;
margin-left: 0;
}
blockquote {
margin: 0 0 1em;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #4cb8ac;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
transition: color 0.3s;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #70c4b8;
}
a:active {
color: #34918a;
}
a:active,
a:hover {
text-decoration: none;
outline: 0;
}
a:focus {
text-decoration: none;
outline: 0;
}
a[disabled] {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
pre,
code,
kbd,
samp {
font-size: 1em;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
margin-top: 0;
margin-bottom: 1em;
overflow: auto;
}
figure {
margin: 0 0 1em;
}
img {
vertical-align: middle;
border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75em;
padding-bottom: 0.3em;
color: rgba(0, 0, 0, 0.45);
text-align: left;
caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
box-sizing: border-box;
padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: 0.5em;
padding: 0;
color: inherit;
font-size: 1.5em;
line-height: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
mark {
padding: 0.2em;
background-color: #feffe6;
}
::selection {
color: #fff;
background: #4cb8ac;
}
.clearfix::before {
display: table;
content: '';
}
.clearfix::after {
display: table;
clear: both;
content: '';
}
.anticon {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon > * {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon::before {
display: none;
}
.anticon .anticon-icon {
display: block;
}
.anticon > .anticon {
line-height: 0;
vertical-align: 0;
}
.anticon[tabindex] {
cursor: pointer;
}
.anticon-spin,
.anticon-spin::before {
display: inline-block;
animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-fade-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
animation-name: antFadeIn;
animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
animation-name: antFadeOut;
animation-play-state: running;
pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
opacity: 0;
animation-timing-function: linear;
}
.ant-fade-leave {
animation-timing-function: linear;
}
@keyframes antFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes antFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.ant-move-up-enter,
.ant-move-up-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-move-up-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
animation-name: antMoveUpIn;
animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
animation-name: antMoveUpOut;
animation-play-state: running;
pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-move-down-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
animation-name: antMoveDownIn;
animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
animation-name: antMoveDownOut;
animation-play-state: running;
pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-move-left-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
animation-name: antMoveLeftIn;
animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
animation-name: antMoveLeftOut;
animation-play-state: running;
pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-move-right-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
animation-name: antMoveRightIn;
animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
animation-name: antMoveRightOut;
animation-play-state: running;
pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
0% {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveDownOut {
0% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveLeftIn {
0% {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveLeftOut {
0% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveRightIn {
0% {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveRightOut {
0% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveUpIn {
0% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveUpOut {
0% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes loadingCircle {
100% {
transform: rotate(360deg);
}
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
position: relative;
}
html {
--antd-wave-shadow-color: #4cb8ac;
--scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
border-radius: inherit;
box-shadow: 0 0 0 0 #4cb8ac;
box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
opacity: 0.2;
animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
animation-fill-mode: forwards;
content: '';
pointer-events: none;
}
@keyframes waveEffect {
100% {
box-shadow: 0 0 0 #4cb8ac;
box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
}
}
@keyframes fadeEffect {
100% {
opacity: 0;
}
}
.ant-slide-up-enter,
.ant-slide-up-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-slide-up-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
animation-name: antSlideUpIn;
animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
animation-name: antSlideUpOut;
animation-play-state: running;
pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
transform: scale(0);
transform-origin: 0% 0%;
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-slide-down-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
animation-name: antSlideDownIn;
animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
animation-name: antSlideDownOut;
animation-play-state: running;
pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
transform: scale(0);
transform-origin: 0% 0%;
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-slide-left-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
animation-name: antSlideLeftIn;
animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
animation-name: antSlideLeftOut;
animation-play-state: running;
pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
transform: scale(0);
transform-origin: 0% 0%;
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-slide-right-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
animation-name: antSlideRightIn;
animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
animation-name: antSlideRightOut;
animation-play-state: running;
pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
transform: scale(0);
transform-origin: 0% 0%;
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
0% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes antSlideUpOut {
0% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes antSlideDownIn {
0% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
}
@keyframes antSlideDownOut {
0% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
}
@keyframes antSlideLeftIn {
0% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes antSlideLeftOut {
0% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes antSlideRightIn {
0% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
}
@keyframes antSlideRightOut {
0% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
}
.ant-zoom-enter,
.ant-zoom-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
animation-name: antZoomIn;
animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
animation-name: antZoomOut;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
transform: none;
}
.ant-zoom-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-big-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
animation-name: antZoomBigIn;
animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
animation-name: antZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
transform: none;
}
.ant-zoom-big-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
animation-duration: 0.1s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
animation-duration: 0.1s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
animation-name: antZoomBigIn;
animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
animation-name: antZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
transform: none;
}
.ant-zoom-big-fast-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-up-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
animation-name: antZoomUpIn;
animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
animation-name: antZoomUpOut;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
transform: none;
}
.ant-zoom-up-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-down-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
animation-name: antZoomDownIn;
animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
animation-name: antZoomDownOut;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
transform: none;
}
.ant-zoom-down-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-left-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
animation-name: antZoomLeftIn;
animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
animation-name: antZoomLeftOut;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
transform: none;
}
.ant-zoom-left-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-right-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
animation-name: antZoomRightIn;
animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
animation-name: antZoomRightOut;
animation-play-state: running;
pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
transform: none;
}
.ant-zoom-right-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
0% {
transform: scale(0.2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes antZoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.2);
opacity: 0;
}
}
@keyframes antZoomBigIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes antZoomBigOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.8);
opacity: 0;
}
}
@keyframes antZoomUpIn {
0% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 0%;
}
}
@keyframes antZoomUpOut {
0% {
transform: scale(1);
transform-origin: 50% 0%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
}
@keyframes antZoomLeftIn {
0% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 0% 50%;
}
}
@keyframes antZoomLeftOut {
0% {
transform: scale(1);
transform-origin: 0% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
}
@keyframes antZoomRightIn {
0% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 100% 50%;
}
}
@keyframes antZoomRightOut {
0% {
transform: scale(1);
transform-origin: 100% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
}
@keyframes antZoomDownIn {
0% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 100%;
}
}
@keyframes antZoomDownOut {
0% {
transform: scale(1);
transform-origin: 50% 100%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
}
.ant-motion-collapse-legacy {
overflow: hidden;
}
.ant-motion-collapse-legacy-active {
transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
overflow: hidden;
transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
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 {
position: absolute;
z-index: 1000;
display: flex;
}
.cdk-overlay-pane {
position: absolute;
z-index: 1000;
display: flex;
box-sizing: border-box;
max-width: 100%;
max-height: 100%;
pointer-events: auto;
}
.cdk-overlay-backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
opacity: 0;
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
pointer-events: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.32);
}
.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 {
position: absolute;
z-index: 1000;
display: flex;
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;
/* stylelint-disable property-no-vendor-prefix */
-webkit-appearance: none;
-moz-appearance: none;
/* stylelint-enable property-no-vendor-prefix */
}
.nz-overlay-transparent-backdrop,
.nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0;
}
.nz-animate-disabled.ant-scroll-number-only {
transition: none;
animation: none;
}
.nz-animate-disabled.ant-drawer.ant-drawer-open .ant-drawer-mask {
transition: none;
animation: none;
}
.nz-animate-disabled.ant-drawer > * {
transition: none;
}
.nz-animate-disabled .ant-modal-mask,
.nz-animate-disabled .ant-modal {
transition: none;
animation: none;
}
.nz-animate-disabled .ant-modal-mask.zoom-enter,
.nz-animate-disabled .ant-modal.zoom-enter,
.nz-animate-disabled .ant-modal-mask.zoom-leave,
.nz-animate-disabled .ant-modal.zoom-leave,
.nz-animate-disabled .ant-modal-mask.zoom-enter-active,
.nz-animate-disabled .ant-modal.zoom-enter-active,
.nz-animate-disabled .ant-modal-mask.zoom-leave-active,
.nz-animate-disabled .ant-modal.zoom-leave-active {
transition: none;
animation: none;
}
.nz-animate-disabled.ant-menu {
transition: none;
}
.nz-animate-disabled.ant-menu .ant-menu-item,
.nz-animate-disabled.ant-menu .ant-menu-submenu-title {
transition: none;
}
.nz-animate-disabled.ant-menu .ant-menu-item .anticon,
.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon {
transition: none;
}
.nz-animate-disabled.ant-menu .ant-menu-item .anticon + span,
.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon + span {
transition: none;
}
.nz-animate-disabled.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.nz-animate-disabled.ant-tabs .ant-tabs-bottom-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-content > .ant-tabs-tabpane,
.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,
.nz-animate-disabled.ant-tabs.ant-tabs-bottom .ant-tabs-ink-bar-animated {
transition: none;
}
.nz-animate-disabled.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
transition: none;
}
.ant-affix {
position: fixed;
z-index: 10;
}
nz-affix {
display: block;
}
.ant-alert {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: flex;
align-items: center;
padding: 8px 15px;
word-wrap: break-word;
border-radius: 2px;
}
.ant-alert-content {
flex: 1;
min-width: 0;
}
.ant-alert-icon {
margin-right: 8px;
}
.ant-alert-description {
display: none;
font-size: 14px;
line-height: 22px;
}
.ant-alert-success {
background-color: #f6ffed;
border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
color: #52c41a;
}
.ant-alert-info {
background-color: #e9f7f3;
border: 1px solid #c5ded9;
}
.ant-alert-info .ant-alert-icon {
color: #4cb8ac;
}
.ant-alert-warning {
background-color: #fffbe6;
border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
color: #faad14;
}
.ant-alert-error {
background-color: #fff2f0;
border: 1px solid #ffccc7;
}
.ant-alert-error .ant-alert-icon {
color: #ff4d4f;
}
.ant-alert-error .ant-alert-description > pre {
margin: 0;
padding: 0;
}
.ant-alert-action {
margin-left: 8px;
}
.ant-alert-close-icon {
margin-left: 8px;
padding: 0;
overflow: hidden;
font-size: 12px;
line-height: 12px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
.ant-alert-close-text:hover {
color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
align-items: flex-start;
padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
padding: 15px 15px;
}
.ant-alert-with-description .ant-alert-icon {
margin-right: 15px;
font-size: 24px;
}
.ant-alert-with-description .ant-alert-message {
display: block;
margin-bottom: 4px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
}
.ant-alert-message {
color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
display: block;
}
.ant-alert.ant-alert-motion-leave {
overflow: hidden;
opacity: 1;
transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
max-height: 0;
margin-bottom: 0 !important;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}
.ant-alert-banner {
margin-bottom: 0;
border: 0;
border-radius: 0;
}
.ant-alert.ant-alert-rtl {
direction: rtl;
}
.ant-alert-rtl .ant-alert-icon {
margin-right: auto;
margin-left: 8px;
}
.ant-alert-rtl .ant-alert-action {
margin-right: 8px;
margin-left: auto;
}
.ant-alert-rtl .ant-alert-close-icon {
margin-right: 8px;
margin-left: auto;
}
.ant-alert-rtl.ant-alert-with-description {
padding-right: 24px;
padding-left: 15px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
margin-right: auto;
margin-left: 15px;
}
nz-alert {
display: block;
}
.ant-alert-icon {
line-height: 1;
}
.ant-anchor {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
padding-left: 2px;
}
.ant-anchor-wrapper {
margin-left: -4px;
padding-left: 4px;
overflow: auto;
background-color: transparent;
}
.ant-anchor-ink {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.ant-anchor-ink::before {
position: relative;
display: block;
width: 2px;
height: 100%;
margin: 0 auto;
background-color: #f0f0f0;
content: ' ';
}
.ant-anchor-ink-ball {
position: absolute;
left: 50%;
display: none;
width: 8px;
height: 8px;
background-color: #fff;
border: 2px solid #4cb8ac;
border-radius: 8px;
transform: translateX(-50%);
transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.ant-anchor-ink-ball-visible {
display: inline-block;
}
.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
display: none;
}
.ant-anchor-link {
padding: 4px 0 4px 16px;
}
.ant-anchor-link-title {
position: relative;
display: block;
margin-bottom: 3px;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
color: #4cb8ac;
}
.ant-anchor-link .ant-anchor-link {
padding-top: 2px;
padding-bottom: 2px;
}
.ant-anchor-rtl {
direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
margin-right: -4px;
margin-left: 0;
padding-right: 4px;
padding-left: 0;
}
.ant-anchor-rtl .ant-anchor-ink {
right: 0;
left: auto;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
right: 50%;
left: 0;
transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
padding: 4px 16px 4px 0;
}
nz-link {
display: block;
}
.ant-anchor-wrapper-horizontal {
margin-left: unset;
padding-left: unset;
margin-bottom: -4px;
padding-bottom: 4px;
}
.ant-anchor-wrapper-horizontal .ant-anchor {
display: flex;
}
.ant-anchor-wrapper-horizontal .ant-anchor-ink {
top: unset;
bottom: 0;
width: 100%;
height: unset;
}
.ant-anchor-wrapper-horizontal .ant-anchor-ink:before {
width: 100%;
height: 2px;
}
.ant-anchor-wrapper-horizontal .ant-anchor-ink-ball {
transform: translate(-50%, -50%);
}
.ant-anchor-wrapper-horizontal .ant-anchor-link:first-of-type {
padding-inline: 0;
}
.ant-avatar {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
overflow: hidden;
color: #fff;
white-space: nowrap;
text-align: center;
vertical-align: middle;
background: #ccc;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 50%;
}
.ant-avatar-image {
background: transparent;
}
.ant-avatar .ant-image-img {
display: block;
}
.ant-avatar-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
margin: 0;
}
.ant-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
}
.ant-avatar-lg-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
margin: 0;
}
.ant-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
}
.ant-avatar-sm-string {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
margin: 0;
}
.ant-avatar-square {
border-radius: 2px;
}
.ant-avatar > img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ant-avatar-group {
display: inline-flex;
}
.ant-avatar-group .ant-avatar {
border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
margin-right: -8px;
margin-left: 0;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
margin-right: 3px;
margin-left: 0;
}
.ant-back-top {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: fixed;
right: 100px;
bottom: 50px;
z-index: 10;
width: 40px;
height: 40px;
cursor: pointer;
}
.ant-back-top:empty {
display: none;
}
.ant-back-top-rtl {
right: auto;
left: 100px;
direction: rtl;
}
.ant-back-top-content {
width: 40px;
height: 40px;
overflow: hidden;
color: #fff;
text-align: center;
background-color: rgba(0, 0, 0, 0.45);
border-radius: 20px;
transition: all 0.3s;
}
.ant-back-top-content:hover {
background-color: rgba(0, 0, 0, 0.85);
transition: all 0.3s;
}
.ant-back-top-icon {
font-size: 24px;
line-height: 40px;
}
@media screen and (max-width: 768px) {
.ant-back-top {
right: 60px;
}
.ant-back-top-rtl {
right: auto;
left: 60px;
}
}
@media screen and (max-width: 480px) {
.ant-back-top {
right: 20px;
}
.ant-back-top-rtl {
right: auto;
left: 20px;
}
}
.ant-badge {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
line-height: 1;
}
.ant-badge-count {
z-index: auto;
min-width: 20px;
height: 20px;
padding: 0 6px;
color: #fff;
font-weight: normal;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
text-align: center;
background: #ff4d4f;
border-radius: 10px;
box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
color: #fff;
}
.ant-badge-count-sm {
min-width: 14px;
height: 14px;
padding: 0;
font-size: 12px;
line-height: 14px;
border-radius: 7px;
}
.ant-badge-multiple-words {
padding: 0 8px;
}
.ant-badge-dot {
z-index: auto;
width: 6px;
min-width: 6px;
height: 6px;
background: #ff4d4f;
border-radius: 100%;
box-shadow: 0 0 0 1px #fff;
}
.ant-badge-dot.ant-scroll-number {
transition: background 1.5s;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
transform-origin: 100% 0%;
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
animation: antBadgeLoadingCircle 1s infinite linear;
}
.ant-badge-status {
line-height: inherit;
vertical-align: baseline;
}
.ant-badge-status-dot {
position: relative;
top: -1px;
display: inline-block;
width: 6px;
height: 6px;
vertical-align: middle;
border-radius: 50%;
}
.ant-badge-status-success {
background-color: #52c41a;
}
.ant-badge-status-processing {
position: relative;
background-color: #1890ff;
}
.ant-badge-status-processing::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 50%;
animation: antStatusProcessing 1.2s infinite ease-in-out;
content: '';
}
.ant-badge-status-default {
background-color: #d9d9d9;
}
.ant-badge-status-error {
background-color: #ff4d4f;
}
.ant-badge-status-warning {
background-color: #faad14;
}
.ant-badge-status-pink {
background: #eb2f96;
}
.ant-badge-status-magenta {
background: #eb2f96;
}
.ant-badge-status-red {
background: #f5222d;
}
.ant-badge-status-volcano {
background: #fa541c;
}
.ant-badge-status-orange {
background: #fa8c16;
}
.ant-badge-status-yellow {
background: #fadb14;
}
.ant-badge-status-gold {
background: #faad14;
}
.ant-badge-status-cyan {
background: #13c2c2;
}
.ant-badge-status-lime {
background: #a0d911;
}
.ant-badge-status-green {
background: #52c41a;
}
.ant-badge-status-blue {
background: #1890ff;
}
.ant-badge-status-geekblue {
background: #2f54eb;
}
.ant-badge-status-purple {
background: #722ed1;
}
.ant-badge-status-text {
margin-left: 8px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
animation-fill-mode: both;
}
.ant-badge-zoom-leave {
animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-badge-count {
transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
position: relative;
top: auto;
display: block;
transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
0% {
transform: scale(0.8);
opacity: 0.5;
}
100% {
transform: scale(2.4);
opacity: 0;
}
}
.ant-scroll-number {
overflow: hidden;
direction: ltr;
}
.ant-scroll-number-only {
position: relative;
display: inline-block;
height: 20px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
/* stylelint-disable property-no-vendor-prefix */
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
/* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
height: 20px;
margin: 0;
/* stylelint-disable property-no-vendor-prefix */
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
/* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-symbol {
vertical-align: top;
}
@keyframes antZoomBadgeIn {
0% {
transform: scale(0) translate(50%, -50%);
opacity: 0;
}
100% {
transform: scale(1) translate(50%, -50%);
}
}
@keyframes antZoomBadgeOut {
0% {
transform: scale(1) translate(50%, -50%);
}
100% {
transform: scale(0) translate(50%, -50%);
opacity: 0;
}
}
@keyframes antNoWrapperZoomBadgeIn {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
}
}
@keyframes antNoWrapperZoomBadgeOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
opacity: 0;
}
}
@keyframes antBadgeLoadingCircle {
0% {
transform-origin: 50%;
}
100% {
transform: translate(50%, -50%) rotate(360deg);
transform-origin: 50%;
}
}
.ant-ribbon-wrapper {
position: relative;
}
.ant-ribbon {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: 8px;
height: 22px;
padding: 0 8px;
color: #fff;
line-height: 22px;
white-space: nowrap;
background-color: #4cb8ac;
border-radius: 2px;
}
.ant-ribbon-text {
color: #fff;
}
.ant-ribbon-corner {
position: absolute;
top: 100%;
width: 8px;
height: 8px;
color: currentcolor;
border: 4px solid;
transform: scaleY(0.75);
transform-origin: top;
}
.ant-ribbon-corner::after {
position: absolute;
top: -4px;
left: -4px;
width: inherit;
height: inherit;
color: rgba(0, 0, 0, 0.25);
border: inherit;
content: '';
}
.ant-ribbon-color-pink {
color: #eb2f96;
background: #eb2f96;
}
.ant-ribbon-color-magenta {
color: #eb2f96;
background: #eb2f96;
}
.ant-ribbon-color-red {
color: #f5222d;
background: #f5222d;
}
.ant-ribbon-color-volcano {
color: #fa541c;
background: #fa541c;
}
.ant-ribbon-color-orange {
color: #fa8c16;
background: #fa8c16;
}
.ant-ribbon-color-yellow {
color: #fadb14;
background: #fadb14;
}
.ant-ribbon-color-gold {
color: #faad14;
background: #faad14;
}
.ant-ribbon-color-cyan {
color: #13c2c2;
background: #13c2c2;
}
.ant-ribbon-color-lime {
color: #a0d911;
background: #a0d911;
}
.ant-ribbon-color-green {
color: #52c41a;
background: #52c41a;
}
.ant-ribbon-color-blue {
color: #1890ff;
background: #1890ff;
}
.ant-ribbon-color-geekblue {
color: #2f54eb;
background: #2f54eb;
}
.ant-ribbon-color-purple {
color: #722ed1;
background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
right: -8px;
border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
right: 0;
border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon.ant-ribbon-placement-start {
left: -8px;
border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
left: 0;
border-color: currentcolor currentcolor transparent transparent;
}
.ant-badge-rtl {
direction: rtl;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
right: auto;
left: 0;
direction: ltr;
transform: translate(-50%, -50%);
transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
right: auto;
left: 0;
transform: translate(-50%, -50%);
transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
margin-right: 8px;
margin-left: 0;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
animation-name: antZoomBadgeInRtl;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
animation-name: antZoomBadgeOutRtl;
}
.ant-ribbon-rtl {
direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
right: unset;
left: -8px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
right: unset;
left: 0;
border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
right: -8px;
left: unset;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
right: 0;
left: unset;
border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
border-color: currentcolor transparent transparent currentcolor;
}
@keyframes antZoomBadgeInRtl {
0% {
transform: scale(0) translate(-50%, -50%);
opacity: 0;
}
100% {
transform: scale(1) translate(-50%, -50%);
}
}
@keyframes antZoomBadgeOutRtl {
0% {
transform: scale(1) translate(-50%, -50%);
}
100% {
transform: scale(0) translate(-50%, -50%);
opacity: 0;
}
}
.ant-badge .ant-scroll-number:only-child {
position: relative;
top: auto;
display: block;
}
.ant-badge .ant-badge-count:only-child {
transform: none;
}
nz-ribbon {
display: block;
}
.ant-breadcrumb {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-breadcrumb .anticon {
font-size: 14px;
}
.ant-breadcrumb ol {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.ant-breadcrumb a {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
.ant-breadcrumb a:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb li:last-child {
color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb li:last-child a {
color: rgba(0, 0, 0, 0.85);
}
li:last-child > .ant-breadcrumb-separator {
display: none;
}
.ant-breadcrumb-separator {
margin: 0 8px;
color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
margin-left: 4px;
}
.ant-breadcrumb-rtl {
direction: rtl;
}
.ant-breadcrumb-rtl::before {
display: table;
content: '';
}
.ant-breadcrumb-rtl::after {
display: table;
clear: both;
content: '';
}
.ant-breadcrumb-rtl::before {
display: table;
content: '';
}
.ant-breadcrumb-rtl::after {
display: table;
clear: both;
content: '';
}
.ant-breadcrumb-rtl > span {
float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
margin-right: 4px;
margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
margin-right: 4px;
margin-left: 0;
}
.ant-breadcrumb-link .anticon + span {
margin-left: 4px;
}
.ant-breadcrumb > nz-breadcrumb-item:last-child {
color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb > nz-breadcrumb-item:last-child a {
color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb-rtl > nz-breadcrumb-item {
float: right;
}
nz-breadcrumb {
display: block;
}
nz-breadcrumb-item:last-child .ant-breadcrumb-separator {
display: none;
}
.ant-btn {
line-height: 1.5715;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
border: 1px solid transparent;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
cursor: pointer;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-user-select: none;
user-select: none;
touch-action: manipulation;
height: 32px;
padding: 4px 15px;
font-size: 14px;
border-radius: 2px;
color: rgba(0, 0, 0, 0.85);
border-color: #d9d9d9;
background: #fff;
}
.ant-btn > .anticon {
line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
outline: 0;
}
.ant-btn:not([disabled]):hover {
text-decoration: none;
}
.ant-btn:not([disabled]):active {
outline: 0;
box-shadow: none;
}
.ant-btn[disabled] {
cursor: not-allowed;
}
.ant-btn[disabled] > * {
pointer-events: none;
}
.ant-btn-lg {
height: 40px;
padding: 6.4px 15px;
font-size: 16px;
border-radius: 2px;
}
.ant-btn-sm {
height: 24px;
padding: 0px 7px;
font-size: 14px;
border-radius: 2px;
}
.ant-btn > a:only-child {
color: currentcolor;
}
.ant-btn > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:hover,
.ant-btn:focus {
color: #70c4b8;
border-color: #70c4b8;
background: #fff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
color: currentcolor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:active {
color: #34918a;
border-color: #34918a;
background: #fff;
}
.ant-btn:active > a:only-child {
color: currentcolor;
}
.ant-btn:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
text-decoration: none;
background: #fff;
}
.ant-btn > span {
display: inline-block;
}
.ant-btn-primary {
color: #fff;
border-color: #4cb8ac;
background: #4cb8ac;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
color: currentcolor;
}
.ant-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
color: #fff;
border-color: #70c4b8;
background: #70c4b8;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
color: currentcolor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary:active {
color: #fff;
border-color: #34918a;
background: #34918a;
}
.ant-btn-primary:active > a:only-child {
color: currentcolor;
}
.ant-btn-primary:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
border-right-color: #70c4b8;
border-left-color: #70c4b8;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
border-right-color: #70c4b8;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
border-left-color: #70c4b8;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
border-left-color: #d9d9d9;
}
.ant-btn-ghost {
color: rgba(0, 0, 0, 0.85);
border-color: #d9d9d9;
background: transparent;
}
.ant-btn-ghost > a:only-child {
color: currentcolor;
}
.ant-btn-ghost > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
color: #70c4b8;
border-color: #70c4b8;
background: transparent;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
color: currentcolor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost:active {
color: #34918a;
border-color: #34918a;
background: transparent;
}
.ant-btn-ghost:active > a:only-child {
color: currentcolor;
}
.ant-btn-ghost:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed {
color: rgba(0, 0, 0, 0.85);
border-color: #d9d9d9;
background: #fff;
border-style: dashed;
}
.ant-btn-dashed > a:only-child {
color: currentcolor;
}
.ant-btn-dashed > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
color: #70c4b8;
border-color: #70c4b8;
background: #fff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
color: currentcolor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed:active {
color: #34918a;
border-color: #34918a;
background: #fff;
}
.ant-btn-dashed:active > a:only-child {
color: currentcolor;
}
.ant-btn-dashed:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger {
color: #fff;
border-color: #ff4d4f;
background: #ff4d4f;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
color: currentcolor;
}
.ant-btn-danger > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
color: #fff;
border-color: #ff7875;
background: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
color: currentcolor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger:active {
color: #fff;
border-color: #d9363e;
background: #d9363e;
}
.ant-btn-danger:active > a:only-child {
color: currentcolor;
}
.ant-btn-danger:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link {
color: #4cb8ac;
border-color: transparent;
background: transparent;
box-shadow: none;
}
.ant-btn-link > a:only-child {
color: currentcolor;
}
.ant-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
color: #70c4b8;
border-color: #70c4b8;
background: transparent;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
color: currentcolor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link:active {
color: #34918a;
border-color: #34918a;
background: transparent;
}
.ant-btn-link:active > a:only-child {
color: currentcolor;
}
.ant-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-link:hover {
background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text {
color: rgba(0, 0, 0, 0.85);
border-color: transparent;
background: transparent;
box-shadow: none;
}
.ant-btn-text > a:only-child {
color: currentcolor;
}
.ant-btn-text > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
color: #70c4b8;
border-color: #70c4b8;
background: transparent;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
color: currentcolor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text:active {
color: #34918a;
border-color: #34918a;
background: transparent;
}
.ant-btn-text:active > a:only-child {
color: currentcolor;
}
.ant-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
color: rgba(0, 0, 0, 0.85);
background: rgba(0, 0, 0, 0.018);
border-color: transparent;
}
.ant-btn-text:active {
color: rgba(0, 0, 0, 0.85);
background: rgba(0, 0, 0, 0.028);
border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous {
color: #ff4d4f;
border-color: #ff4d4f;
background: #fff;
}
.ant-btn-dangerous > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
color: #ff7875;
border-color: #ff7875;
background: #fff;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous:active {
color: #d9363e;
border-color: #d9363e;
background: #fff;
}
.ant-btn-dangerous:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-primary {
color: #fff;
border-color: #ff4d4f;
background: #ff4d4f;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
color: #fff;
border-color: #ff7875;
background: #ff7875;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
color: #fff;
border-color: #d9363e;
background: #d9363e;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link {
color: #ff4d4f;
border-color: transparent;
background: transparent;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
color: #70c4b8;
border-color: #70c4b8;
background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
color: #34918a;
border-color: #34918a;
background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
color: #ff7875;
border-color: transparent;
background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
color: #d9363e;
border-color: transparent;
background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text {
color: #ff4d4f;
border-color: transparent;
background: transparent;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
color: #70c4b8;
border-color: #70c4b8;
background: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
color: #34918a;
border-color: #34918a;
background: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
color: #ff7875;
border-color: transparent;
background: rgba(0, 0, 0, 0.018);
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
color: #d9363e;
border-color: transparent;
background: rgba(0, 0, 0, 0.028);
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-icon-only {
width: 32px;
height: 32px;
padding: 2.4px 0;
font-size: 16px;
border-radius: 2px;
vertical-align: -3px;
}
.ant-btn-icon-only > * {
font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
width: 40px;
height: 40px;
padding: 4.9px 0;
font-size: 18px;
border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-lg > * {
font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
width: 24px;
height: 24px;
padding: 0px 0;
font-size: 14px;
border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-sm > * {
font-size: 14px;
}
.ant-btn-icon-only > .anticon {
display: flex;
justify-content: center;
}
.ant-btn-icon-only .anticon-loading {
padding: 0 !important;
}
a.ant-btn-icon-only {
vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
display: inline;
}
.ant-btn-round {
height: 32px;
padding: 4px 16px;
font-size: 14px;
border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
height: 40px;
padding: 6.4px 20px;
font-size: 16px;
border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
height: 24px;
padding: 0px 12px;
font-size: 14px;
border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
width: auto;
}
.ant-btn-circle {
min-width: 32px;
padding-right: 0;
padding-left: 0;
text-align: center;
border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
min-width: 40px;
border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
min-width: 24px;
border-radius: 50%;
}
.ant-btn::before {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
display: none;
background: #fff;
border-radius: inherit;
opacity: 0.35;
transition: opacity 0.2s;
content: '';
pointer-events: none;
}
.ant-btn .anticon {
transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
shape-rendering: optimizespeed;
}
.ant-btn.ant-btn-loading {
position: relative;
cursor: default;
}
.ant-btn.ant-btn-loading::before {
display: block;
}
.ant-btn > .ant-btn-loading-icon {
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
padding-right: 8px;
animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
animation: loadingCircle 1s infinite linear;
}
.ant-btn-group {
position: relative;
display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
border-left-color: transparent;
}
.ant-btn-group .ant-btn {
border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
border-radius: 2px;
}
.ant-btn-group > span:only-child > .ant-btn {
border-radius: 2px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child {
border-radius: 2px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
border-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ant-btn-group > .ant-btn-group {
float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
padding-right: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
padding-left: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
margin-right: -1px;
margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
border-radius: 2px 0 0 2px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
border-radius: 2px 0 0 2px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
color: #fff;
border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
color: #70c4b8;
border-color: #70c4b8;
}
.ant-btn.ant-btn-background-ghost:active {
color: #34918a;
border-color: #34918a;
}
.ant-btn.ant-btn-background-ghost[disabled] {
color: rgba(0, 0, 0, 0.25);
background: transparent;
border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary {
color: #4cb8ac;
border-color: #4cb8ac;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
color: #70c4b8;
border-color: #70c4b8;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active {
color: #34918a;
border-color: #34918a;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
color: #ff4d4f;
border-color: #ff4d4f;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
color: #ff7875;
border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active {
color: #d9363e;
border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
color: #ff4d4f;
border-color: #ff4d4f;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
color: #ff7875;
border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
color: #d9363e;
border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
color: #ff4d4f;
border-color: transparent;
text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
color: #ff7875;
border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
color: #d9363e;
border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
background: #f5f5f5;
text-shadow: none;
box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-two-chinese-chars::first-letter {
letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
margin-right: -0.34em;
letter-spacing: 0.34em;
}
.ant-btn.ant-btn-block {
width: 100%;
}
.ant-btn:empty {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
a.ant-btn {
padding-top: 0.01px !important;
line-height: 30px;
}
a.ant-btn-disabled {
cursor: not-allowed;
}
a.ant-btn-disabled > * {
pointer-events: none;
}
a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
color: rgba(0, 0, 0, 0.25);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
a.ant-btn-disabled > a:only-child,
a.ant-btn-disabled:hover > a:only-child,
a.ant-btn-disabled:focus > a:only-child,
a.ant-btn-disabled:active > a:only-child {
color: currentcolor;
}
a.ant-btn-disabled > a:only-child::after,
a.ant-btn-disabled:hover > a:only-child::after,
a.ant-btn-disabled:focus > a:only-child::after,
a.ant-btn-disabled:active > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
a.ant-btn-lg {
line-height: 38px;
}
a.ant-btn-sm {
line-height: 22px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
margin-right: -1px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl {
margin-left: -1px;
}
.ant-btn-compact-item:hover,
.ant-btn-compact-item:focus,
.ant-btn-compact-item:active {
z-index: 2;
}
.ant-btn-compact-item[disabled] {
z-index: 0;
}
.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn {
border-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-btn-icon-only.ant-btn-compact-item {
flex: none;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]):not([ant-click-animating-without-extra-node='true']) {
position: relative;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]):not([ant-click-animating-without-extra-node='true'])::after {
position: absolute;
top: -1px;
left: -1px;
display: inline-block;
width: 1px;
height: calc(100% + 1px * 2);
background-color: #70c4b8;
content: ' ';
}
.ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after {
right: -1px;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) {
margin-bottom: -1px;
}
.ant-btn-compact-vertical-item:hover,
.ant-btn-compact-vertical-item:focus,
.ant-btn-compact-vertical-item:active {
z-index: 2;
}
.ant-btn-compact-vertical-item[disabled] {
z-index: 0;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) {
border-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]):not([ant-click-animating-without-extra-node='true']) {
position: relative;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]):not([ant-click-animating-without-extra-node='true'])::after {
position: absolute;
top: -1px;
left: -1px;
display: inline-block;
width: calc(100% + 1px * 2);
height: 1px;
background-color: #70c4b8;
content: ' ';
}
.ant-btn-rtl {
direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
border-right-color: #70c4b8;
border-left-color: #d9d9d9;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
border-right-color: #d9d9d9;
border-left-color: #70c4b8;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
padding-right: 0;
padding-left: 8px;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
margin-right: 8px;
margin-left: 0;
}
.ant-card {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
background: #fff;
border-radius: 2px;
}
.ant-card-rtl {
direction: rtl;
}
.ant-card-hoverable {
cursor: pointer;
transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
border-color: transparent;
box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
border: 1px solid #f0f0f0;
}
.ant-card-head {
min-height: 48px;
margin-bottom: -1px;
padding: 0 24px;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
background: transparent;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
.ant-card-head::before {
display: table;
content: '';
}
.ant-card-head::after {
display: table;
clear: both;
content: '';
}
.ant-card-head::before {
display: table;
content: '';
}
.ant-card-head::after {
display: table;
clear: both;
content: '';
}
.ant-card-head-wrapper {
display: flex;
align-items: center;
}
.ant-card-head-title {
display: inline-block;
flex: 1;
padding: 16px 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
left: 0;
margin-top: 0;
margin-bottom: 0;
}
.ant-card-head .ant-tabs-top {
clear: both;
margin-bottom: -17px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
}
.ant-card-head .ant-tabs-top-bar {
border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
margin-left: auto;
padding: 16px 0;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
margin-right: auto;
margin-left: 0;
}
.ant-card-body {
padding: 24px;
}
.ant-card-body::before {
display: table;
content: '';
}
.ant-card-body::after {
display: table;
clear: both;
content: '';
}
.ant-card-body::before {
display: table;
content: '';
}
.ant-card-body::after {
display: table;
clear: both;
content: '';
}
.ant-card-contain-grid .ant-card-body {
display: flex;
flex-wrap: wrap;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
margin: -1px 0 0 -1px;
padding: 0;
}
.ant-card-grid {
width: 33.33%;
padding: 24px;
border: 0;
border-radius: 0;
box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
position: relative;
z-index: 1;
box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
min-height: 32px;
padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
margin-top: -1px;
margin-right: -1px;
margin-left: -1px;
}
.ant-card-cover > * {
display: block;
width: 100%;
}
.ant-card-cover img {
border-radius: 2px 2px 0 0;
}
.ant-card-actions {
display: flex;
margin: 0;
padding: 0;
list-style: none;
background: #fff;
border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
display: table;
content: '';
}
.ant-card-actions::after {
display: table;
clear: both;
content: '';
}
.ant-card-actions::before {
display: table;
content: '';
}
.ant-card-actions::after {
display: table;
clear: both;
content: '';
}
.ant-card-actions > li {
margin: 12px 0;
color: rgba(0, 0, 0, 0.45);
text-align: center;
}
.ant-card-actions > li > span {
position: relative;
display: block;
min-width: 32px;
font-size: 14px;
line-height: 1.5715;
cursor: pointer;
}
.ant-card-actions > li > span:hover {
color: #4cb8ac;
transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
display: inline-block;
width: 100%;
color: rgba(0, 0, 0, 0.45);
line-height: 22px;
transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
color: #4cb8ac;
}
.ant-card-actions > li > span > .anticon {
font-size: 16px;
line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
border-right: 1px solid #f0f0f0;
}
.ant-card-rtl .ant-card-actions > li:not(:last-child) {
border-right: none;
border-left: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
padding: 0 24px;
background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
padding: 12px 0;
font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
padding: 13.5px 0;
}
.ant-card-meta {
display: flex;
margin: -4px 0;
}
.ant-card-meta::before {
display: table;
content: '';
}
.ant-card-meta::after {
display: table;
clear: both;
content: '';
}
.ant-card-meta::before {
display: table;
content: '';
}
.ant-card-meta::after {
display: table;
clear: both;
content: '';
}
.ant-card-meta-avatar {
padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
padding-right: 0;
padding-left: 16px;
}
.ant-card-meta-detail {
flex: 1;
overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
margin-bottom: 8px;
}
.ant-card-meta-title {
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-card-meta-description {
color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
overflow: hidden;
}
.ant-card-loading .ant-card-body {
-webkit-user-select: none;
user-select: none;
}
.ant-card-small > .ant-card-head {
min-height: 36px;
padding: 0 12px;
font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
padding: 8px 0;
font-size: 14px;
}
.ant-card-small > .ant-card-body {
padding: 12px;
}
.ant-card-rtl .ant-skeleton-header {
padding: 0 0 0 16px;
}
nz-card {
display: block;
}
nz-card-meta {
display: block;
}
nz-card-loading {
display: block;
}
.ant-carousel {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
touch-action: pan-y;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
}
.ant-carousel .slick-list:focus {
outline: none;
}
.ant-carousel .slick-list.dragging {
cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
transform: translate3d(0, 0, 0);
touch-action: pan-y;
}
.ant-carousel .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
display: table;
content: '';
}
.ant-carousel .slick-track::after {
clear: both;
}
.slick-loading .ant-carousel .slick-track {
visibility: hidden;
}
.ant-carousel .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.ant-carousel .slick-slide img {
display: block;
}
.ant-carousel .slick-slide.slick-loading img {
display: none;
}
.ant-carousel .slick-slide.dragging img {
pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
display: block;
}
.ant-carousel .slick-loading .slick-slide {
visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
display: block;
height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
position: absolute;
top: 50%;
z-index: 1;
display: inline-block;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
color: #fff;
font-size: 0;
line-height: 0;
background: transparent;
border: 0;
border-radius: 0;
outline: none;
transform: translateY(-50%);
cursor: pointer;
opacity: 0.3;
transition: color 0.3s, opacity 0.3s;
}
.ant-carousel .slick-prev::after,
.ant-carousel .slick-next::after {
position: absolute;
top: 2.3px;
display: inline-block;
box-sizing: border-box;
width: 11.3px;
height: 11.3px;
border: 0 solid currentcolor;
border-radius: 1px;
opacity: 1;
content: '';
inset-inline-start: 2.3px;
border-inline-start-width: 2px;
border-block-start-width: 2px;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
color: #fff;
outline: none;
opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled,
.ant-carousel .slick-next.slick-disabled {
display: none;
}
.ant-carousel .slick-prev {
right: auto;
left: 12px;
}
.ant-carousel .slick-prev::after {
transform: rotate(-45deg);
}
.ant-carousel .slick-next {
right: 12px;
left: auto;
}
.ant-carousel .slick-next::after {
transform: rotate(135deg);
}
.ant-carousel .slick-vertical .slick-prev {
top: 12px;
right: auto;
left: 50%;
transform: translateX(-50%);
}
.ant-carousel .slick-vertical .slick-prev::after {
transform: rotate(45deg);
}
.ant-carousel .slick-vertical .slick-next {
top: auto;
right: auto;
bottom: 12px;
left: 50%;
transform: translateX(-50%);
}
.ant-carousel .slick-vertical .slick-next::after {
transform: rotate(-135deg);
}
.ant-carousel .slick-dots {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex !important;
justify-content: center;
margin-right: 15%;
margin-bottom: 0;
margin-left: 15%;
padding-left: 0;
list-style: none;
}
.ant-carousel .slick-dots-bottom {
bottom: 12px;
}
.ant-carousel .slick-dots-top {
top: 12px;
bottom: auto;
}
.ant-carousel .slick-dots li {
position: relative;
display: inline-block;
flex: 0 1 auto;
box-sizing: content-box;
width: 16px;
height: 3px;
margin: 0 4px;
padding: 0;
text-align: center;
text-indent: -999px;
vertical-align: top;
transition: all 0.5s;
}
.ant-carousel .slick-dots li button {
position: relative;
display: block;
width: 100%;
height: 3px;
padding: 0;
color: transparent;
font-size: 0;
background: #fff;
border: 0;
border-radius: 1px;
outline: none;
cursor: pointer;
opacity: 0.3;
transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
opacity: 0.75;
}
.ant-carousel .slick-dots li button::after {
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
content: '';
}
.ant-carousel .slick-dots li.slick-active {
width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
background: #fff;
opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
opacity: 1;
}
.ant-carousel-vertical .slick-dots {
top: 50%;
bottom: auto;
flex-direction: column;
width: 3px;
height: auto;
margin: 0;
transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
right: auto;
left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
right: 12px;
left: auto;
}
.ant-carousel-vertical .slick-dots li {
width: 3px;
height: 16px;
margin: 4px 0;
vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
width: 3px;
height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active {
width: 3px;
height: 24px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
width: 3px;
height: 24px;
}
.ant-carousel-rtl {
direction: rtl;
}
.ant-carousel-rtl .slick-next {
right: auto;
left: 12px;
}
.ant-carousel-rtl .slick-next::after {
transform: rotate(-45deg);
}
.ant-carousel-rtl .slick-prev {
right: 12px;
left: auto;
}
.ant-carousel-rtl .slick-prev::after {
transform: rotate(135deg);
}
.ant-carousel-rtl .ant-carousel .slick-track {
right: 0;
left: auto;
}
.ant-carousel-rtl.ant-carousel .slick-dots {
flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
flex-direction: column;
}
.ant-carousel-rtl .ant-carousel .slick-vertical .slick-prev::after {
transform: rotate(45deg);
}
.ant-carousel-rtl .ant-carousel .slick-vertical .slick-next::after {
transform: rotate(-135deg);
}
nz-carousel {
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.slick-dots {
display: block;
}
.slick-track {
opacity: 1;
}
@keyframes antCheckboxEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.ant-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
line-height: 1;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
border-color: #4cb8ac;
}
.ant-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #4cb8ac;
border-radius: 2px;
visibility: hidden;
animation: antCheckboxEffect 0.36s ease-in-out;
animation-fill-mode: backwards;
content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
visibility: visible;
}
.ant-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
direction: ltr;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
border-collapse: separate;
transition: all 0.3s;
}
.ant-checkbox-inner::after {
position: absolute;
top: 50%;
left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
opacity: 0;
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
.ant-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
background-color: #4cb8ac;
border-color: #4cb8ac;
}
.ant-checkbox-disabled {
cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
cursor: not-allowed;
pointer-events: none;
}
.ant-checkbox-disabled .ant-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
animation-name: none;
}
.ant-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
visibility: hidden;
}
.ant-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer;
}
.ant-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
margin-left: 8px;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type='checkbox'] {
width: 14px;
height: 14px;
}
.ant-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
.ant-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-checkbox-group-item {
margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
background-color: #fff;
border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #4cb8ac;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-rtl {
direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
margin-right: 0;
margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
margin-left: 8px;
}
.ant-checkbox + span:empty {
display: none;
}
.ant-collapse {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-bottom: 0;
border-radius: 2px;
}
.ant-collapse > .ant-collapse-item {
border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
padding: 12px 16px;
color: rgba(0, 0, 0, 0.85);
line-height: 1.5715;
cursor: pointer;
transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
display: inline-block;
margin-right: 12px;
font-size: 12px;
vertical-align: -1px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
flex: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
margin-left: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
flex: none;
cursor: pointer;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only {
cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon {
cursor: pointer;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
padding-left: 12px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
position: relative;
padding: 12px 16px;
padding-right: 40px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
position: absolute;
top: 50%;
right: 16px;
left: auto;
margin: 0;
transform: translateY(-50%);
}
.ant-collapse-content {
color: rgba(0, 0, 0, 0.85);
background-color: #fff;
border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
padding: 16px;
}
.ant-collapse-content-hidden {
display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
border-radius: 0 0 2px 2px;
}
.ant-collapse-borderless {
background-color: #fafafa;
border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item:last-child {
border-bottom: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
background-color: transparent;
border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
padding-top: 4px;
}
.ant-collapse-ghost {
background-color: transparent;
border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
background-color: transparent;
border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
padding-top: 12px;
padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-collapse-small > .ant-collapse-item > .ant-collapse-header {
padding: 8px 12px;
padding-inline-start: 8px;
}
.ant-collapse-small > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
padding: 12px;
}
.ant-collapse-large > .ant-collapse-item {
font-size: 16px;
line-height: 1.5;
}
.ant-collapse-large > .ant-collapse-item > .ant-collapse-header {
padding: 16px 24px;
padding-inline-start: 16px;
}
.ant-collapse-large > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
padding: 24px;
}
.ant-collapse-rtl {
direction: rtl;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
position: relative;
padding: 12px 16px;
padding-left: 40px;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
position: absolute;
top: 50%;
right: auto;
left: 16px;
margin: 0;
transform: translateY(-50%);
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
padding: 12px 16px;
padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
margin-right: 0;
margin-left: 12px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
margin-right: auto;
margin-left: 0;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
padding-right: 12px;
padding-left: 0;
}
nz-collapse {
display: block;
}
nz-collapse-panel {
display: block;
}
.ant-comment {
position: relative;
background-color: inherit;
}
.ant-comment-inner {
display: flex;
padding: 16px 0;
}
.ant-comment-avatar {
position: relative;
flex-shrink: 0;
margin-right: 12px;
cursor: pointer;
}
.ant-comment-avatar img {
width: 32px;
height: 32px;
border-radius: 50%;
}
.ant-comment-content {
position: relative;
flex: 1 1 auto;
min-width: 1px;
font-size: 14px;
word-wrap: break-word;
}
.ant-comment-content-author {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 4px;
font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
padding-right: 8px;
font-size: 12px;
line-height: 18px;
}
.ant-comment-content-author-name {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
transition: color 0.3s;
}
.ant-comment-content-author-name > * {
color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
color: #ccc;
white-space: nowrap;
cursor: auto;
}
.ant-comment-content-detail p {
margin-bottom: inherit;
white-space: pre-wrap;
}
.ant-comment-actions {
margin-top: 12px;
margin-bottom: inherit;
padding-left: 0;
}
.ant-comment-actions > li {
display: inline-block;
color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
margin-right: 10px;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
cursor: pointer;
transition: color 0.3s;
-webkit-user-select: none;
user-select: none;
}
.ant-comment-actions > li > span:hover {
color: #595959;
}
.ant-comment-nested {
margin-left: 44px;
}
.ant-comment-rtl {
direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
margin-right: 0;
margin-left: 12px;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
padding-right: 0;
padding-left: 8px;
}
.ant-comment-rtl .ant-comment-actions {
padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
margin-right: 0;
margin-left: 10px;
}
.ant-comment-rtl .ant-comment-nested {
margin-right: 44px;
margin-left: 0;
}
nz-comment {
display: block;
}
nz-comment-content {
display: block;
}
.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 rgba(255, 77, 79, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-picker-status-error.ant-picker .ant-picker-active-bar {
background: #ff7875;
}
.ant-picker-status-warning.ant-picker,
.ant-picker-status-warning.ant-picker:not(.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 rgba(250, 173, 20, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-picker-status-warning.ant-picker .ant-picker-active-bar {
background: #ffc53d;
}
.ant-picker {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
padding: 4px 11px 4px;
position: relative;
display: inline-flex;
align-items: center;
background: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-picker:hover,
.ant-input-rtl .ant-picker-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-picker-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
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: rgba(0, 0, 0, 0.25);
}
.ant-picker.ant-picker-borderless {
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
.ant-picker.ant-picker-filled {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.ant-picker.ant-picker-filled:hover {
background-color: #f0f0f0;
border-color: transparent;
box-shadow: none;
}
.ant-picker.ant-picker-filled:focus,
.ant-picker.ant-picker-filled.ant-picker-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
background-color: transparent;
box-shadow: none;
}
.ant-input-rtl .ant-picker.ant-picker-filled:focus,
.ant-input-rtl .ant-picker.ant-picker-filled.ant-picker-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-picker.ant-picker-filled.ant-picker-disabled,
.ant-picker.ant-picker-filled.ant-picker[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-picker.ant-picker-filled.ant-picker-disabled:hover,
.ant-picker.ant-picker-filled.ant-picker[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-picker.ant-picker-underlined,
.ant-picker.ant-picker-underlined:hover,
.ant-picker.ant-picker-underlined:focus,
.ant-picker.ant-picker-underlined.ant-picker-focused,
.ant-picker.ant-picker-underlined.ant-picker-disabled,
.ant-picker.ant-picker-underlined.ant-picker[disabled] {
background-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.ant-picker.ant-picker-underlined:hover:not(.ant-picker-focused):not(:focus) {
border-color: #d9d9d9;
}
.ant-picker-input {
position: relative;
display: inline-flex;
align-items: center;
width: 100%;
}
.ant-picker-input > input {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
flex: auto;
min-width: 1px;
height: auto;
padding: 0;
background: transparent;
border: 0;
}
.ant-picker-input > input::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: #70c4b8;
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:focus,
.ant-picker-input > input-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-picker-input > input:focus,
.ant-input-rtl .ant-picker-input > input-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-picker-input > input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-picker-input > input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-picker-input > input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-picker-input > input.ant-picker-input > input-borderless,
.ant-picker-input > input.ant-picker-input > input-borderless:hover,
.ant-picker-input > input.ant-picker-input > input-borderless:focus,
.ant-picker-input > input.ant-picker-input > input-borderless.ant-picker-input > input-focused,
.ant-picker-input > input.ant-picker-input > input-borderless.ant-picker-input > input-disabled,
.ant-picker-input > input.ant-picker-input > input-borderless.ant-picker-input > input[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
.ant-picker-input > input.ant-picker-input > input-filled {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.ant-picker-input > input.ant-picker-input > input-filled:hover {
background-color: #f0f0f0;
}
.ant-picker-input > input.ant-picker-input > input-filled:focus,
.ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
background-color: transparent;
box-shadow: none;
}
.ant-input-rtl .ant-picker-input > input.ant-picker-input > input-filled:focus,
.ant-input-rtl .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-disabled,
.ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-disabled:hover,
.ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-picker-input > input.ant-picker-input > input-underlined,
.ant-picker-input > input.ant-picker-input > input-underlined:hover,
.ant-picker-input > input.ant-picker-input > input-underlined:focus,
.ant-picker-input > input.ant-picker-input > input-underlined.ant-picker-input > input-focused,
.ant-picker-input > input.ant-picker-input > input-underlined.ant-picker-input > input-disabled,
.ant-picker-input > input.ant-picker-input > input-underlined.ant-picker-input > input[disabled] {
background-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.ant-picker-input > input.ant-picker-input > input-underlined:hover:not(.ant-picker-input > input-focused):not(:focus) {
border-color: #d9d9d9;
}
textarea.ant-picker-input > input {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-picker-input > input-sm {
padding: 0px 7px;
}
.ant-picker-input > input-rtl {
direction: rtl;
}
.ant-picker-input > input-stepperless[type='number'] {
/* stylelint-disable-next-line property-no-vendor-prefix */
-moz-appearance: textfield;
}
.ant-picker-input > input-stepperless[type='number']::-webkit-inner-spin-button,
.ant-picker-input > input-stepperless[type='number'] ::-webkit-outer-spin-button {
margin: 0;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
}
.ant-picker-input > input:focus {
box-shadow: none;
}
.ant-picker-input > input[disabled] {
background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
opacity: 1;
}
.ant-picker-input-placeholder > input {
color: #bfbfbf;
}
.ant-picker-large {
padding: 6.5px 11px 6.5px;
}
.ant-picker-large .ant-picker-input > input {
font-size: 16px;
}
.ant-picker-small {
padding: 0px 7px 0px;
}
.ant-picker-suffix {
display: flex;
flex: none;
align-self: center;
margin-left: 4px;
color: rgba(0, 0, 0, 0.25);
line-height: 1;
pointer-events: none;
}
.ant-picker-suffix > * {
vertical-align: top;
}
.ant-picker-suffix > *:not(:last-child) {
margin-right: 8px;
}
.ant-picker-clear {
position: absolute;
top: 50%;
right: 0;
color: rgba(0, 0, 0, 0.25);
line-height: 1;
background: #fff;
transform: translateY(-50%);
cursor: pointer;
opacity: 0;
transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
vertical-align: top;
}
.ant-picker-clear:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
position: relative;
display: inline-block;
width: 1em;
height: 16px;
color: rgba(0, 0, 0, 0.25);
font-size: 16px;
vertical-align: top;
cursor: default;
}
.ant-picker-focused .ant-picker-separator {
color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
cursor: not-allowed;
}
.ant-picker-range {
position: relative;
display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
bottom: -1px;
height: 2px;
margin-left: 11px;
background: #4cb8ac;
opacity: 0;
transition: all 0.3s ease-out;
pointer-events: none;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
opacity: 1;
}
.ant-picker-range-separator {
align-items: center;
padding: 0 8px;
line-height: 1;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
right: 7px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
margin-left: 7px;
}
.ant-picker-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
--antd-arrow-background-color: #fff;
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
}
.ant-picker-dropdown-hidden {
display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow,
.ant-picker-dropdown-placement-bottomRight .ant-picker-range-arrow {
top: 0;
display: block;
transform: translateY(-100%);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow,
.ant-picker-dropdown-placement-topRight .ant-picker-range-arrow {
bottom: 0;
display: block;
transform: translateY(100%) rotate(180deg);
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
animation-name: antSlideDownIn;
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
animation-name: antSlideUpIn;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
animation-name: antSlideDownOut;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
margin-block: 10.66666667px;
}
.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: #4cb8ac;
background: #e9f7f3;
border-color: #c5ded9;
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;
box-sizing: content-box;
margin-left: 16.5px;
transition: left 0.3s ease-out;
width: 16px;
height: 16px;
overflow: hidden;
pointer-events: none;
}
.ant-picker-range-arrow::before {
position: absolute;
bottom: 0;
width: 16px;
height: calc(16px / 2);
background: var(--antd-arrow-background-color);
content: '';
clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
inset-inline-start: 0;
}
.ant-picker-range-arrow::after {
position: absolute;
bottom: 0;
z-index: 0;
width: 8.97056275px;
height: 8.97056275px;
margin: auto;
background: transparent;
border-radius: 0 0 2px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
transform: translateY(50%) rotate(-135deg);
content: '';
inset-inline: 0;
}
.ant-picker-panel-container {
overflow: hidden;
vertical-align: top;
background: #fff;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
display: inline-flex;
flex-wrap: nowrap;
direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
vertical-align: top;
background: transparent;
border: none;
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-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
margin-right: -1px;
}
.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl {
margin-left: -1px;
}
.ant-picker-compact-item:hover,
.ant-picker-compact-item:focus,
.ant-picker-compact-item:active {
z-index: 2;
}
.ant-picker-compact-item.ant-picker-focused {
z-index: 2;
}
.ant-picker-compact-item[disabled] {
z-index: 0;
}
.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker {
border-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-picker-panel {
display: inline-flex;
flex-direction: column;
text-align: center;
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 2px;
outline: none;
}
.ant-picker-panel-focused {
border-color: #4cb8ac;
}
.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
display: flex;
flex-direction: column;
width: 280px;
}
.ant-picker-header {
display: flex;
padding: 0 8px;
color: rgba(0, 0, 0, 0.85);
border-bottom: 1px solid #f0f0f0;
}
.ant-picker-header > * {
flex: none;
}
.ant-picker-header button {
padding: 0;
color: rgba(0, 0, 0, 0.25);
line-height: 40px;
background: transparent;
border: 0;
cursor: pointer;
transition: color 0.3s;
}
.ant-picker-header > button {
min-width: 1.6em;
font-size: 14px;
}
.ant-picker-header > button:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-picker-header-view {
flex: auto;
font-weight: 500;
line-height: 40px;
}
.ant-picker-header-view button {
color: inherit;
font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
margin-left: 8px;
}
.ant-picker-header-view button:hover {
color: #4cb8ac;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
position: relative;
display: inline-block;
width: 7px;
height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 7px;
height: 7px;
border: 0 solid currentcolor;
border-width: 1.5px 0 0 1.5px;
content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
position: absolute;
top: 4px;
left: 4px;
display: inline-block;
width: 7px;
height: 7px;
border: 0 solid currentcolor;
border-width: 1.5px 0 0 1.5px;
content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
transform: rotate(135deg);
}
.ant-picker-content {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
position: relative;
min-width: 24px;
font-weight: 400;
}
.ant-picker-content th {
height: 30px;
color: rgba(0, 0, 0, 0.85);
line-height: 30px;
}
.ant-picker-cell {
padding: 3px 0;
color: rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.ant-picker-cell-in-view {
color: rgba(0, 0, 0, 0.85);
}
.ant-picker-cell::before {
position: absolute;
top: 50%;
right: 0;
left: 0;
z-index: 1;
height: 24px;
transform: translateY(-50%);
transition: all 0.3s;
content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
position: relative;
z-index: 2;
display: inline-block;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 2px;
transition: background 0.3s, border 0.3s;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
background: #e9e9ea;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
border: 1px solid #4cb8ac;
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: #e9f7f3;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
color: #fff;
background: #4cb8ac;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
background: #e9f7f3;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
position: absolute;
top: 50%;
z-index: 0;
height: 24px;
border-top: 1px dashed #95d5ce;
border-bottom: 1px dashed #95d5ce;
transform: translateY(-50%);
transition: all 0.3s;
content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
right: 0;
left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
background: #ccebe7;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
border-radius: 2px 0 0 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
border-radius: 0 2px 2px 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
background: #ccebe7;
transition: all 0.3s;
content: '';
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
right: -6px;
left: 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
right: 0;
left: -6px;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
left: 50%;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
left: 6px;
border-left: 1px dashed #95d5ce;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
right: 6px;
border-right: 1px dashed #95d5ce;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ant-picker-cell-disabled {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
background: transparent;
}
.ant-picker-cell-disabled::before {
background: rgba(0, 0, 0, 0.04);
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
border-color: rgba(0, 0, 0, 0.25);
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
height: 56px;
}
.ant-picker-footer {
width: 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: #4cb8ac;
}
.ant-picker-today-btn:hover {
color: #70c4b8;
}
.ant-picker-today-btn:active {
color: #34918a;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell::before {
display: none;
}
.ant-picker-year-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-month-panel .ant-picker-body {
padding: 0 8px;
}
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
width: 60px;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
left: 14px;
border-left: 1px dashed #95d5ce;
border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
right: 14px;
border-right: 1px dashed #95d5ce;
border-radius: 0 2px 2px 0;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
right: 14px;
border-right: 1px dashed #95d5ce;
border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
left: 14px;
border-left: 1px dashed #95d5ce;
border-radius: 2px 0 0 2px;
}
.ant-picker-week-panel .ant-picker-body {
padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
background: transparent !important;
}
.ant-picker-week-panel-row td {
transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
background: #e9e9ea;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
background: #4cb8ac;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
width: 36px;
}
.ant-picker-datetime-panel {
display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
opacity: 1;
}
.ant-picker-time-panel {
width: auto;
min-width: auto;
}
.ant-picker-time-panel .ant-picker-content {
display: flex;
flex: auto;
height: 224px;
}
.ant-picker-time-panel-column {
flex: 1 0 auto;
width: 56px;
margin: 0;
padding: 0;
overflow-y: hidden;
text-align: left;
list-style: none;
transition: background 0.3s;
}
.ant-picker-time-panel-column::after {
display: block;
height: 196px;
content: '';
}
.ant-picker-datetime-panel .ant-picker-time-panel-column::after {
height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
background: rgba(233, 233, 234, 0.2);
}
.ant-picker-time-panel-column:hover {
overflow-y: auto;
}
.ant-picker-time-panel-column > li {
margin: 0;
padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
display: block;
width: 100%;
height: 28px;
margin: 0;
padding: 0 0 0 14px;
color: rgba(0, 0, 0, 0.85);
line-height: 28px;
border-radius: 0;
cursor: pointer;
transition: background 0.3s;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
background: #e9e9ea;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
background: #e9e9ea;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
color: rgba(0, 0, 0, 0.25);
background: transparent;
cursor: not-allowed;
}
/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
padding: 21px 0;
}
.ant-picker-rtl {
direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
margin-right: 4px;
margin-left: 0;
}
.ant-picker-rtl .ant-picker-clear {
right: auto;
left: 0;
}
.ant-picker-rtl .ant-picker-separator {
transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
margin-right: 8px;
margin-left: 0;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
right: auto;
left: 11px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
margin-right: 11px;
margin-left: 0;
}
.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
margin-right: 7px;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
float: left;
margin-right: 8px;
margin-left: 0;
}
.ant-picker-panel-rtl {
direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
position: relative;
z-index: 2;
display: inline-block;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: 2px;
transition: background 0.3s, border 0.3s;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
right: 50%;
left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
right: 0;
left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
right: 50%;
left: 50%;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
right: 0;
left: -6px;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
right: -6px;
left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
right: 0;
left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
right: 50%;
left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
right: 6px;
left: 0;
border-right: 1px dashed #95d5ce;
border-left: none;
border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
right: 0;
left: 6px;
border-right: none;
border-left: 1px dashed #95d5ce;
border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
right: 6px;
left: 6px;
border-right: 1px dashed #95d5ce;
border-left: 1px dashed #95d5ce;
border-radius: 2px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
direction: rtl;
text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
direction: ltr;
}
.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-descriptions-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.ant-descriptions-title {
flex: auto;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: bold;
font-size: 16px;
line-height: 1.5715;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-descriptions-extra {
margin-left: auto;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-descriptions-view {
width: 100%;
border-radius: 2px;
}
.ant-descriptions-view table {
width: 100%;
table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
border-bottom: none;
}
.ant-descriptions-item-label {
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 1.5715;
text-align: start;
}
.ant-descriptions-item-label::after {
content: ':';
position: relative;
top: -0.5px;
margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
content: ' ';
}
.ant-descriptions-item-no-label::after {
margin: 0;
content: '';
}
.ant-descriptions-item-content {
display: table-cell;
flex: 1;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
word-break: break-word;
overflow-wrap: break-word;
}
.ant-descriptions-item {
padding-bottom: 0;
vertical-align: top;
}
.ant-descriptions-item-container {
display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-label,
.ant-descriptions-item-container .ant-descriptions-item-content {
display: inline-flex;
align-items: baseline;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
table-layout: auto;
border-collapse: collapse;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
padding: 16px 24px;
border-right: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
padding: 8px 16px;
}
.ant-descriptions-rtl {
direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label::after {
margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
border-right: none;
border-left: 1px solid #f0f0f0;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
border-left: none;
}
nz-descriptions {
display: block;
}
.ant-divider {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-vertical {
position: relative;
top: -0.06em;
display: inline-block;
height: 0.9em;
margin: 0 8px;
vertical-align: middle;
border-top: 0;
border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal {
display: flex;
clear: both;
width: 100%;
min-width: 100%;
margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
display: flex;
align-items: center;
margin: 16px 0;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
white-space: nowrap;
text-align: center;
border-top: 0;
border-top-color: rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
position: relative;
width: 50%;
border-top: 1px solid transparent;
border-top-color: inherit;
border-bottom: 0;
transform: translateY(50%);
content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
width: 5%;
}
.ant-divider-inner-text {
display: inline-block;
padding: 0 1em;
}
.ant-divider-dashed {
background: none;
border-color: rgba(0, 0, 0, 0.06);
border-style: dashed;
border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before {
width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after {
width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
padding-left: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before {
width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after {
width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
padding-right: 0;
}
.ant-divider-rtl {
direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
width: 95%;
}
.ant-divider-dotted {
background: none;
border-color: rgba(0, 0, 0, 0.06);
border-style: dotted;
border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dotted::after,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dotted::before {
border-style: dotted none none;
}
.ant-divider-vertical.ant-divider-dotted {
border-width: 0 0 0 1px;
}
.ant-divider-sm {
margin-block: 8px;
}
.ant-divider-md {
margin-block: 16px;
}
.ant-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
pointer-events: none;
}
.ant-drawer-inline {
position: absolute;
}
.ant-drawer-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.45);
pointer-events: auto;
}
.ant-drawer-content-wrapper {
position: absolute;
z-index: 1000;
transition: all 0.3s;
}
.ant-drawer-content-wrapper-hidden {
display: none;
}
.ant-drawer-left > .ant-drawer-content-wrapper {
top: 0;
bottom: 0;
left: 0;
box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right > .ant-drawer-content-wrapper {
top: 0;
right: 0;
bottom: 0;
box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-top > .ant-drawer-content-wrapper {
top: 0;
right: 0;
left: 0;
box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom > .ant-drawer-content-wrapper {
right: 0;
bottom: 0;
left: 0;
box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-content {
width: 100%;
height: 100%;
overflow: auto;
background: #fff;
pointer-events: auto;
}
.ant-drawer-wrapper-body {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.ant-drawer-header {
display: flex;
flex: 0;
align-items: center;
padding: 16px 24px;
font-size: 16px;
line-height: 22px;
border-bottom: 1px solid #f0f0f0;
}
.ant-drawer-header-title {
display: flex;
flex: 1;
align-items: center;
min-width: 0;
min-height: 0;
}
.ant-drawer-extra {
flex: none;
}
.ant-drawer-close {
display: inline-block;
margin-right: 12px;
color: rgba(0, 0, 0, 0.45);
font-weight: 700;
font-size: 16px;
font-style: normal;
line-height: 1;
text-align: center;
text-transform: none;
text-decoration: none;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.3s;
text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
color: rgba(0, 0, 0, 0.75);
text-decoration: none;
}
.ant-drawer-title {
flex: 1;
margin: 0;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.ant-drawer-body {
flex: 1;
min-width: 0;
min-height: 0;
padding: 24px;
overflow: auto;
}
.ant-drawer-footer {
flex-shrink: 0;
padding: 10px 16px;
border-top: 1px solid #f0f0f0;
}
.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
transition: none;
}
.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
transition: all 0.3s;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active,
.ant-drawer-mask-motion-leave-active {
transition: all 0.3s;
}
.ant-drawer-mask-motion-enter,
.ant-drawer-mask-motion-appear {
opacity: 0;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active {
opacity: 1;
}
.ant-drawer-mask-motion-leave {
opacity: 1;
}
.ant-drawer-mask-motion-leave-active {
opacity: 0;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start,
.ant-drawer-panel-motion-left-leave-start {
transition: none;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active,
.ant-drawer-panel-motion-left-leave-active {
transition: all 0.3s;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start {
transform: translateX(-100%) !important;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active {
transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave {
transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave-active {
transform: translateX(-100%);
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start,
.ant-drawer-panel-motion-right-leave-start {
transition: none;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active,
.ant-drawer-panel-motion-right-leave-active {
transition: all 0.3s;
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start {
transform: translateX(100%) !important;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active {
transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave {
transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave-active {
transform: translateX(100%);
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start,
.ant-drawer-panel-motion-top-leave-start {
transition: none;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active,
.ant-drawer-panel-motion-top-leave-active {
transition: all 0.3s;
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start {
transform: translateY(-100%) !important;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active {
transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave {
transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave-active {
transform: translateY(-100%);
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start,
.ant-drawer-panel-motion-bottom-leave-start {
transition: none;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active,
.ant-drawer-panel-motion-bottom-leave-active {
transition: all 0.3s;
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start {
transform: translateY(100%) !important;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active {
transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave {
transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave-active {
transform: translateY(100%);
}
.ant-drawer-rtl {
direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
margin-right: 0;
margin-left: 12px;
}
.ant-drawer:not(.ant-drawer-open) .ant-drawer-content-wrapper {
box-shadow: none;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
color: #ff4d4f;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
color: #fff;
background-color: #ff4d4f;
}
.ant-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
--antd-arrow-background-color: #fff;
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
display: block;
}
.ant-dropdown::before {
position: absolute;
inset-block: calc(16px / 2 - calc(16px / 2 + 4px));
z-index: -9999;
opacity: 0.0001;
content: '';
}
.ant-dropdown-wrap {
position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
font-size: 10px;
}
.ant-dropdown-wrap .anticon-down::before {
transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden,
.ant-dropdown-menu-submenu-hidden {
display: none;
}
.ant-dropdown-arrow {
position: absolute;
z-index: 1;
display: block;
width: 16px;
height: 16px;
overflow: hidden;
pointer-events: none;
}
.ant-dropdown-arrow::before {
position: absolute;
bottom: 0;
width: 16px;
height: calc(16px / 2);
background: var(--antd-arrow-background-color);
content: '';
clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
inset-inline-start: 0;
}
.ant-dropdown-arrow::after {
position: absolute;
bottom: 0;
z-index: 0;
width: 8.97056275px;
height: 8.97056275px;
margin: auto;
background: transparent;
border-radius: 0 0 2px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
transform: translateY(50%) rotate(-135deg);
content: '';
inset-inline: 0;
}
.ant-dropdown-arrow::before {
background: var(--antd-arrow-background-color);
}
.ant-dropdown-placement-top > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
bottom: 0px;
transform: translateY(100%) rotate(180deg);
}
.ant-dropdown-placement-top > .ant-dropdown-arrow {
left: 50%;
transform: translateX(-50%) translateY(100%) rotate(180deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
right: 16px;
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
top: 0px;
transform: translateY(-100%);
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow {
left: 50%;
transform: translateX(-50%) translateY(-100%);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
right: 16px;
}
.ant-dropdown-placement-left > .ant-dropdown-arrow,
.ant-dropdown-placement-leftTop > .ant-dropdown-arrow,
.ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
right: 0px;
transform: translateX(100%) rotate(90deg);
}
.ant-dropdown-placement-left > .ant-dropdown-arrow {
top: 50%;
transform: translateY(-50%) translateX(100%) rotate(90deg);
}
.ant-dropdown-placement-leftTop > .ant-dropdown-arrow {
top: 16px;
}
.ant-dropdown-placement-leftBottom > .ant-dropdown-arrow {
bottom: 16px;
}
.ant-dropdown-placement-right > .ant-dropdown-arrow,
.ant-dropdown-placement-rightTop > .ant-dropdown-arrow,
.ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
left: 0px;
transform: translateX(-100%) rotate(-90deg);
}
.ant-dropdown-placement-right > .ant-dropdown-arrow {
top: 50%;
transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}
.ant-dropdown-placement-rightTop > .ant-dropdown-arrow {
top: 16px;
}
.ant-dropdown-placement-rightBottom > .ant-dropdown-arrow {
bottom: 16px;
}
.ant-dropdown-menu {
position: relative;
margin: 0;
padding: 4px 0;
text-align: left;
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-dropdown-menu-item-group-title {
padding: 5px 12px;
color: rgba(0, 0, 0, 0.45);
transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
position: absolute;
z-index: 1050;
background: transparent;
box-shadow: none;
transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
margin-right: 0.3em;
margin-left: 0.3em;
}
.ant-dropdown-menu-item {
position: relative;
display: flex;
align-items: center;
}
.ant-dropdown-menu-item-icon {
min-width: 12px;
margin-right: 8px;
font-size: 12px;
}
.ant-dropdown-menu-title-content {
flex: auto;
}
.ant-dropdown-menu-title-content > a {
color: inherit;
transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
color: inherit;
}
.ant-dropdown-menu-title-content > a::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
clear: both;
margin: 0;
padding: 5px 12px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
cursor: pointer;
transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
color: #4cb8ac;
background-color: #e9e9ea;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
background-color: #e9e9ea;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #fff;
cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
pointer-events: none;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
height: 1px;
margin: 4px 0;
overflow: hidden;
line-height: 0;
background-color: #f0f0f0;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
position: absolute;
right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
margin-right: 0 !important;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
font-style: normal;
}
.ant-dropdown-menu-item-group-list {
margin: 0 8px;
padding: 0;
list-style: none;
}
.ant-dropdown-menu-submenu-title {
padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
position: absolute;
top: 0;
left: 100%;
min-width: 100%;
margin-left: 4px;
transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
color: rgba(0, 0, 0, 0.25);
background-color: #fff;
cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
color: #4cb8ac;
}
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-button > .anticon.anticon-down {
font-size: 10px;
vertical-align: baseline;
}
.ant-dropdown-button {
white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading,
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
cursor: default;
pointer-events: none;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before {
display: block;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
padding-right: 8px;
padding-left: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
color: #fff;
background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
color: #fff;
background: #4cb8ac;
}
.ant-dropdown-rtl {
direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
right: -7px;
left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
direction: rtl;
text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,
.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
direction: rtl;
text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
transform-origin: 100% 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
margin-right: 0;
margin-left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
right: auto;
left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
margin-left: 0 !important;
transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
padding-right: 12px;
padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
right: 100%;
left: 0;
margin-right: 4px;
margin-left: 0;
}
.ant-dropdown-menu > ul {
margin: 0;
padding: 0;
list-style: inherit;
}
.ant-dropdown {
position: relative;
inset: 0;
}
.ant-dropdown:not(:has(.ant-dropdown-arrow)) {
margin-block: calc(calc(16px / 2 + 4px) - 16px / 2);
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
transform: rotate(180deg);
}
.ant-empty {
margin: 0 8px;
font-size: 14px;
line-height: 1.5715;
text-align: center;
}
.ant-empty-image {
height: 100px;
margin-bottom: 8px;
}
.ant-empty-image img {
height: 100%;
}
.ant-empty-image svg {
height: 100%;
margin: auto;
}
.ant-empty-footer {
margin-top: 16px;
}
.ant-empty-normal {
margin: 32px 0;
color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
height: 40px;
}
.ant-empty-small {
margin: 8px 0;
color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
height: 35px;
}
.ant-empty-img-default-ellipse {
fill: #f5f5f5;
fill-opacity: 0.8;
}
.ant-empty-img-default-path-1 {
fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
fill: url('#linearGradient-1');
}
.ant-empty-img-default-path-3 {
fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
fill: #dce0e6;
}
.ant-empty-img-default-g {
fill: #fff;
}
.ant-empty-img-simple-ellipse {
fill: #f5f5f5;
}
.ant-empty-img-simple-g {
stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
fill: #fafafa;
}
.ant-empty-rtl {
direction: rtl;
}
nz-empty {
display: block;
}
.ant-row {
display: flex;
flex-flow: row wrap;
min-width: 0;
}
.ant-row::before,
.ant-row::after {
display: flex;
}
.ant-row-no-wrap {
flex-wrap: nowrap;
}
.ant-row-start {
justify-content: flex-start;
}
.ant-row-center {
justify-content: center;
}
.ant-row-end {
justify-content: flex-end;
}
.ant-row-space-between {
justify-content: space-between;
}
.ant-row-space-around {
justify-content: space-around;
}
.ant-row-space-evenly {
justify-content: space-evenly;
}
.ant-row-top {
align-items: flex-start;
}
.ant-row-middle {
align-items: center;
}
.ant-row-bottom {
align-items: flex-end;
}
.ant-col {
position: relative;
max-width: 100%;
min-height: 1px;
}
.ant-col-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-push-24 {
left: 100%;
}
.ant-col-pull-24 {
right: 100%;
}
.ant-col-offset-24 {
margin-left: 100%;
}
.ant-col-order-24 {
order: 24;
}
.ant-col-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-push-23 {
left: 95.83333333%;
}
.ant-col-pull-23 {
right: 95.83333333%;
}
.ant-col-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-order-23 {
order: 23;
}
.ant-col-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-push-22 {
left: 91.66666667%;
}
.ant-col-pull-22 {
right: 91.66666667%;
}
.ant-col-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-order-22 {
order: 22;
}
.ant-col-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-push-21 {
left: 87.5%;
}
.ant-col-pull-21 {
right: 87.5%;
}
.ant-col-offset-21 {
margin-left: 87.5%;
}
.ant-col-order-21 {
order: 21;
}
.ant-col-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-push-20 {
left: 83.33333333%;
}
.ant-col-pull-20 {
right: 83.33333333%;
}
.ant-col-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-order-20 {
order: 20;
}
.ant-col-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-push-19 {
left: 79.16666667%;
}
.ant-col-pull-19 {
right: 79.16666667%;
}
.ant-col-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-order-19 {
order: 19;
}
.ant-col-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-push-18 {
left: 75%;
}
.ant-col-pull-18 {
right: 75%;
}
.ant-col-offset-18 {
margin-left: 75%;
}
.ant-col-order-18 {
order: 18;
}
.ant-col-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-push-17 {
left: 70.83333333%;
}
.ant-col-pull-17 {
right: 70.83333333%;
}
.ant-col-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-order-17 {
order: 17;
}
.ant-col-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-push-16 {
left: 66.66666667%;
}
.ant-col-pull-16 {
right: 66.66666667%;
}
.ant-col-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-order-16 {
order: 16;
}
.ant-col-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-push-15 {
left: 62.5%;
}
.ant-col-pull-15 {
right: 62.5%;
}
.ant-col-offset-15 {
margin-left: 62.5%;
}
.ant-col-order-15 {
order: 15;
}
.ant-col-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-push-14 {
left: 58.33333333%;
}
.ant-col-pull-14 {
right: 58.33333333%;
}
.ant-col-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-order-14 {
order: 14;
}
.ant-col-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-push-13 {
left: 54.16666667%;
}
.ant-col-pull-13 {
right: 54.16666667%;
}
.ant-col-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-order-13 {
order: 13;
}
.ant-col-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-push-12 {
left: 50%;
}
.ant-col-pull-12 {
right: 50%;
}
.ant-col-offset-12 {
margin-left: 50%;
}
.ant-col-order-12 {
order: 12;
}
.ant-col-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-push-11 {
left: 45.83333333%;
}
.ant-col-pull-11 {
right: 45.83333333%;
}
.ant-col-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-order-11 {
order: 11;
}
.ant-col-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-push-10 {
left: 41.66666667%;
}
.ant-col-pull-10 {
right: 41.66666667%;
}
.ant-col-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-order-10 {
order: 10;
}
.ant-col-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-push-9 {
left: 37.5%;
}
.ant-col-pull-9 {
right: 37.5%;
}
.ant-col-offset-9 {
margin-left: 37.5%;
}
.ant-col-order-9 {
order: 9;
}
.ant-col-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-push-8 {
left: 33.33333333%;
}
.ant-col-pull-8 {
right: 33.33333333%;
}
.ant-col-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-order-8 {
order: 8;
}
.ant-col-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-push-7 {
left: 29.16666667%;
}
.ant-col-pull-7 {
right: 29.16666667%;
}
.ant-col-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-order-7 {
order: 7;
}
.ant-col-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-push-6 {
left: 25%;
}
.ant-col-pull-6 {
right: 25%;
}
.ant-col-offset-6 {
margin-left: 25%;
}
.ant-col-order-6 {
order: 6;
}
.ant-col-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-push-5 {
left: 20.83333333%;
}
.ant-col-pull-5 {
right: 20.83333333%;
}
.ant-col-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-order-5 {
order: 5;
}
.ant-col-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-push-4 {
left: 16.66666667%;
}
.ant-col-pull-4 {
right: 16.66666667%;
}
.ant-col-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-order-4 {
order: 4;
}
.ant-col-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-push-3 {
left: 12.5%;
}
.ant-col-pull-3 {
right: 12.5%;
}
.ant-col-offset-3 {
margin-left: 12.5%;
}
.ant-col-order-3 {
order: 3;
}
.ant-col-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-push-2 {
left: 8.33333333%;
}
.ant-col-pull-2 {
right: 8.33333333%;
}
.ant-col-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-order-2 {
order: 2;
}
.ant-col-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-push-1 {
left: 4.16666667%;
}
.ant-col-pull-1 {
right: 4.16666667%;
}
.ant-col-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-order-1 {
order: 1;
}
.ant-col-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-offset-0 {
margin-left: 0;
}
.ant-col-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
.ant-col-xs-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xs-push-24 {
left: 100%;
}
.ant-col-xs-pull-24 {
right: 100%;
}
.ant-col-xs-offset-24 {
margin-left: 100%;
}
.ant-col-xs-order-24 {
order: 24;
}
.ant-col-xs-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
left: 95.83333333%;
}
.ant-col-xs-pull-23 {
right: 95.83333333%;
}
.ant-col-xs-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
order: 23;
}
.ant-col-xs-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
left: 91.66666667%;
}
.ant-col-xs-pull-22 {
right: 91.66666667%;
}
.ant-col-xs-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
order: 22;
}
.ant-col-xs-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-xs-push-21 {
left: 87.5%;
}
.ant-col-xs-pull-21 {
right: 87.5%;
}
.ant-col-xs-offset-21 {
margin-left: 87.5%;
}
.ant-col-xs-order-21 {
order: 21;
}
.ant-col-xs-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
left: 83.33333333%;
}
.ant-col-xs-pull-20 {
right: 83.33333333%;
}
.ant-col-xs-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
order: 20;
}
.ant-col-xs-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
left: 79.16666667%;
}
.ant-col-xs-pull-19 {
right: 79.16666667%;
}
.ant-col-xs-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
order: 19;
}
.ant-col-xs-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-xs-push-18 {
left: 75%;
}
.ant-col-xs-pull-18 {
right: 75%;
}
.ant-col-xs-offset-18 {
margin-left: 75%;
}
.ant-col-xs-order-18 {
order: 18;
}
.ant-col-xs-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
left: 70.83333333%;
}
.ant-col-xs-pull-17 {
right: 70.83333333%;
}
.ant-col-xs-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
order: 17;
}
.ant-col-xs-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
left: 66.66666667%;
}
.ant-col-xs-pull-16 {
right: 66.66666667%;
}
.ant-col-xs-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
order: 16;
}
.ant-col-xs-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-xs-push-15 {
left: 62.5%;
}
.ant-col-xs-pull-15 {
right: 62.5%;
}
.ant-col-xs-offset-15 {
margin-left: 62.5%;
}
.ant-col-xs-order-15 {
order: 15;
}
.ant-col-xs-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
left: 58.33333333%;
}
.ant-col-xs-pull-14 {
right: 58.33333333%;
}
.ant-col-xs-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
order: 14;
}
.ant-col-xs-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
left: 54.16666667%;
}
.ant-col-xs-pull-13 {
right: 54.16666667%;
}
.ant-col-xs-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
order: 13;
}
.ant-col-xs-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-xs-push-12 {
left: 50%;
}
.ant-col-xs-pull-12 {
right: 50%;
}
.ant-col-xs-offset-12 {
margin-left: 50%;
}
.ant-col-xs-order-12 {
order: 12;
}
.ant-col-xs-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
left: 45.83333333%;
}
.ant-col-xs-pull-11 {
right: 45.83333333%;
}
.ant-col-xs-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
order: 11;
}
.ant-col-xs-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
left: 41.66666667%;
}
.ant-col-xs-pull-10 {
right: 41.66666667%;
}
.ant-col-xs-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
order: 10;
}
.ant-col-xs-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-xs-push-9 {
left: 37.5%;
}
.ant-col-xs-pull-9 {
right: 37.5%;
}
.ant-col-xs-offset-9 {
margin-left: 37.5%;
}
.ant-col-xs-order-9 {
order: 9;
}
.ant-col-xs-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
left: 33.33333333%;
}
.ant-col-xs-pull-8 {
right: 33.33333333%;
}
.ant-col-xs-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
order: 8;
}
.ant-col-xs-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
left: 29.16666667%;
}
.ant-col-xs-pull-7 {
right: 29.16666667%;
}
.ant-col-xs-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
order: 7;
}
.ant-col-xs-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-xs-push-6 {
left: 25%;
}
.ant-col-xs-pull-6 {
right: 25%;
}
.ant-col-xs-offset-6 {
margin-left: 25%;
}
.ant-col-xs-order-6 {
order: 6;
}
.ant-col-xs-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
left: 20.83333333%;
}
.ant-col-xs-pull-5 {
right: 20.83333333%;
}
.ant-col-xs-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
order: 5;
}
.ant-col-xs-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
left: 16.66666667%;
}
.ant-col-xs-pull-4 {
right: 16.66666667%;
}
.ant-col-xs-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
order: 4;
}
.ant-col-xs-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-xs-push-3 {
left: 12.5%;
}
.ant-col-xs-pull-3 {
right: 12.5%;
}
.ant-col-xs-offset-3 {
margin-left: 12.5%;
}
.ant-col-xs-order-3 {
order: 3;
}
.ant-col-xs-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
left: 8.33333333%;
}
.ant-col-xs-pull-2 {
right: 8.33333333%;
}
.ant-col-xs-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
order: 2;
}
.ant-col-xs-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
left: 4.16666667%;
}
.ant-col-xs-pull-1 {
right: 4.16666667%;
}
.ant-col-xs-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
order: 1;
}
.ant-col-xs-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-xs-push-0 {
left: auto;
}
.ant-col-xs-pull-0 {
right: auto;
}
.ant-col-xs-offset-0 {
margin-left: 0;
}
.ant-col-xs-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
@media (min-width: 576px) {
.ant-col-sm-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-sm-push-24 {
left: 100%;
}
.ant-col-sm-pull-24 {
right: 100%;
}
.ant-col-sm-offset-24 {
margin-left: 100%;
}
.ant-col-sm-order-24 {
order: 24;
}
.ant-col-sm-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-sm-push-23 {
left: 95.83333333%;
}
.ant-col-sm-pull-23 {
right: 95.83333333%;
}
.ant-col-sm-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-sm-order-23 {
order: 23;
}
.ant-col-sm-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-sm-push-22 {
left: 91.66666667%;
}
.ant-col-sm-pull-22 {
right: 91.66666667%;
}
.ant-col-sm-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-sm-order-22 {
order: 22;
}
.ant-col-sm-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-sm-push-21 {
left: 87.5%;
}
.ant-col-sm-pull-21 {
right: 87.5%;
}
.ant-col-sm-offset-21 {
margin-left: 87.5%;
}
.ant-col-sm-order-21 {
order: 21;
}
.ant-col-sm-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-sm-push-20 {
left: 83.33333333%;
}
.ant-col-sm-pull-20 {
right: 83.33333333%;
}
.ant-col-sm-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-sm-order-20 {
order: 20;
}
.ant-col-sm-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-sm-push-19 {
left: 79.16666667%;
}
.ant-col-sm-pull-19 {
right: 79.16666667%;
}
.ant-col-sm-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-sm-order-19 {
order: 19;
}
.ant-col-sm-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-sm-push-18 {
left: 75%;
}
.ant-col-sm-pull-18 {
right: 75%;
}
.ant-col-sm-offset-18 {
margin-left: 75%;
}
.ant-col-sm-order-18 {
order: 18;
}
.ant-col-sm-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-sm-push-17 {
left: 70.83333333%;
}
.ant-col-sm-pull-17 {
right: 70.83333333%;
}
.ant-col-sm-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-sm-order-17 {
order: 17;
}
.ant-col-sm-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-sm-push-16 {
left: 66.66666667%;
}
.ant-col-sm-pull-16 {
right: 66.66666667%;
}
.ant-col-sm-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-sm-order-16 {
order: 16;
}
.ant-col-sm-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-sm-push-15 {
left: 62.5%;
}
.ant-col-sm-pull-15 {
right: 62.5%;
}
.ant-col-sm-offset-15 {
margin-left: 62.5%;
}
.ant-col-sm-order-15 {
order: 15;
}
.ant-col-sm-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-sm-push-14 {
left: 58.33333333%;
}
.ant-col-sm-pull-14 {
right: 58.33333333%;
}
.ant-col-sm-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-sm-order-14 {
order: 14;
}
.ant-col-sm-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-sm-push-13 {
left: 54.16666667%;
}
.ant-col-sm-pull-13 {
right: 54.16666667%;
}
.ant-col-sm-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-sm-order-13 {
order: 13;
}
.ant-col-sm-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-sm-push-12 {
left: 50%;
}
.ant-col-sm-pull-12 {
right: 50%;
}
.ant-col-sm-offset-12 {
margin-left: 50%;
}
.ant-col-sm-order-12 {
order: 12;
}
.ant-col-sm-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-sm-push-11 {
left: 45.83333333%;
}
.ant-col-sm-pull-11 {
right: 45.83333333%;
}
.ant-col-sm-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-sm-order-11 {
order: 11;
}
.ant-col-sm-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-sm-push-10 {
left: 41.66666667%;
}
.ant-col-sm-pull-10 {
right: 41.66666667%;
}
.ant-col-sm-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-sm-order-10 {
order: 10;
}
.ant-col-sm-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-sm-push-9 {
left: 37.5%;
}
.ant-col-sm-pull-9 {
right: 37.5%;
}
.ant-col-sm-offset-9 {
margin-left: 37.5%;
}
.ant-col-sm-order-9 {
order: 9;
}
.ant-col-sm-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-sm-push-8 {
left: 33.33333333%;
}
.ant-col-sm-pull-8 {
right: 33.33333333%;
}
.ant-col-sm-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-sm-order-8 {
order: 8;
}
.ant-col-sm-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-sm-push-7 {
left: 29.16666667%;
}
.ant-col-sm-pull-7 {
right: 29.16666667%;
}
.ant-col-sm-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-sm-order-7 {
order: 7;
}
.ant-col-sm-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-sm-push-6 {
left: 25%;
}
.ant-col-sm-pull-6 {
right: 25%;
}
.ant-col-sm-offset-6 {
margin-left: 25%;
}
.ant-col-sm-order-6 {
order: 6;
}
.ant-col-sm-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-sm-push-5 {
left: 20.83333333%;
}
.ant-col-sm-pull-5 {
right: 20.83333333%;
}
.ant-col-sm-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-sm-order-5 {
order: 5;
}
.ant-col-sm-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-sm-push-4 {
left: 16.66666667%;
}
.ant-col-sm-pull-4 {
right: 16.66666667%;
}
.ant-col-sm-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-sm-order-4 {
order: 4;
}
.ant-col-sm-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-sm-push-3 {
left: 12.5%;
}
.ant-col-sm-pull-3 {
right: 12.5%;
}
.ant-col-sm-offset-3 {
margin-left: 12.5%;
}
.ant-col-sm-order-3 {
order: 3;
}
.ant-col-sm-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-sm-push-2 {
left: 8.33333333%;
}
.ant-col-sm-pull-2 {
right: 8.33333333%;
}
.ant-col-sm-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-sm-order-2 {
order: 2;
}
.ant-col-sm-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-sm-push-1 {
left: 4.16666667%;
}
.ant-col-sm-pull-1 {
right: 4.16666667%;
}
.ant-col-sm-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-sm-order-1 {
order: 1;
}
.ant-col-sm-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-sm-push-0 {
left: auto;
}
.ant-col-sm-pull-0 {
right: auto;
}
.ant-col-sm-offset-0 {
margin-left: 0;
}
.ant-col-sm-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-sm-push-0.ant-col-rtl {
right: auto;
}
.ant-col-sm-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-sm-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-sm-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-sm-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-sm-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-sm-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-sm-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-sm-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-sm-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-sm-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-sm-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-sm-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-sm-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-sm-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-sm-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-sm-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-sm-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-sm-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-sm-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-sm-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-sm-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-sm-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-sm-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-sm-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-sm-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-sm-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-sm-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-sm-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-sm-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-sm-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-sm-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-sm-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-sm-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-sm-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-sm-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-sm-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-sm-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-sm-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-sm-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-sm-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-sm-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-sm-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-sm-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-sm-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-sm-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-sm-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-sm-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-sm-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-sm-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-sm-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-sm-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-sm-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-sm-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-sm-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-sm-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-sm-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-sm-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-sm-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-sm-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-sm-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-sm-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-sm-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-sm-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-sm-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-sm-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-sm-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-sm-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-sm-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-sm-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-sm-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-sm-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-sm-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-sm-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-sm-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 768px) {
.ant-col-md-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-md-push-24 {
left: 100%;
}
.ant-col-md-pull-24 {
right: 100%;
}
.ant-col-md-offset-24 {
margin-left: 100%;
}
.ant-col-md-order-24 {
order: 24;
}
.ant-col-md-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-md-push-23 {
left: 95.83333333%;
}
.ant-col-md-pull-23 {
right: 95.83333333%;
}
.ant-col-md-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-md-order-23 {
order: 23;
}
.ant-col-md-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-md-push-22 {
left: 91.66666667%;
}
.ant-col-md-pull-22 {
right: 91.66666667%;
}
.ant-col-md-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-md-order-22 {
order: 22;
}
.ant-col-md-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-md-push-21 {
left: 87.5%;
}
.ant-col-md-pull-21 {
right: 87.5%;
}
.ant-col-md-offset-21 {
margin-left: 87.5%;
}
.ant-col-md-order-21 {
order: 21;
}
.ant-col-md-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-md-push-20 {
left: 83.33333333%;
}
.ant-col-md-pull-20 {
right: 83.33333333%;
}
.ant-col-md-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-md-order-20 {
order: 20;
}
.ant-col-md-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-md-push-19 {
left: 79.16666667%;
}
.ant-col-md-pull-19 {
right: 79.16666667%;
}
.ant-col-md-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-md-order-19 {
order: 19;
}
.ant-col-md-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-md-push-18 {
left: 75%;
}
.ant-col-md-pull-18 {
right: 75%;
}
.ant-col-md-offset-18 {
margin-left: 75%;
}
.ant-col-md-order-18 {
order: 18;
}
.ant-col-md-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-md-push-17 {
left: 70.83333333%;
}
.ant-col-md-pull-17 {
right: 70.83333333%;
}
.ant-col-md-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-md-order-17 {
order: 17;
}
.ant-col-md-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-md-push-16 {
left: 66.66666667%;
}
.ant-col-md-pull-16 {
right: 66.66666667%;
}
.ant-col-md-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-md-order-16 {
order: 16;
}
.ant-col-md-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-md-push-15 {
left: 62.5%;
}
.ant-col-md-pull-15 {
right: 62.5%;
}
.ant-col-md-offset-15 {
margin-left: 62.5%;
}
.ant-col-md-order-15 {
order: 15;
}
.ant-col-md-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-md-push-14 {
left: 58.33333333%;
}
.ant-col-md-pull-14 {
right: 58.33333333%;
}
.ant-col-md-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-md-order-14 {
order: 14;
}
.ant-col-md-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-md-push-13 {
left: 54.16666667%;
}
.ant-col-md-pull-13 {
right: 54.16666667%;
}
.ant-col-md-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-md-order-13 {
order: 13;
}
.ant-col-md-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-md-push-12 {
left: 50%;
}
.ant-col-md-pull-12 {
right: 50%;
}
.ant-col-md-offset-12 {
margin-left: 50%;
}
.ant-col-md-order-12 {
order: 12;
}
.ant-col-md-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-md-push-11 {
left: 45.83333333%;
}
.ant-col-md-pull-11 {
right: 45.83333333%;
}
.ant-col-md-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-md-order-11 {
order: 11;
}
.ant-col-md-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-md-push-10 {
left: 41.66666667%;
}
.ant-col-md-pull-10 {
right: 41.66666667%;
}
.ant-col-md-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-md-order-10 {
order: 10;
}
.ant-col-md-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-md-push-9 {
left: 37.5%;
}
.ant-col-md-pull-9 {
right: 37.5%;
}
.ant-col-md-offset-9 {
margin-left: 37.5%;
}
.ant-col-md-order-9 {
order: 9;
}
.ant-col-md-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-md-push-8 {
left: 33.33333333%;
}
.ant-col-md-pull-8 {
right: 33.33333333%;
}
.ant-col-md-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-md-order-8 {
order: 8;
}
.ant-col-md-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-md-push-7 {
left: 29.16666667%;
}
.ant-col-md-pull-7 {
right: 29.16666667%;
}
.ant-col-md-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-md-order-7 {
order: 7;
}
.ant-col-md-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-md-push-6 {
left: 25%;
}
.ant-col-md-pull-6 {
right: 25%;
}
.ant-col-md-offset-6 {
margin-left: 25%;
}
.ant-col-md-order-6 {
order: 6;
}
.ant-col-md-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-md-push-5 {
left: 20.83333333%;
}
.ant-col-md-pull-5 {
right: 20.83333333%;
}
.ant-col-md-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-md-order-5 {
order: 5;
}
.ant-col-md-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-md-push-4 {
left: 16.66666667%;
}
.ant-col-md-pull-4 {
right: 16.66666667%;
}
.ant-col-md-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-md-order-4 {
order: 4;
}
.ant-col-md-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-md-push-3 {
left: 12.5%;
}
.ant-col-md-pull-3 {
right: 12.5%;
}
.ant-col-md-offset-3 {
margin-left: 12.5%;
}
.ant-col-md-order-3 {
order: 3;
}
.ant-col-md-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-md-push-2 {
left: 8.33333333%;
}
.ant-col-md-pull-2 {
right: 8.33333333%;
}
.ant-col-md-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-md-order-2 {
order: 2;
}
.ant-col-md-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-md-push-1 {
left: 4.16666667%;
}
.ant-col-md-pull-1 {
right: 4.16666667%;
}
.ant-col-md-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-md-order-1 {
order: 1;
}
.ant-col-md-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-md-push-0 {
left: auto;
}
.ant-col-md-pull-0 {
right: auto;
}
.ant-col-md-offset-0 {
margin-left: 0;
}
.ant-col-md-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-md-push-0.ant-col-rtl {
right: auto;
}
.ant-col-md-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-md-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-md-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-md-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-md-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-md-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-md-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-md-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-md-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-md-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-md-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-md-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-md-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-md-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-md-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-md-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-md-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-md-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-md-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-md-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-md-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-md-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-md-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-md-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-md-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-md-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-md-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-md-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-md-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-md-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-md-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-md-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-md-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-md-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-md-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-md-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-md-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-md-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-md-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-md-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-md-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-md-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-md-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-md-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-md-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-md-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-md-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-md-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-md-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-md-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-md-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-md-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-md-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-md-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-md-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-md-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-md-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-md-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-md-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-md-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-md-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-md-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-md-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-md-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-md-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-md-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-md-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-md-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-md-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-md-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-md-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-md-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-md-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-md-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 992px) {
.ant-col-lg-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-lg-push-24 {
left: 100%;
}
.ant-col-lg-pull-24 {
right: 100%;
}
.ant-col-lg-offset-24 {
margin-left: 100%;
}
.ant-col-lg-order-24 {
order: 24;
}
.ant-col-lg-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-lg-push-23 {
left: 95.83333333%;
}
.ant-col-lg-pull-23 {
right: 95.83333333%;
}
.ant-col-lg-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-lg-order-23 {
order: 23;
}
.ant-col-lg-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-lg-push-22 {
left: 91.66666667%;
}
.ant-col-lg-pull-22 {
right: 91.66666667%;
}
.ant-col-lg-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-lg-order-22 {
order: 22;
}
.ant-col-lg-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-lg-push-21 {
left: 87.5%;
}
.ant-col-lg-pull-21 {
right: 87.5%;
}
.ant-col-lg-offset-21 {
margin-left: 87.5%;
}
.ant-col-lg-order-21 {
order: 21;
}
.ant-col-lg-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-lg-push-20 {
left: 83.33333333%;
}
.ant-col-lg-pull-20 {
right: 83.33333333%;
}
.ant-col-lg-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-lg-order-20 {
order: 20;
}
.ant-col-lg-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-lg-push-19 {
left: 79.16666667%;
}
.ant-col-lg-pull-19 {
right: 79.16666667%;
}
.ant-col-lg-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-lg-order-19 {
order: 19;
}
.ant-col-lg-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-lg-push-18 {
left: 75%;
}
.ant-col-lg-pull-18 {
right: 75%;
}
.ant-col-lg-offset-18 {
margin-left: 75%;
}
.ant-col-lg-order-18 {
order: 18;
}
.ant-col-lg-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-lg-push-17 {
left: 70.83333333%;
}
.ant-col-lg-pull-17 {
right: 70.83333333%;
}
.ant-col-lg-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-lg-order-17 {
order: 17;
}
.ant-col-lg-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-lg-push-16 {
left: 66.66666667%;
}
.ant-col-lg-pull-16 {
right: 66.66666667%;
}
.ant-col-lg-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-lg-order-16 {
order: 16;
}
.ant-col-lg-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-lg-push-15 {
left: 62.5%;
}
.ant-col-lg-pull-15 {
right: 62.5%;
}
.ant-col-lg-offset-15 {
margin-left: 62.5%;
}
.ant-col-lg-order-15 {
order: 15;
}
.ant-col-lg-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-lg-push-14 {
left: 58.33333333%;
}
.ant-col-lg-pull-14 {
right: 58.33333333%;
}
.ant-col-lg-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-lg-order-14 {
order: 14;
}
.ant-col-lg-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-lg-push-13 {
left: 54.16666667%;
}
.ant-col-lg-pull-13 {
right: 54.16666667%;
}
.ant-col-lg-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-lg-order-13 {
order: 13;
}
.ant-col-lg-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-lg-push-12 {
left: 50%;
}
.ant-col-lg-pull-12 {
right: 50%;
}
.ant-col-lg-offset-12 {
margin-left: 50%;
}
.ant-col-lg-order-12 {
order: 12;
}
.ant-col-lg-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-lg-push-11 {
left: 45.83333333%;
}
.ant-col-lg-pull-11 {
right: 45.83333333%;
}
.ant-col-lg-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-lg-order-11 {
order: 11;
}
.ant-col-lg-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-lg-push-10 {
left: 41.66666667%;
}
.ant-col-lg-pull-10 {
right: 41.66666667%;
}
.ant-col-lg-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-lg-order-10 {
order: 10;
}
.ant-col-lg-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-lg-push-9 {
left: 37.5%;
}
.ant-col-lg-pull-9 {
right: 37.5%;
}
.ant-col-lg-offset-9 {
margin-left: 37.5%;
}
.ant-col-lg-order-9 {
order: 9;
}
.ant-col-lg-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-lg-push-8 {
left: 33.33333333%;
}
.ant-col-lg-pull-8 {
right: 33.33333333%;
}
.ant-col-lg-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-lg-order-8 {
order: 8;
}
.ant-col-lg-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-lg-push-7 {
left: 29.16666667%;
}
.ant-col-lg-pull-7 {
right: 29.16666667%;
}
.ant-col-lg-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-lg-order-7 {
order: 7;
}
.ant-col-lg-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-lg-push-6 {
left: 25%;
}
.ant-col-lg-pull-6 {
right: 25%;
}
.ant-col-lg-offset-6 {
margin-left: 25%;
}
.ant-col-lg-order-6 {
order: 6;
}
.ant-col-lg-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-lg-push-5 {
left: 20.83333333%;
}
.ant-col-lg-pull-5 {
right: 20.83333333%;
}
.ant-col-lg-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-lg-order-5 {
order: 5;
}
.ant-col-lg-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-lg-push-4 {
left: 16.66666667%;
}
.ant-col-lg-pull-4 {
right: 16.66666667%;
}
.ant-col-lg-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-lg-order-4 {
order: 4;
}
.ant-col-lg-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-lg-push-3 {
left: 12.5%;
}
.ant-col-lg-pull-3 {
right: 12.5%;
}
.ant-col-lg-offset-3 {
margin-left: 12.5%;
}
.ant-col-lg-order-3 {
order: 3;
}
.ant-col-lg-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-lg-push-2 {
left: 8.33333333%;
}
.ant-col-lg-pull-2 {
right: 8.33333333%;
}
.ant-col-lg-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-lg-order-2 {
order: 2;
}
.ant-col-lg-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-lg-push-1 {
left: 4.16666667%;
}
.ant-col-lg-pull-1 {
right: 4.16666667%;
}
.ant-col-lg-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-lg-order-1 {
order: 1;
}
.ant-col-lg-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-lg-push-0 {
left: auto;
}
.ant-col-lg-pull-0 {
right: auto;
}
.ant-col-lg-offset-0 {
margin-left: 0;
}
.ant-col-lg-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-lg-push-0.ant-col-rtl {
right: auto;
}
.ant-col-lg-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-lg-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-lg-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-lg-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-lg-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-lg-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-lg-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-lg-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-lg-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-lg-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-lg-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-lg-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-lg-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-lg-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-lg-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-lg-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-lg-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-lg-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-lg-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-lg-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-lg-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-lg-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-lg-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-lg-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-lg-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-lg-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-lg-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-lg-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-lg-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-lg-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-lg-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-lg-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-lg-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-lg-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-lg-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-lg-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-lg-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-lg-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-lg-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-lg-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-lg-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-lg-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-lg-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-lg-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-lg-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-lg-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-lg-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-lg-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-lg-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-lg-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-lg-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-lg-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-lg-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-lg-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-lg-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-lg-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-lg-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-lg-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-lg-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-lg-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-lg-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-lg-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-lg-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-lg-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-lg-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-lg-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-lg-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-lg-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-lg-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-lg-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-lg-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-lg-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-lg-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-lg-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 1200px) {
.ant-col-xl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xl-push-24 {
left: 100%;
}
.ant-col-xl-pull-24 {
right: 100%;
}
.ant-col-xl-offset-24 {
margin-left: 100%;
}
.ant-col-xl-order-24 {
order: 24;
}
.ant-col-xl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-xl-push-23 {
left: 95.83333333%;
}
.ant-col-xl-pull-23 {
right: 95.83333333%;
}
.ant-col-xl-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-xl-order-23 {
order: 23;
}
.ant-col-xl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-xl-push-22 {
left: 91.66666667%;
}
.ant-col-xl-pull-22 {
right: 91.66666667%;
}
.ant-col-xl-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-xl-order-22 {
order: 22;
}
.ant-col-xl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-xl-push-21 {
left: 87.5%;
}
.ant-col-xl-pull-21 {
right: 87.5%;
}
.ant-col-xl-offset-21 {
margin-left: 87.5%;
}
.ant-col-xl-order-21 {
order: 21;
}
.ant-col-xl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-xl-push-20 {
left: 83.33333333%;
}
.ant-col-xl-pull-20 {
right: 83.33333333%;
}
.ant-col-xl-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-xl-order-20 {
order: 20;
}
.ant-col-xl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-xl-push-19 {
left: 79.16666667%;
}
.ant-col-xl-pull-19 {
right: 79.16666667%;
}
.ant-col-xl-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-xl-order-19 {
order: 19;
}
.ant-col-xl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-xl-push-18 {
left: 75%;
}
.ant-col-xl-pull-18 {
right: 75%;
}
.ant-col-xl-offset-18 {
margin-left: 75%;
}
.ant-col-xl-order-18 {
order: 18;
}
.ant-col-xl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-xl-push-17 {
left: 70.83333333%;
}
.ant-col-xl-pull-17 {
right: 70.83333333%;
}
.ant-col-xl-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-xl-order-17 {
order: 17;
}
.ant-col-xl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-xl-push-16 {
left: 66.66666667%;
}
.ant-col-xl-pull-16 {
right: 66.66666667%;
}
.ant-col-xl-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-xl-order-16 {
order: 16;
}
.ant-col-xl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-xl-push-15 {
left: 62.5%;
}
.ant-col-xl-pull-15 {
right: 62.5%;
}
.ant-col-xl-offset-15 {
margin-left: 62.5%;
}
.ant-col-xl-order-15 {
order: 15;
}
.ant-col-xl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-xl-push-14 {
left: 58.33333333%;
}
.ant-col-xl-pull-14 {
right: 58.33333333%;
}
.ant-col-xl-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-xl-order-14 {
order: 14;
}
.ant-col-xl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-xl-push-13 {
left: 54.16666667%;
}
.ant-col-xl-pull-13 {
right: 54.16666667%;
}
.ant-col-xl-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-xl-order-13 {
order: 13;
}
.ant-col-xl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-xl-push-12 {
left: 50%;
}
.ant-col-xl-pull-12 {
right: 50%;
}
.ant-col-xl-offset-12 {
margin-left: 50%;
}
.ant-col-xl-order-12 {
order: 12;
}
.ant-col-xl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-xl-push-11 {
left: 45.83333333%;
}
.ant-col-xl-pull-11 {
right: 45.83333333%;
}
.ant-col-xl-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-xl-order-11 {
order: 11;
}
.ant-col-xl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-xl-push-10 {
left: 41.66666667%;
}
.ant-col-xl-pull-10 {
right: 41.66666667%;
}
.ant-col-xl-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-xl-order-10 {
order: 10;
}
.ant-col-xl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-xl-push-9 {
left: 37.5%;
}
.ant-col-xl-pull-9 {
right: 37.5%;
}
.ant-col-xl-offset-9 {
margin-left: 37.5%;
}
.ant-col-xl-order-9 {
order: 9;
}
.ant-col-xl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-xl-push-8 {
left: 33.33333333%;
}
.ant-col-xl-pull-8 {
right: 33.33333333%;
}
.ant-col-xl-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-xl-order-8 {
order: 8;
}
.ant-col-xl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-xl-push-7 {
left: 29.16666667%;
}
.ant-col-xl-pull-7 {
right: 29.16666667%;
}
.ant-col-xl-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-xl-order-7 {
order: 7;
}
.ant-col-xl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-xl-push-6 {
left: 25%;
}
.ant-col-xl-pull-6 {
right: 25%;
}
.ant-col-xl-offset-6 {
margin-left: 25%;
}
.ant-col-xl-order-6 {
order: 6;
}
.ant-col-xl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-xl-push-5 {
left: 20.83333333%;
}
.ant-col-xl-pull-5 {
right: 20.83333333%;
}
.ant-col-xl-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-xl-order-5 {
order: 5;
}
.ant-col-xl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-xl-push-4 {
left: 16.66666667%;
}
.ant-col-xl-pull-4 {
right: 16.66666667%;
}
.ant-col-xl-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-xl-order-4 {
order: 4;
}
.ant-col-xl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-xl-push-3 {
left: 12.5%;
}
.ant-col-xl-pull-3 {
right: 12.5%;
}
.ant-col-xl-offset-3 {
margin-left: 12.5%;
}
.ant-col-xl-order-3 {
order: 3;
}
.ant-col-xl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-xl-push-2 {
left: 8.33333333%;
}
.ant-col-xl-pull-2 {
right: 8.33333333%;
}
.ant-col-xl-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-xl-order-2 {
order: 2;
}
.ant-col-xl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-xl-push-1 {
left: 4.16666667%;
}
.ant-col-xl-pull-1 {
right: 4.16666667%;
}
.ant-col-xl-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-xl-order-1 {
order: 1;
}
.ant-col-xl-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-xl-push-0 {
left: auto;
}
.ant-col-xl-pull-0 {
right: auto;
}
.ant-col-xl-offset-0 {
margin-left: 0;
}
.ant-col-xl-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xl-push-0.ant-col-rtl {
right: auto;
}
.ant-col-xl-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xl-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-xl-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-xl-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-xl-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-xl-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-xl-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-xl-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-xl-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-xl-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-xl-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-xl-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-xl-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-xl-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-xl-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-xl-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-xl-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-xl-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-xl-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-xl-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-xl-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-xl-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-xl-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-xl-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-xl-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-xl-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-xl-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-xl-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-xl-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-xl-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-xl-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-xl-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-xl-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-xl-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-xl-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-xl-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-xl-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-xl-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-xl-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-xl-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-xl-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-xl-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-xl-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-xl-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-xl-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-xl-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-xl-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-xl-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-xl-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-xl-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-xl-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-xl-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-xl-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-xl-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-xl-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-xl-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-xl-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-xl-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-xl-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-xl-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-xl-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-xl-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-xl-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-xl-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-xl-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-xl-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-xl-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-xl-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-xl-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-xl-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-xl-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-xl-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-xl-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-xl-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
@media (min-width: 1600px) {
.ant-col-xxl-24 {
display: block;
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xxl-push-24 {
left: 100%;
}
.ant-col-xxl-pull-24 {
right: 100%;
}
.ant-col-xxl-offset-24 {
margin-left: 100%;
}
.ant-col-xxl-order-24 {
order: 24;
}
.ant-col-xxl-23 {
display: block;
flex: 0 0 95.83333333%;
max-width: 95.83333333%;
}
.ant-col-xxl-push-23 {
left: 95.83333333%;
}
.ant-col-xxl-pull-23 {
right: 95.83333333%;
}
.ant-col-xxl-offset-23 {
margin-left: 95.83333333%;
}
.ant-col-xxl-order-23 {
order: 23;
}
.ant-col-xxl-22 {
display: block;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.ant-col-xxl-push-22 {
left: 91.66666667%;
}
.ant-col-xxl-pull-22 {
right: 91.66666667%;
}
.ant-col-xxl-offset-22 {
margin-left: 91.66666667%;
}
.ant-col-xxl-order-22 {
order: 22;
}
.ant-col-xxl-21 {
display: block;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.ant-col-xxl-push-21 {
left: 87.5%;
}
.ant-col-xxl-pull-21 {
right: 87.5%;
}
.ant-col-xxl-offset-21 {
margin-left: 87.5%;
}
.ant-col-xxl-order-21 {
order: 21;
}
.ant-col-xxl-20 {
display: block;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.ant-col-xxl-push-20 {
left: 83.33333333%;
}
.ant-col-xxl-pull-20 {
right: 83.33333333%;
}
.ant-col-xxl-offset-20 {
margin-left: 83.33333333%;
}
.ant-col-xxl-order-20 {
order: 20;
}
.ant-col-xxl-19 {
display: block;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.ant-col-xxl-push-19 {
left: 79.16666667%;
}
.ant-col-xxl-pull-19 {
right: 79.16666667%;
}
.ant-col-xxl-offset-19 {
margin-left: 79.16666667%;
}
.ant-col-xxl-order-19 {
order: 19;
}
.ant-col-xxl-18 {
display: block;
flex: 0 0 75%;
max-width: 75%;
}
.ant-col-xxl-push-18 {
left: 75%;
}
.ant-col-xxl-pull-18 {
right: 75%;
}
.ant-col-xxl-offset-18 {
margin-left: 75%;
}
.ant-col-xxl-order-18 {
order: 18;
}
.ant-col-xxl-17 {
display: block;
flex: 0 0 70.83333333%;
max-width: 70.83333333%;
}
.ant-col-xxl-push-17 {
left: 70.83333333%;
}
.ant-col-xxl-pull-17 {
right: 70.83333333%;
}
.ant-col-xxl-offset-17 {
margin-left: 70.83333333%;
}
.ant-col-xxl-order-17 {
order: 17;
}
.ant-col-xxl-16 {
display: block;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.ant-col-xxl-push-16 {
left: 66.66666667%;
}
.ant-col-xxl-pull-16 {
right: 66.66666667%;
}
.ant-col-xxl-offset-16 {
margin-left: 66.66666667%;
}
.ant-col-xxl-order-16 {
order: 16;
}
.ant-col-xxl-15 {
display: block;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.ant-col-xxl-push-15 {
left: 62.5%;
}
.ant-col-xxl-pull-15 {
right: 62.5%;
}
.ant-col-xxl-offset-15 {
margin-left: 62.5%;
}
.ant-col-xxl-order-15 {
order: 15;
}
.ant-col-xxl-14 {
display: block;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.ant-col-xxl-push-14 {
left: 58.33333333%;
}
.ant-col-xxl-pull-14 {
right: 58.33333333%;
}
.ant-col-xxl-offset-14 {
margin-left: 58.33333333%;
}
.ant-col-xxl-order-14 {
order: 14;
}
.ant-col-xxl-13 {
display: block;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.ant-col-xxl-push-13 {
left: 54.16666667%;
}
.ant-col-xxl-pull-13 {
right: 54.16666667%;
}
.ant-col-xxl-offset-13 {
margin-left: 54.16666667%;
}
.ant-col-xxl-order-13 {
order: 13;
}
.ant-col-xxl-12 {
display: block;
flex: 0 0 50%;
max-width: 50%;
}
.ant-col-xxl-push-12 {
left: 50%;
}
.ant-col-xxl-pull-12 {
right: 50%;
}
.ant-col-xxl-offset-12 {
margin-left: 50%;
}
.ant-col-xxl-order-12 {
order: 12;
}
.ant-col-xxl-11 {
display: block;
flex: 0 0 45.83333333%;
max-width: 45.83333333%;
}
.ant-col-xxl-push-11 {
left: 45.83333333%;
}
.ant-col-xxl-pull-11 {
right: 45.83333333%;
}
.ant-col-xxl-offset-11 {
margin-left: 45.83333333%;
}
.ant-col-xxl-order-11 {
order: 11;
}
.ant-col-xxl-10 {
display: block;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.ant-col-xxl-push-10 {
left: 41.66666667%;
}
.ant-col-xxl-pull-10 {
right: 41.66666667%;
}
.ant-col-xxl-offset-10 {
margin-left: 41.66666667%;
}
.ant-col-xxl-order-10 {
order: 10;
}
.ant-col-xxl-9 {
display: block;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.ant-col-xxl-push-9 {
left: 37.5%;
}
.ant-col-xxl-pull-9 {
right: 37.5%;
}
.ant-col-xxl-offset-9 {
margin-left: 37.5%;
}
.ant-col-xxl-order-9 {
order: 9;
}
.ant-col-xxl-8 {
display: block;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.ant-col-xxl-push-8 {
left: 33.33333333%;
}
.ant-col-xxl-pull-8 {
right: 33.33333333%;
}
.ant-col-xxl-offset-8 {
margin-left: 33.33333333%;
}
.ant-col-xxl-order-8 {
order: 8;
}
.ant-col-xxl-7 {
display: block;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.ant-col-xxl-push-7 {
left: 29.16666667%;
}
.ant-col-xxl-pull-7 {
right: 29.16666667%;
}
.ant-col-xxl-offset-7 {
margin-left: 29.16666667%;
}
.ant-col-xxl-order-7 {
order: 7;
}
.ant-col-xxl-6 {
display: block;
flex: 0 0 25%;
max-width: 25%;
}
.ant-col-xxl-push-6 {
left: 25%;
}
.ant-col-xxl-pull-6 {
right: 25%;
}
.ant-col-xxl-offset-6 {
margin-left: 25%;
}
.ant-col-xxl-order-6 {
order: 6;
}
.ant-col-xxl-5 {
display: block;
flex: 0 0 20.83333333%;
max-width: 20.83333333%;
}
.ant-col-xxl-push-5 {
left: 20.83333333%;
}
.ant-col-xxl-pull-5 {
right: 20.83333333%;
}
.ant-col-xxl-offset-5 {
margin-left: 20.83333333%;
}
.ant-col-xxl-order-5 {
order: 5;
}
.ant-col-xxl-4 {
display: block;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.ant-col-xxl-push-4 {
left: 16.66666667%;
}
.ant-col-xxl-pull-4 {
right: 16.66666667%;
}
.ant-col-xxl-offset-4 {
margin-left: 16.66666667%;
}
.ant-col-xxl-order-4 {
order: 4;
}
.ant-col-xxl-3 {
display: block;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.ant-col-xxl-push-3 {
left: 12.5%;
}
.ant-col-xxl-pull-3 {
right: 12.5%;
}
.ant-col-xxl-offset-3 {
margin-left: 12.5%;
}
.ant-col-xxl-order-3 {
order: 3;
}
.ant-col-xxl-2 {
display: block;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.ant-col-xxl-push-2 {
left: 8.33333333%;
}
.ant-col-xxl-pull-2 {
right: 8.33333333%;
}
.ant-col-xxl-offset-2 {
margin-left: 8.33333333%;
}
.ant-col-xxl-order-2 {
order: 2;
}
.ant-col-xxl-1 {
display: block;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.ant-col-xxl-push-1 {
left: 4.16666667%;
}
.ant-col-xxl-pull-1 {
right: 4.16666667%;
}
.ant-col-xxl-offset-1 {
margin-left: 4.16666667%;
}
.ant-col-xxl-order-1 {
order: 1;
}
.ant-col-xxl-0 {
display: none;
}
.ant-col-push-0 {
left: auto;
}
.ant-col-pull-0 {
right: auto;
}
.ant-col-xxl-push-0 {
left: auto;
}
.ant-col-xxl-pull-0 {
right: auto;
}
.ant-col-xxl-offset-0 {
margin-left: 0;
}
.ant-col-xxl-order-0 {
order: 0;
}
.ant-col-push-0.ant-col-rtl {
right: auto;
}
.ant-col-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xxl-push-0.ant-col-rtl {
right: auto;
}
.ant-col-xxl-pull-0.ant-col-rtl {
left: auto;
}
.ant-col-xxl-offset-0.ant-col-rtl {
margin-right: 0;
}
.ant-col-xxl-push-1.ant-col-rtl {
right: 4.16666667%;
left: auto;
}
.ant-col-xxl-pull-1.ant-col-rtl {
right: auto;
left: 4.16666667%;
}
.ant-col-xxl-offset-1.ant-col-rtl {
margin-right: 4.16666667%;
margin-left: 0;
}
.ant-col-xxl-push-2.ant-col-rtl {
right: 8.33333333%;
left: auto;
}
.ant-col-xxl-pull-2.ant-col-rtl {
right: auto;
left: 8.33333333%;
}
.ant-col-xxl-offset-2.ant-col-rtl {
margin-right: 8.33333333%;
margin-left: 0;
}
.ant-col-xxl-push-3.ant-col-rtl {
right: 12.5%;
left: auto;
}
.ant-col-xxl-pull-3.ant-col-rtl {
right: auto;
left: 12.5%;
}
.ant-col-xxl-offset-3.ant-col-rtl {
margin-right: 12.5%;
margin-left: 0;
}
.ant-col-xxl-push-4.ant-col-rtl {
right: 16.66666667%;
left: auto;
}
.ant-col-xxl-pull-4.ant-col-rtl {
right: auto;
left: 16.66666667%;
}
.ant-col-xxl-offset-4.ant-col-rtl {
margin-right: 16.66666667%;
margin-left: 0;
}
.ant-col-xxl-push-5.ant-col-rtl {
right: 20.83333333%;
left: auto;
}
.ant-col-xxl-pull-5.ant-col-rtl {
right: auto;
left: 20.83333333%;
}
.ant-col-xxl-offset-5.ant-col-rtl {
margin-right: 20.83333333%;
margin-left: 0;
}
.ant-col-xxl-push-6.ant-col-rtl {
right: 25%;
left: auto;
}
.ant-col-xxl-pull-6.ant-col-rtl {
right: auto;
left: 25%;
}
.ant-col-xxl-offset-6.ant-col-rtl {
margin-right: 25%;
margin-left: 0;
}
.ant-col-xxl-push-7.ant-col-rtl {
right: 29.16666667%;
left: auto;
}
.ant-col-xxl-pull-7.ant-col-rtl {
right: auto;
left: 29.16666667%;
}
.ant-col-xxl-offset-7.ant-col-rtl {
margin-right: 29.16666667%;
margin-left: 0;
}
.ant-col-xxl-push-8.ant-col-rtl {
right: 33.33333333%;
left: auto;
}
.ant-col-xxl-pull-8.ant-col-rtl {
right: auto;
left: 33.33333333%;
}
.ant-col-xxl-offset-8.ant-col-rtl {
margin-right: 33.33333333%;
margin-left: 0;
}
.ant-col-xxl-push-9.ant-col-rtl {
right: 37.5%;
left: auto;
}
.ant-col-xxl-pull-9.ant-col-rtl {
right: auto;
left: 37.5%;
}
.ant-col-xxl-offset-9.ant-col-rtl {
margin-right: 37.5%;
margin-left: 0;
}
.ant-col-xxl-push-10.ant-col-rtl {
right: 41.66666667%;
left: auto;
}
.ant-col-xxl-pull-10.ant-col-rtl {
right: auto;
left: 41.66666667%;
}
.ant-col-xxl-offset-10.ant-col-rtl {
margin-right: 41.66666667%;
margin-left: 0;
}
.ant-col-xxl-push-11.ant-col-rtl {
right: 45.83333333%;
left: auto;
}
.ant-col-xxl-pull-11.ant-col-rtl {
right: auto;
left: 45.83333333%;
}
.ant-col-xxl-offset-11.ant-col-rtl {
margin-right: 45.83333333%;
margin-left: 0;
}
.ant-col-xxl-push-12.ant-col-rtl {
right: 50%;
left: auto;
}
.ant-col-xxl-pull-12.ant-col-rtl {
right: auto;
left: 50%;
}
.ant-col-xxl-offset-12.ant-col-rtl {
margin-right: 50%;
margin-left: 0;
}
.ant-col-xxl-push-13.ant-col-rtl {
right: 54.16666667%;
left: auto;
}
.ant-col-xxl-pull-13.ant-col-rtl {
right: auto;
left: 54.16666667%;
}
.ant-col-xxl-offset-13.ant-col-rtl {
margin-right: 54.16666667%;
margin-left: 0;
}
.ant-col-xxl-push-14.ant-col-rtl {
right: 58.33333333%;
left: auto;
}
.ant-col-xxl-pull-14.ant-col-rtl {
right: auto;
left: 58.33333333%;
}
.ant-col-xxl-offset-14.ant-col-rtl {
margin-right: 58.33333333%;
margin-left: 0;
}
.ant-col-xxl-push-15.ant-col-rtl {
right: 62.5%;
left: auto;
}
.ant-col-xxl-pull-15.ant-col-rtl {
right: auto;
left: 62.5%;
}
.ant-col-xxl-offset-15.ant-col-rtl {
margin-right: 62.5%;
margin-left: 0;
}
.ant-col-xxl-push-16.ant-col-rtl {
right: 66.66666667%;
left: auto;
}
.ant-col-xxl-pull-16.ant-col-rtl {
right: auto;
left: 66.66666667%;
}
.ant-col-xxl-offset-16.ant-col-rtl {
margin-right: 66.66666667%;
margin-left: 0;
}
.ant-col-xxl-push-17.ant-col-rtl {
right: 70.83333333%;
left: auto;
}
.ant-col-xxl-pull-17.ant-col-rtl {
right: auto;
left: 70.83333333%;
}
.ant-col-xxl-offset-17.ant-col-rtl {
margin-right: 70.83333333%;
margin-left: 0;
}
.ant-col-xxl-push-18.ant-col-rtl {
right: 75%;
left: auto;
}
.ant-col-xxl-pull-18.ant-col-rtl {
right: auto;
left: 75%;
}
.ant-col-xxl-offset-18.ant-col-rtl {
margin-right: 75%;
margin-left: 0;
}
.ant-col-xxl-push-19.ant-col-rtl {
right: 79.16666667%;
left: auto;
}
.ant-col-xxl-pull-19.ant-col-rtl {
right: auto;
left: 79.16666667%;
}
.ant-col-xxl-offset-19.ant-col-rtl {
margin-right: 79.16666667%;
margin-left: 0;
}
.ant-col-xxl-push-20.ant-col-rtl {
right: 83.33333333%;
left: auto;
}
.ant-col-xxl-pull-20.ant-col-rtl {
right: auto;
left: 83.33333333%;
}
.ant-col-xxl-offset-20.ant-col-rtl {
margin-right: 83.33333333%;
margin-left: 0;
}
.ant-col-xxl-push-21.ant-col-rtl {
right: 87.5%;
left: auto;
}
.ant-col-xxl-pull-21.ant-col-rtl {
right: auto;
left: 87.5%;
}
.ant-col-xxl-offset-21.ant-col-rtl {
margin-right: 87.5%;
margin-left: 0;
}
.ant-col-xxl-push-22.ant-col-rtl {
right: 91.66666667%;
left: auto;
}
.ant-col-xxl-pull-22.ant-col-rtl {
right: auto;
left: 91.66666667%;
}
.ant-col-xxl-offset-22.ant-col-rtl {
margin-right: 91.66666667%;
margin-left: 0;
}
.ant-col-xxl-push-23.ant-col-rtl {
right: 95.83333333%;
left: auto;
}
.ant-col-xxl-pull-23.ant-col-rtl {
right: auto;
left: 95.83333333%;
}
.ant-col-xxl-offset-23.ant-col-rtl {
margin-right: 95.83333333%;
margin-left: 0;
}
.ant-col-xxl-push-24.ant-col-rtl {
right: 100%;
left: auto;
}
.ant-col-xxl-pull-24.ant-col-rtl {
right: auto;
left: 100%;
}
.ant-col-xxl-offset-24.ant-col-rtl {
margin-right: 100%;
margin-left: 0;
}
}
.ant-row-rtl {
direction: rtl;
}
.ant-flex {
display: flex;
}
.ant-flex-vertical {
flex-direction: column;
}
.ant-flex-justify-flex-start {
justify-content: flex-start;
}
.ant-flex-justify-center {
justify-content: center;
}
.ant-flex-justify-flex-end {
justify-content: flex-end;
}
.ant-flex-justify-space-between {
justify-content: space-between;
}
.ant-flex-justify-space-around {
justify-content: space-around;
}
.ant-flex-justify-space-evenly {
justify-content: space-evenly;
}
.ant-flex-justify-start {
justify-content: start;
}
.ant-flex-justify-end {
justify-content: end;
}
.ant-flex-justify-right {
justify-content: right;
}
.ant-flex-justify-left {
justify-content: left;
}
.ant-flex-justify-stretch {
justify-content: stretch;
}
.ant-flex-justify-normal {
justify-content: normal;
}
.ant-flex-align-flex-start {
align-items: flex-start;
}
.ant-flex-align-center {
align-items: center;
}
.ant-flex-align-flex-end {
align-items: flex-end;
}
.ant-flex-align-start {
align-items: start;
}
.ant-flex-align-end {
align-items: end;
}
.ant-flex-align-stretch {
align-items: stretch;
}
.ant-flex-align-normal {
align-items: normal;
}
.ant-flex-wrap-wrap {
flex-wrap: wrap;
}
.ant-flex-wrap-nowrap {
flex-wrap: nowrap;
}
.ant-flex-wrap-wrap-reverse {
flex-wrap: wrap-reverse;
}
.ant-input-affix-wrapper {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
display: inline-flex;
}
.ant-input-affix-wrapper::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
user-select: none;
}
.ant-input-affix-wrapper:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-affix-wrapper[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless.ant-input-affix-wrapper-disabled,
.ant-input-affix-wrapper.ant-input-affix-wrapper-borderless.ant-input-affix-wrapper[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-filled {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-filled:hover {
background-color: #f0f0f0;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-filled:focus,
.ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
background-color: transparent;
box-shadow: none;
}
.ant-input-rtl .ant-input-affix-wrapper.ant-input-affix-wrapper-filled:focus,
.ant-input-rtl .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-disabled,
.ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-disabled:hover,
.ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-underlined,
.ant-input-affix-wrapper.ant-input-affix-wrapper-underlined:hover,
.ant-input-affix-wrapper.ant-input-affix-wrapper-underlined:focus,
.ant-input-affix-wrapper.ant-input-affix-wrapper-underlined.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper.ant-input-affix-wrapper-underlined.ant-input-affix-wrapper-disabled,
.ant-input-affix-wrapper.ant-input-affix-wrapper-underlined.ant-input-affix-wrapper[disabled] {
background-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-underlined:hover:not(.ant-input-affix-wrapper-focused):not(:focus) {
border-color: #d9d9d9;
}
textarea.ant-input-affix-wrapper {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-affix-wrapper-sm {
padding: 0px 7px;
}
.ant-input-affix-wrapper-rtl {
direction: rtl;
}
.ant-input-affix-wrapper-stepperless[type='number'] {
/* stylelint-disable-next-line property-no-vendor-prefix */
-moz-appearance: textfield;
}
.ant-input-affix-wrapper-stepperless[type='number']::-webkit-inner-spin-button,
.ant-input-affix-wrapper-stepperless[type='number'] ::-webkit-outer-spin-button {
margin: 0;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
border-color: #70c4b8;
border-right-width: 1px;
z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
background: rgba(255, 255, 255, 0);
}
.ant-input-affix-wrapper > .ant-input {
font-size: inherit;
border: none;
outline: none;
}
.ant-input-affix-wrapper > .ant-input:focus {
box-shadow: none !important;
}
.ant-input-affix-wrapper > .ant-input:not(textarea) {
padding: 0;
}
.ant-input-affix-wrapper::before {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
.ant-input-prefix,
.ant-input-suffix {
display: flex;
flex: none;
align-items: center;
}
.ant-input-prefix > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
margin-right: 8px;
}
.ant-input-show-count-suffix {
color: rgba(0, 0, 0, 0.45);
}
.ant-input-show-count-has-suffix {
margin-right: 2px;
}
.ant-input-prefix {
margin-right: 4px;
}
.ant-input-suffix {
margin-left: 4px;
}
.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
margin: 0;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
vertical-align: -1px;
cursor: pointer;
transition: color 0.3s;
}
.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
color: rgba(0, 0, 0, 0.45);
}
.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
color: rgba(0, 0, 0, 0.85);
}
.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
margin: 0 4px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
padding: 0;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
background: #fff;
border-color: #ff4d4f;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-status-error .ant-input-prefix {
color: #ff4d4f;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
background: #fff;
border-color: #faad14;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-status-warning .ant-input-prefix {
color: #faad14;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
background: #fff;
border-color: #ff4d4f;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-affix-wrapper-status-error .ant-input-prefix {
color: #ff4d4f;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
background: #fff;
border-color: #faad14;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-affix-wrapper-status-warning .ant-input-prefix {
color: #faad14;
}
.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
padding-right: 24px;
}
.ant-input-group-wrapper-status-error .ant-input-group-addon {
color: #ff4d4f;
border-color: #ff4d4f;
}
.ant-input-group-wrapper-status-warning .ant-input-group-addon {
color: #faad14;
border-color: #faad14;
}
.ant-input {
box-sizing: border-box;
margin: 0;
padding: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
}
.ant-input::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
user-select: none;
}
.ant-input:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input:hover {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-input:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input.ant-input-borderless,
.ant-input.ant-input-borderless:hover,
.ant-input.ant-input-borderless:focus,
.ant-input.ant-input-borderless.ant-input-focused,
.ant-input.ant-input-borderless.ant-input-disabled,
.ant-input.ant-input-borderless.ant-input[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
.ant-input.ant-input-filled {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.ant-input.ant-input-filled:hover {
background-color: #f0f0f0;
}
.ant-input.ant-input-filled:focus,
.ant-input.ant-input-filled.ant-input-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
background-color: transparent;
box-shadow: none;
}
.ant-input-rtl .ant-input.ant-input-filled:focus,
.ant-input-rtl .ant-input.ant-input-filled.ant-input-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input.ant-input-filled.ant-input-disabled,
.ant-input.ant-input-filled.ant-input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input.ant-input-filled.ant-input-disabled:hover,
.ant-input.ant-input-filled.ant-input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input.ant-input-underlined,
.ant-input.ant-input-underlined:hover,
.ant-input.ant-input-underlined:focus,
.ant-input.ant-input-underlined.ant-input-focused,
.ant-input.ant-input-underlined.ant-input-disabled,
.ant-input.ant-input-underlined.ant-input[disabled] {
background-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.ant-input.ant-input-underlined:hover:not(.ant-input-focused):not(:focus) {
border-color: #d9d9d9;
}
textarea.ant-input {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-input-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-sm {
padding: 0px 7px;
}
.ant-input-rtl {
direction: rtl;
}
.ant-input-stepperless[type='number'] {
/* stylelint-disable-next-line property-no-vendor-prefix */
-moz-appearance: textfield;
}
.ant-input-stepperless[type='number']::-webkit-inner-spin-button,
.ant-input-stepperless[type='number'] ::-webkit-outer-spin-button {
margin: 0;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
}
.ant-input-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.ant-input-group[class*='col-'] {
float: none;
padding-right: 0;
padding-left: 0;
}
.ant-input-group > [class*='col-'] {
padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
width: 1px;
white-space: nowrap;
vertical-align: middle;
}
.ant-input-group-wrap > * {
display: block !important;
}
.ant-input-group .ant-input {
float: left;
width: 100%;
margin-bottom: 0;
text-align: inherit;
}
.ant-input-group .ant-input:focus {
z-index: 1;
border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
z-index: 1;
border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
z-index: 0;
}
.ant-input-group-addon {
position: relative;
padding: 0 11px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
text-align: center;
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
margin: -5px -11px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
background-color: inherit;
border: 1px solid transparent;
box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
color: #4cb8ac;
}
.ant-input-group-addon .ant-cascader-picker {
margin: -9px -12px;
background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
text-align: left;
border: 0;
box-shadow: none;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
border-right: 0;
}
.ant-input-group-addon:last-child {
border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
padding: 0px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact {
display: block;
}
.ant-input-group.ant-input-group-compact::before {
display: table;
content: '';
}
.ant-input-group.ant-input-group-compact::after {
display: table;
clear: both;
content: '';
}
.ant-input-group.ant-input-group-compact::before {
display: table;
content: '';
}
.ant-input-group.ant-input-group-compact::after {
display: table;
clear: both;
content: '';
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
display: inline-block;
float: none;
vertical-align: top;
border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-picker-range {
display: inline-flex;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
margin-right: -1px;
border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
border-right-width: 1px;
border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
border-right-width: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
border-radius: 2px 0 0 2px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
border-right: 1px solid #d9d9d9;
border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
border-right: 0;
border-left: 1px solid #d9d9d9;
border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
margin-right: 0;
margin-left: -1px;
border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
border-left-width: 1px;
border-radius: 2px 0 0 2px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
margin-right: -1px;
margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
border-radius: 0 2px 2px 0;
}
.ant-input-group > .ant-input-rtl:first-child {
border-radius: 0 2px 2px 0;
}
.ant-input-group > .ant-input-rtl:last-child {
border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
border-right: 1px solid #d9d9d9;
border-left: 0;
border-radius: 0 2px 2px 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-wrapper {
display: inline-block;
width: 100%;
text-align: start;
vertical-align: top;
}
.ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-compact-item .ant-input,
.ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-compact-item .ant-input-group-addon {
border-radius: 0;
}
.ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-first-item .ant-input,
.ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-first-item .ant-input-group-addon {
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-last-item .ant-input,
.ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-last-item .ant-input-group-addon {
border-start-start-radius: 0;
border-end-start-radius: 0;
}
.ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-item .ant-input-affix-wrapper {
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-item .ant-input-affix-wrapper {
border-start-start-radius: 0;
border-end-start-radius: 0;
}
.ant-input-password-icon {
color: rgba(0, 0, 0, 0.45);
cursor: pointer;
transition: all 0.3s;
}
.ant-input-password-icon:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-input-disabled .ant-input-password-icon {
cursor: not-allowed;
}
.ant-input-disabled .ant-input-password-icon:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-input[type='color'] {
height: 32px;
}
.ant-input[type='color'].ant-input-lg {
height: 40px;
}
.ant-input[type='color'].ant-input-sm {
height: 24px;
padding-top: 3px;
padding-bottom: 3px;
}
.ant-input-textarea-show-count > .ant-input {
height: 100%;
}
.ant-input-textarea-show-count::after {
float: right;
color: rgba(0, 0, 0, 0.45);
white-space: nowrap;
content: attr(data-count);
pointer-events: none;
}
.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
margin-bottom: -22px;
}
.ant-input-textarea-suffix {
position: absolute;
top: 0;
right: 11px;
bottom: 0;
z-index: 1;
display: inline-flex;
align-items: center;
margin: auto;
}
.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
margin-right: -1px;
}
.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
margin-left: -1px;
}
.ant-input-compact-item:hover,
.ant-input-compact-item:focus,
.ant-input-compact-item:active {
z-index: 2;
}
.ant-input-compact-item[disabled] {
z-index: 0;
}
.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
border-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
margin-right: -1px;
}
.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
margin-left: -1px;
}
.ant-input-compact-item:hover,
.ant-input-compact-item:focus,
.ant-input-compact-item:active {
z-index: 2;
}
.ant-input-compact-item[disabled] {
z-index: 0;
}
.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-affix-wrapper {
border-radius: 0;
}
.ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input-affix-wrapper.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-last-item) {
margin-right: -1px;
}
.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-group-wrapper-compact-item-rtl {
margin-right: 0;
margin-left: -1px;
}
.ant-input-compact-item:hover > *,
.ant-input-compact-item:focus > *,
.ant-input-compact-item:active > * {
z-index: 2;
}
.ant-input-compact-item[disabled] > * {
z-index: 0;
}
.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-group-wrapper .ant-input-group-addon {
border-radius: 0;
}
.ant-input-compact-item.ant-input-compact-first-item.ant-input-group-wrapper:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) .ant-input-group-addon {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-compact-item.ant-input-compact-last-item.ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) .ant-input-group-addon {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input-group-wrapper.ant-input-compact-first-item.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input-group-wrapper.ant-input-compact-last-item.ant-input-compact-item-rtl:not(.ant-input-compact-first-item) .ant-input-group-addon {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
border-color: #70c4b8;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
border-left-color: #70c4b8;
}
.ant-input-search .ant-input-affix-wrapper {
border-radius: 0;
}
.ant-input-search .ant-input-lg {
line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
left: -1px;
padding: 0;
border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
padding-top: 0;
padding-bottom: 0;
border-radius: 0 2px 2px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ant-input-search-button {
height: 32px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
height: 40px;
}
.ant-input-search-small .ant-input-search-button {
height: 24px;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
margin-right: -1px;
border-radius: 0;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
border-radius: 0;
}
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
.ant-input-search.ant-input-compact-item > .ant-input:hover,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
.ant-input-search.ant-input-compact-item > .ant-input:focus,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
.ant-input-search.ant-input-compact-item > .ant-input:active,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
z-index: 2;
}
.ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
z-index: 2;
}
.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
margin-left: -1px;
border-radius: 0;
}
.ant-input-group-wrapper-rtl {
direction: rtl;
}
.ant-input-group-rtl {
direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
border: none;
outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
margin-right: 0;
margin-left: 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
right: auto;
left: 8px;
}
.ant-input-search-rtl {
direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
border-left-color: #d9d9d9;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
border-left-color: #70c4b8;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
border-right-color: #70c4b8;
}
.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;
}
}
.ant-otp {
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
column-gap: 8px;
}
.ant-otp-input {
text-align: center;
padding-inline: 4px;
}
textarea.nz-textarea-autosize-measuring {
height: auto !important;
padding: 2px 0 !important;
overflow: hidden !important;
}
.ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only,
.ant-input-search-rtl.ant-input-search-enter-button input + .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 + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm,
.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 {
width: 24px;
height: 24px;
}
.ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg,
.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 {
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-warning.ant-input-has-feedback,
.ant-input-status-validating.ant-input-has-feedback,
.ant-input-status-success.ant-input-has-feedback {
padding-right: 28px;
}
.ant-input-textarea-show-count {
position: relative;
display: block;
}
.ant-otp-input {
width: auto;
}
.ant-input-number-affix-wrapper {
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
position: relative;
display: inline-flex;
width: 90px;
padding: 0;
padding-inline-start: 11px;
}
.ant-input-number-affix-wrapper::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
user-select: none;
}
.ant-input-number-affix-wrapper:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:hover {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-input-number-affix-wrapper:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-input-number-affix-wrapper:focus,
.ant-input-rtl .ant-input-number-affix-wrapper-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number-affix-wrapper-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-number-affix-wrapper[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number-affix-wrapper[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless:hover,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless:focus,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper-focused,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper-disabled,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled:hover {
background-color: #f0f0f0;
}
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled:focus,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
background-color: transparent;
box-shadow: none;
}
.ant-input-rtl .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled:focus,
.ant-input-rtl .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-disabled,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-disabled:hover,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined:hover,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined:focus,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper-focused,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper-disabled,
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper[disabled] {
background-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined:hover:not(.ant-input-number-affix-wrapper-focused):not(:focus) {
border-color: #d9d9d9;
}
textarea.ant-input-number-affix-wrapper {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-input-number-affix-wrapper-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-number-affix-wrapper-sm {
padding: 0px 7px;
}
.ant-input-number-affix-wrapper-rtl {
direction: rtl;
}
.ant-input-number-affix-wrapper-stepperless[type='number'] {
/* stylelint-disable-next-line property-no-vendor-prefix */
-moz-appearance: textfield;
}
.ant-input-number-affix-wrapper-stepperless[type='number']::-webkit-inner-spin-button,
.ant-input-number-affix-wrapper-stepperless[type='number'] ::-webkit-outer-spin-button {
margin: 0;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
}
.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
border-color: #70c4b8;
border-right-width: 1px;
z-index: 1;
}
.ant-input-rtl .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper-focused,
.ant-input-number-affix-wrapper:focus {
z-index: 1;
}
.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
background: transparent;
}
.ant-input-number-affix-wrapper > div.ant-input-number {
width: 100%;
border: none;
outline: none;
}
.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
box-shadow: none !important;
}
.ant-input-number-affix-wrapper input.ant-input-number-input {
padding: 0;
}
.ant-input-number-affix-wrapper::before {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
.ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
z-index: 2;
}
.ant-input-number-prefix,
.ant-input-number-suffix {
display: flex;
flex: none;
align-items: center;
pointer-events: none;
}
.ant-input-number-prefix {
margin-inline-end: 4px;
}
.ant-input-number-suffix {
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: 100%;
margin-right: 11px;
margin-left: 4px;
}
.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
width: 100%;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
background: #fff;
border-color: #ff4d4f;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-number-status-error .ant-input-number-prefix {
color: #ff4d4f;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
background: #fff;
border-color: #faad14;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-number-status-warning .ant-input-number-prefix {
color: #faad14;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
background: #fff;
border-color: #ff4d4f;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
color: #ff4d4f;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
background: #fff;
border-color: #faad14;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
color: #faad14;
}
.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
color: #ff4d4f;
border-color: #ff4d4f;
}
.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
color: #faad14;
border-color: #faad14;
}
.ant-input-number {
box-sizing: border-box;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
transition: all 0.3s;
display: inline-block;
width: 90px;
margin: 0;
padding: 0;
border: 1px solid #d9d9d9;
border-radius: 2px;
/* stylelint-disable less/no-duplicate-variables */
}
.ant-input-number::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
user-select: none;
}
.ant-input-number:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-number:hover {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-input-number:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-number:focus,
.ant-input-number-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-input-number:focus,
.ant-input-rtl .ant-input-number-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-number-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-number[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-number.ant-input-number-borderless,
.ant-input-number.ant-input-number-borderless:hover,
.ant-input-number.ant-input-number-borderless:focus,
.ant-input-number.ant-input-number-borderless.ant-input-number-focused,
.ant-input-number.ant-input-number-borderless.ant-input-number-disabled,
.ant-input-number.ant-input-number-borderless.ant-input-number[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
.ant-input-number.ant-input-number-filled {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.ant-input-number.ant-input-number-filled:hover {
background-color: #f0f0f0;
}
.ant-input-number.ant-input-number-filled:focus,
.ant-input-number.ant-input-number-filled.ant-input-number-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
background-color: transparent;
box-shadow: none;
}
.ant-input-rtl .ant-input-number.ant-input-number-filled:focus,
.ant-input-rtl .ant-input-number.ant-input-number-filled.ant-input-number-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-number.ant-input-number-filled.ant-input-number-disabled,
.ant-input-number.ant-input-number-filled.ant-input-number[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number.ant-input-number-filled.ant-input-number-disabled:hover,
.ant-input-number.ant-input-number-filled.ant-input-number[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-number.ant-input-number-underlined,
.ant-input-number.ant-input-number-underlined:hover,
.ant-input-number.ant-input-number-underlined:focus,
.ant-input-number.ant-input-number-underlined.ant-input-number-focused,
.ant-input-number.ant-input-number-underlined.ant-input-number-disabled,
.ant-input-number.ant-input-number-underlined.ant-input-number[disabled] {
background-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.ant-input-number.ant-input-number-underlined:hover:not(.ant-input-number-focused):not(:focus) {
border-color: #d9d9d9;
}
textarea.ant-input-number {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-number-sm {
padding: 0px 7px;
}
.ant-input-number-rtl {
direction: rtl;
}
.ant-input-number-stepperless[type='number'] {
/* stylelint-disable-next-line property-no-vendor-prefix */
-moz-appearance: textfield;
}
.ant-input-number-stepperless[type='number']::-webkit-inner-spin-button,
.ant-input-number-stepperless[type='number'] ::-webkit-outer-spin-button {
margin: 0;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
}
.ant-input-number-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.ant-input-number-group[class*='col-'] {
float: none;
padding-right: 0;
padding-left: 0;
}
.ant-input-number-group > [class*='col-'] {
padding-right: 8px;
}
.ant-input-number-group > [class*='col-']:last-child {
padding-right: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap,
.ant-input-number-group > .ant-input-number {
display: table-cell;
}
.ant-input-number-group-addon:not(:first-child):not(:last-child),
.ant-input-number-group-wrap:not(:first-child):not(:last-child),
.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
border-radius: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap {
width: 1px;
white-space: nowrap;
vertical-align: middle;
}
.ant-input-number-group-wrap > * {
display: block !important;
}
.ant-input-number-group .ant-input-number {
float: left;
width: 100%;
margin-bottom: 0;
text-align: inherit;
}
.ant-input-number-group .ant-input-number:focus {
z-index: 1;
border-right-width: 1px;
}
.ant-input-number-group .ant-input-number:hover {
z-index: 1;
border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
z-index: 0;
}
.ant-input-number-group-addon {
position: relative;
padding: 0 11px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
text-align: center;
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
}
.ant-input-number-group-addon .ant-select {
margin: -5px -11px;
}
.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
background-color: inherit;
border: 1px solid transparent;
box-shadow: none;
}
.ant-input-number-group-addon .ant-select-open .ant-select-selector,
.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
color: #4cb8ac;
}
.ant-input-number-group-addon .ant-cascader-picker {
margin: -9px -12px;
background-color: transparent;
}
.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
text-align: left;
border: 0;
box-shadow: none;
}
.ant-input-number-group > .ant-input-number:first-child,
.ant-input-number-group-addon:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-group-addon:first-child {
border-right: 0;
}
.ant-input-number-group-addon:last-child {
border-left: 0;
}
.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-addon:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-group-lg .ant-input-number,
.ant-input-number-group-lg > .ant-input-number-group-addon {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-input-number-group-sm .ant-input-number,
.ant-input-number-group-sm > .ant-input-number-group-addon {
padding: 0px 7px;
}
.ant-input-number-group-lg .ant-select-single .ant-select-selector {
height: 40px;
}
.ant-input-number-group-sm .ant-select-single .ant-select-selector {
height: 24px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact {
display: block;
}
.ant-input-number-group.ant-input-number-group-compact::before {
display: table;
content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
display: table;
clear: both;
content: '';
}
.ant-input-number-group.ant-input-number-group-compact::before {
display: table;
content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
display: table;
clear: both;
content: '';
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > * {
display: inline-block;
float: none;
vertical-align: top;
border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper,
.ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
margin-right: -1px;
border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
float: none;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
border-right-width: 1px;
border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
border-right-width: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
vertical-align: top;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
margin-left: -1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
border-radius: 2px 0 0 2px;
}
.ant-input-number-group > .ant-input-number-rtl:first-child,
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
border-radius: 0 2px 2px 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
border-right: 1px solid #d9d9d9;
border-left: 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
border-right: 0;
border-left: 1px solid #d9d9d9;
border-radius: 2px 0 0 2px;
}
.ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
border-radius: 2px 0 0 2px;
}
.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
border-radius: 2px 0 0 2px;
}
.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
border-radius: 0 2px 2px 0;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
margin-right: 0;
margin-left: -1px;
border-left-width: 1px;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
border-radius: 0 2px 2px 0;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
border-left-width: 1px;
border-radius: 2px 0 0 2px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
margin-right: -1px;
margin-left: 0;
}
.ant-input-number-group.ant-input-number-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-number-group > .ant-input-number-rtl:first-child {
border-radius: 0 2px 2px 0;
}
.ant-input-number-group > .ant-input-number-rtl:last-child {
border-radius: 2px 0 0 2px;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
border-right: 1px solid #d9d9d9;
border-left: 0;
border-radius: 0 2px 2px 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
border-right: 0;
border-left: 1px solid #d9d9d9;
border-radius: 2px 0 0 2px;
}
.ant-input-number-group-wrapper {
display: inline-block;
text-align: start;
vertical-align: top;
}
.ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-compact-item .ant-input-number,
.ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-compact-item .ant-input-number-group-addon {
border-radius: 0;
}
.ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item).ant-input-number-compact-first-item .ant-input-number,
.ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item).ant-input-number-compact-first-item .ant-input-number-group-addon {
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item).ant-input-number-compact-last-item .ant-input-number,
.ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item).ant-input-number-compact-last-item .ant-input-number-group-addon {
border-start-start-radius: 0;
border-end-start-radius: 0;
}
.ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item).ant-input-number-compact-item .ant-input-number-affix-wrapper {
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item).ant-input-number-compact-item .ant-input-number-affix-wrapper {
border-start-start-radius: 0;
border-end-start-radius: 0;
}
.ant-input-number-handler {
position: relative;
display: block;
width: 100%;
height: 50%;
overflow: hidden;
color: rgba(0, 0, 0, 0.45);
font-weight: bold;
line-height: 0;
text-align: center;
border-left: 1px solid #d9d9d9;
transition: all 0.1s linear;
}
.ant-input-number-handler:active {
background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
color: #70c4b8;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
display: inline-flex;
align-items: center;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 4px;
width: 12px;
height: 12px;
color: rgba(0, 0, 0, 0.45);
line-height: 12px;
transition: all 0.1s linear;
-webkit-user-select: none;
user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
display: block;
}
.ant-input-number:hover + .ant-form-item-children-icon {
opacity: 0;
transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-input-number-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-input-number-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-input-number-disabled .ant-input-number-input {
cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
display: none;
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
display: none;
}
.ant-input-number-input {
width: 100%;
height: 30px;
padding: 0 11px;
text-align: left;
background-color: transparent;
border: 0;
border-radius: 2px;
outline: 0;
transition: all 0.3s linear;
appearance: textfield !important;
}
.ant-input-number-input::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
user-select: none;
}
.ant-input-number-input:placeholder-shown {
text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
margin: 0;
/* stylelint-disable-next-line property-no-vendor-prefix */
appearance: none;
}
.ant-input-number-lg {
padding: 0;
font-size: 16px;
}
.ant-input-number-lg input {
height: 38px;
}
.ant-input-number-sm {
padding: 0;
}
.ant-input-number-sm input {
height: 22px;
padding: 0 7px;
}
.ant-input-number-handler-wrap {
position: absolute;
top: 0;
right: 0;
width: 22px;
height: 100%;
background: transparent;
border-radius: 0 2px 2px 0;
opacity: 0;
transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
display: flex;
align-items: center;
justify-content: center;
min-width: auto;
margin-right: 0;
font-size: 7px;
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
border-left-width: 0;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap,
.ant-input-number-focused .ant-input-number-handler-wrap {
opacity: 1;
}
.ant-input-number-handler-up {
border-top-right-radius: 2px;
cursor: pointer;
}
.ant-input-number-handler-up-inner {
top: 50%;
margin-top: -5px;
text-align: center;
}
.ant-input-number-handler-up:hover {
height: 60% !important;
}
.ant-input-number-handler-down {
top: 0;
border-top: 1px solid #d9d9d9;
border-bottom-right-radius: 2px;
cursor: pointer;
}
.ant-input-number-handler-down-inner {
top: 50%;
text-align: center;
transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
height: 60% !important;
}
.ant-input-number-borderless .ant-input-number-handler-down {
border-top-width: 0;
}
.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
border-top: 1px solid #d9d9d9;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-out-of-range input {
color: #ff4d4f;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
margin-right: -1px;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
margin-left: -1px;
}
.ant-input-number-compact-item:hover,
.ant-input-number-compact-item:focus,
.ant-input-number-compact-item:active {
z-index: 2;
}
.ant-input-number-compact-item.ant-input-number-focused {
z-index: 2;
}
.ant-input-number-compact-item[disabled] {
z-index: 0;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number {
border-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
margin-right: -1px;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
margin-left: -1px;
}
.ant-input-number-compact-item:hover,
.ant-input-number-compact-item:focus,
.ant-input-number-compact-item:active {
z-index: 2;
}
.ant-input-number-compact-item.ant-input-number-focused {
z-index: 2;
}
.ant-input-number-compact-item[disabled] {
z-index: 0;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-affix-wrapper {
border-radius: 0;
}
.ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item) {
margin-right: -1px;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-group-wrapper-compact-item-rtl {
margin-right: 0;
margin-left: -1px;
}
.ant-input-number-compact-item:hover > *,
.ant-input-number-compact-item:focus > *,
.ant-input-number-compact-item:active > * {
z-index: 2;
}
.ant-input-number-compact-item.ant-input-number-focused > * {
z-index: 2;
}
.ant-input-number-compact-item[disabled] > * {
z-index: 0;
}
.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-group-wrapper .ant-input-number-group-addon {
border-radius: 0;
}
.ant-input-number-compact-item.ant-input-number-compact-first-item.ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) .ant-input-number-group-addon {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-compact-item.ant-input-number-compact-last-item.ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) .ant-input-number-group-addon {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number-group-wrapper.ant-input-number-compact-first-item.ant-input-number-compact-item-rtl:not(.ant-input-number-compact-last-item) .ant-input-number-group-addon {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-input-number-compact-item.ant-input-number-group-wrapper.ant-input-number-compact-last-item.ant-input-number-compact-item-rtl:not(.ant-input-number-compact-first-item) .ant-input-number-group-addon {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-input-number-rtl {
direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler {
border-right: 1px solid #d9d9d9;
border-left: 0;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
right: auto;
left: 0;
}
.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap,
.ant-input-number-rtl.ant-input-number-filled .ant-input-number-handler-wrap,
.ant-input-number-rtl.ant-input-number-underlined .ant-input-number-handler-wrap {
border-right-width: 0;
}
.ant-input-number-rtl .ant-input-number-handler-up {
border-top-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-handler-down {
border-bottom-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-input {
direction: ltr;
text-align: right;
}
.ant-input-number-affix-wrapper > nz-input-number.ant-input-number {
width: 100%;
border: none;
outline: none;
}
.ant-input-number-affix-wrapper > nz-input-number.ant-input-number.ant-input-number-focused {
box-shadow: none !important;
}
.ant-input-number.ant-input-number-has-feedback .ant-input-number-handler-wrap {
z-index: 2;
}
.ant-layout {
display: flex;
flex: auto;
flex-direction: column;
/* fix firefox can't set height smaller than content on flex item */
min-height: 0;
background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
width: 0;
}
.ant-layout-header,
.ant-layout-footer {
flex: 0 0 auto;
}
.ant-layout-header {
height: 64px;
padding: 0 50px;
color: rgba(0, 0, 0, 0.85);
line-height: 64px;
background: #001529;
}
.ant-layout-footer {
padding: 24px 50px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
background: #f0f2f5;
}
.ant-layout-content {
flex: auto;
/* fix firefox can't set height smaller than content on flex item */
min-height: 0;
}
.ant-layout-sider {
position: relative;
/* fix firefox can't set width smaller than content on flex item */
min-width: 0;
background: #001529;
transition: all 0.2s;
}
.ant-layout-sider-children {
height: 100%;
margin-top: -0.1px;
padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
width: auto;
}
.ant-layout-sider-has-trigger {
padding-bottom: 48px;
}
.ant-layout-sider-right {
order: 1;
}
.ant-layout-sider-trigger {
position: fixed;
bottom: 0;
z-index: 1;
height: 48px;
color: #fff;
line-height: 48px;
text-align: center;
background: #002140;
cursor: pointer;
transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
position: absolute;
top: 64px;
right: -36px;
z-index: 1;
width: 36px;
height: 42px;
color: #fff;
font-size: 18px;
line-height: 42px;
text-align: center;
background: #001529;
border-radius: 0 2px 2px 0;
cursor: pointer;
transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
transition: all 0.3s;
content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
left: -36px;
border-radius: 2px 0 0 2px;
}
.ant-layout-sider-light {
background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
color: rgba(0, 0, 0, 0.85);
background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
color: rgba(0, 0, 0, 0.85);
background: #fff;
}
.ant-layout-rtl {
direction: rtl;
}
nz-content {
display: block;
}
nz-footer {
display: block;
}
nz-header {
display: block;
}
.ant-form-item .ant-input-number + .ant-form-text {
margin-left: 8px;
}
.ant-form-inline {
display: flex;
flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
flex: none;
flex-wrap: nowrap;
margin-right: 16px;
margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
display: inline-block;
vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
flex: 1 1 0;
min-width: 0;
}
.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
min-width: unset;
}
.ant-form-vertical .ant-form-item-row {
flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
height: auto;
}
.ant-form-vertical .ant-form-item .ant-form-item-control {
width: 100%;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
text-align: right;
}
@media (max-width: 575px) {
.ant-form-item .ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-form-item .ant-form-item-label > label {
margin: 0;
}
.ant-form-item .ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-form-item .ant-form-item-label {
text-align: right;
}
.ant-form .ant-form-item {
flex-wrap: wrap;
}
.ant-form .ant-form-item .ant-form-item-label,
.ant-form .ant-form-item .ant-form-item-control {
flex: 0 0 100%;
max-width: 100%;
}
.ant-col-xs-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-xs-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-xs-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-xs-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 767px) {
.ant-col-sm-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-sm-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-sm-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-sm-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 991px) {
.ant-col-md-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-md-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-md-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-md-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 1199px) {
.ant-col-lg-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-lg-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-lg-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-lg-24.ant-form-item-label {
text-align: right;
}
}
@media (max-width: 1599px) {
.ant-col-xl-24.ant-form-item-label {
padding: 0 0 8px;
line-height: 1.5715;
white-space: initial;
text-align: left;
}
.ant-col-xl-24.ant-form-item-label > label {
margin: 0;
}
.ant-col-xl-24.ant-form-item-label > label::after {
display: none;
}
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
text-align: right;
}
}
.ant-form-item {
/* Some non-status related component style is in `components.less` */
/* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain-error {
color: #ff4d4f;
}
.ant-form-item-explain-warning {
color: #faad14;
}
.ant-form-item-has-feedback .ant-switch {
margin: 2px 0 4px;
}
.ant-form-item-has-warning .ant-form-item-split {
color: #faad14;
}
.ant-form-item-has-error .ant-form-item-split {
color: #ff4d4f;
}
.ant-form {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-form legend {
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: rgba(0, 0, 0, 0.45);
font-size: 16px;
line-height: inherit;
border: 0;
border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
font-size: 14px;
}
.ant-form input[type='search'] {
box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
line-height: normal;
}
.ant-form input[type='file'] {
display: block;
}
.ant-form input[type='range'] {
display: block;
width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.ant-form output {
display: block;
padding-top: 15px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
}
.ant-form .ant-form-text {
display: inline-block;
padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
height: 24px;
}
.ant-form-small .ant-form-item-control-input {
min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
height: 40px;
}
.ant-form-large .ant-form-item-control-input {
min-height: 40px;
}
.ant-form-item {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
margin-bottom: 24px;
vertical-align: top;
}
.ant-form-item-with-help {
transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
display: none;
}
.ant-form-item-label {
display: inline-block;
flex-grow: 0;
overflow: hidden;
white-space: nowrap;
text-align: right;
vertical-align: middle;
}
.ant-form-item-label-left {
text-align: left;
}
.ant-form-item-label-wrap {
overflow: unset;
line-height: 1.3215em;
white-space: unset;
}
.ant-form-item-label > label {
position: relative;
display: inline-flex;
align-items: center;
max-width: 100%;
height: 32px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-form-item-label > label > .anticon {
font-size: 14px;
vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):not( .ant-form-item-required-mark-hidden)::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):not( .ant-form-item-required-mark-hidden)::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 {
width: 100%;
}
.ant-form-item-extra {
min-height: 24px;
}
.ant-form-item-with-help .ant-form-item-explain {
height: auto;
opacity: 1;
}
.ant-form-item-feedback-icon {
font-size: 14px;
text-align: center;
visibility: visible;
animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
pointer-events: none;
}
.ant-form-item-feedback-icon-success {
color: #52c41a;
}
.ant-form-item-feedback-icon-error {
color: #ff4d4f;
}
.ant-form-item-feedback-icon-warning {
color: #faad14;
}
.ant-form-item-feedback-icon-validating {
color: #4cb8ac;
}
.ant-show-help {
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-appear,
.ant-show-help-enter {
opacity: 0;
}
.ant-show-help-appear-active,
.ant-show-help-enter-active {
opacity: 1;
}
.ant-show-help-leave {
opacity: 1;
}
.ant-show-help-leave-active {
opacity: 0;
}
.ant-show-help-item {
overflow: hidden;
transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
transform: translateY(-5px);
opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
transform: translateY(0);
opacity: 1;
}
.ant-show-help-item-leave {
transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-leave-active {
transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes diffZoomIn2 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes diffZoomIn3 {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.ant-form-rtl {
direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
margin-right: 0;
margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
margin-right: 4px;
margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
padding-right: 11px;
padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
padding-right: 11px;
padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
right: auto;
left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
right: auto;
left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
padding-right: 0;
padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
margin-right: 0;
margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
right: auto;
left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
padding-right: 11px;
padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
padding-right: 11px;
padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
padding-right: 7px;
padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
right: auto;
left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
margin-right: 0;
margin-left: 16px;
}
.ant-form-item-explain-connected {
height: 0;
}
.ant-form-item-with-help {
margin-bottom: 0;
}
.ant-form-item-with-help .ant-form-item-explain {
min-height: 24px;
}
.ant-list {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
}
.ant-list * {
outline: none;
}
.ant-list-pagination {
margin-top: 24px;
text-align: right;
}
.ant-list-pagination .ant-pagination-options {
text-align: left;
}
.ant-list-more {
margin-top: 12px;
text-align: center;
}
.ant-list-more button {
padding-right: 32px;
padding-left: 32px;
}
.ant-list-spin {
min-height: 40px;
text-align: center;
}
.ant-list-empty-text {
padding: 16px;
color: rgba(0, 0, 0, 0.25);
font-size: 14px;
text-align: center;
}
.ant-list-items {
margin: 0;
padding: 0;
list-style: none;
}
.ant-list-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta {
display: flex;
flex: 1;
align-items: flex-start;
max-width: 100%;
}
.ant-list-item-meta-avatar {
margin-right: 16px;
}
.ant-list-item-meta-content {
flex: 1 0;
width: 0;
color: rgba(0, 0, 0, 0.85);
}
.ant-list-item-meta-title {
margin-bottom: 4px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
}
.ant-list-item-meta-title > a {
color: rgba(0, 0, 0, 0.85);
transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
color: #4cb8ac;
}
.ant-list-item-meta-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
}
.ant-list-item-action {
flex: 0 0 auto;
margin-left: 48px;
padding: 0;
font-size: 0;
list-style: none;
}
.ant-list-item-action > li {
position: relative;
display: inline-block;
padding: 0 8px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
text-align: center;
}
.ant-list-item-action > li:first-child {
padding-left: 0;
}
.ant-list-item-action-split {
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 14px;
margin-top: -7px;
background-color: #f0f0f0;
}
.ant-list-header {
background: transparent;
}
.ant-list-footer {
background: transparent;
}
.ant-list-header,
.ant-list-footer {
padding-top: 12px;
padding-bottom: 12px;
}
.ant-list-empty {
padding: 16px 0;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
text-align: center;
}
.ant-list-split .ant-list-item {
border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
border-bottom: none;
}
.ant-list-split .ant-list-header {
border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
display: block;
flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
margin-bottom: 12px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
margin-top: 16px;
margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
display: block;
max-width: 100%;
margin-bottom: 16px;
padding-top: 0;
padding-bottom: 0;
border-bottom: none;
}
.ant-list-item-no-flex {
display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
float: right;
}
.ant-list-bordered {
border: 1px solid #d9d9d9;
border-radius: 2px;
}
.ant-list-bordered .ant-list-header {
padding-right: 24px;
padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
padding-right: 24px;
padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
padding-right: 24px;
padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
padding: 16px 24px;
}
@media screen and (max-width: 768px) {
.ant-list-item-action {
margin-left: 24px;
}
.ant-list-vertical .ant-list-item-extra {
margin-left: 24px;
}
}
@media screen and (max-width: 576px) {
.ant-list-item {
flex-wrap: wrap;
}
.ant-list-item-action {
margin-left: 12px;
}
.ant-list-vertical .ant-list-item {
flex-wrap: wrap-reverse;
}
.ant-list-vertical .ant-list-item-main {
min-width: 220px;
}
.ant-list-vertical .ant-list-item-extra {
margin: auto auto 16px;
}
}
.ant-list-rtl {
direction: rtl;
text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
margin-right: 0;
margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
margin-right: 48px;
margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
padding-right: 0;
padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
right: auto;
left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
margin-right: 40px;
margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
padding-right: 0;
padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
float: left;
}
@media screen and (max-width: 768px) {
.ant-list-rtl .ant-list-item-action {
margin-right: 24px;
margin-left: 0;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-extra {
margin-right: 24px;
margin-left: 0;
}
}
@media screen and (max-width: 576px) {
.ant-list-rtl .ant-list-item-action {
margin-right: 22px;
margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
margin: auto auto 16px;
}
}
nz-list,
nz-list nz-spin,
nz-list-header,
nz-list-footer,
nz-list-pagination,
nz-list-empty,
nz-list-item-extra {
display: block;
}
.ant-menu-item-danger.ant-menu-item {
color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:active {
background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
color: #ff4d4f;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
border-right-color: #ff4d4f;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
color: #ff4d4f;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
color: #fff;
background-color: #ff4d4f;
}
.ant-menu {
box-sizing: border-box;
margin: 0;
padding: 0;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin-bottom: 0;
padding-left: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 0;
text-align: left;
list-style: none;
background: #fff;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
display: table;
content: '';
}
.ant-menu::after {
display: table;
clear: both;
content: '';
}
.ant-menu::before {
display: table;
content: '';
}
.ant-menu::after {
display: table;
clear: both;
content: '';
}
.ant-menu.ant-menu-root:focus-visible {
box-shadow: 0 0 0 2px #ddebe7;
}
.ant-menu ul,
.ant-menu ol {
margin: 0;
padding: 0;
list-style: none;
}
.ant-menu-overflow {
display: flex;
}
.ant-menu-overflow-item {
flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-hidden {
display: none;
}
.ant-menu-item-group-title {
height: 1.5715;
padding: 8px 16px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
color: #4cb8ac;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
background: #e9f7f3;
}
.ant-menu-submenu .ant-menu-sub {
cursor: initial;
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-title-content {
transition: color 0.3s;
}
.ant-menu-item a {
color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item a:hover {
color: #4cb8ac;
}
.ant-menu-item a::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
content: '';
}
.ant-menu-item > .ant-badge a {
color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item > .ant-badge a:hover {
color: #4cb8ac;
}
.ant-menu-item-divider {
overflow: hidden;
line-height: 0;
border-color: #f0f0f0;
border-style: solid;
border-width: 1px 0 0;
}
.ant-menu-item-divider-dashed {
border-style: dashed;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
background-color: transparent;
}
.ant-menu-item-selected {
color: #4cb8ac;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
color: #4cb8ac;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
background-color: #e9f7f3;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
min-width: 160px;
max-height: calc(100vh - 100px);
padding: 0;
overflow: hidden;
border-right: 0;
}
.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
overflow-x: hidden;
overflow-y: auto;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
left: 0;
margin-left: 0;
border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
min-width: 114px;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
transition: border-color 0.3s, background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
position: relative;
display: block;
margin: 0;
padding: 0 20px;
white-space: nowrap;
cursor: pointer;
transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
min-width: 14px;
font-size: 14px;
transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
margin-left: 10px;
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
margin-right: 0;
}
.ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
box-shadow: 0 0 0 2px #ddebe7;
}
.ant-menu > .ant-menu-item-divider {
margin: 1px 0;
padding: 0;
}
.ant-menu-submenu-popup {
position: absolute;
z-index: 1050;
background: transparent;
border-radius: 2px;
box-shadow: none;
transform-origin: 0 0;
}
.ant-menu-submenu-popup::before {
position: absolute;
top: -7px;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0.0001;
content: ' ';
}
.ant-menu-submenu-placement-rightTop::before {
top: 0;
left: -7px;
}
.ant-menu-submenu > .ant-menu {
background-color: #fff;
border-radius: 2px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
background-color: #fff;
}
.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
position: absolute;
top: 50%;
right: 16px;
width: 10px;
color: rgba(0, 0, 0, 0.85);
transform: translateY(-50%);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
position: absolute;
width: 6px;
height: 1.5px;
background-color: currentcolor;
border-radius: 2px;
transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
}
.ant-menu-submenu-arrow::before {
transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow::after {
transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
color: #4cb8ac;
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
transform: rotate(-45deg) translateX(2.5px);
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
transform: rotate(45deg) translateX(-2.5px);
}
.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
display: none;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
transform: rotate(-45deg) translateX(-2.5px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
transform: rotate(45deg) translateX(2.5px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
color: #4cb8ac;
}
.ant-menu-horizontal {
line-height: 46px;
border: 0;
border-bottom: 1px solid #f0f0f0;
box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
margin-top: -1px;
margin-bottom: 0;
padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
color: #4cb8ac;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
border-bottom: 2px solid #4cb8ac;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
position: relative;
top: 1px;
display: inline-block;
vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
position: absolute;
right: 20px;
bottom: 0;
left: 20px;
border-bottom: 2px solid transparent;
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
color: rgba(0, 0, 0, 0.85);
}
.ant-menu-horizontal > .ant-menu-item a:hover {
color: #4cb8ac;
}
.ant-menu-horizontal > .ant-menu-item a::before {
bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
color: #4cb8ac;
}
.ant-menu-horizontal::after {
display: block;
clear: both;
height: 0;
content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
border-right: 3px solid #4cb8ac;
transform: scaleY(0.0001);
opacity: 0;
transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
height: 40px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0 16px;
overflow: hidden;
line-height: 40px;
text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
height: 40px;
line-height: 40px;
}
.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
padding-right: 34px;
}
.ant-menu-inline {
width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
transform: scaleY(1);
opacity: 1;
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
display: flex;
align-items: center;
transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
flex: auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
width: 80px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
left: 0;
padding: 0 calc(50% - 16px / 2);
text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
margin: 0;
font-size: 16px;
line-height: 40px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
display: inline-block;
opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
color: rgba(255, 255, 255, 0.85);
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
padding-right: 4px;
padding-left: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-menu-item-group-list {
margin: 0;
padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
font-size: 16px;
text-align: center;
}
.ant-menu-sub.ant-menu-inline {
padding: 0;
background: #fafafa;
border: 0;
border-radius: 0;
box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
height: 40px;
line-height: 40px;
list-style-position: inside;
list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
color: rgba(0, 0, 0, 0.25) !important;
background: none;
cursor: not-allowed;
}
.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
border-color: transparent !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
color: rgba(0, 0, 0, 0.25) !important;
pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
color: rgba(0, 0, 0, 0.25) !important;
cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
background: rgba(0, 0, 0, 0.25) !important;
}
.ant-layout-header .ant-menu {
line-height: inherit;
}
.ant-menu-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
color: #fff;
}
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
color: #4cb8ac;
}
.ant-menu.ant-menu-root:focus-visible {
box-shadow: 0 0 0 2px #34918a;
}
.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
box-shadow: 0 0 0 2px #34918a;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
color: rgba(255, 255, 255, 0.65);
background: #001529;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
opacity: 0.45;
transition: all 0.3s;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
background: #000c17;
}
.ant-menu-dark.ant-menu-horizontal {
border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
top: 0;
margin-top: 0;
padding: 0 20px;
border-color: #001529;
border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
background-color: #4cb8ac;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
left: 0;
margin-left: 0;
border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
color: #fff;
background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
background-color: transparent;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
background-color: #4cb8ac;
}
.ant-menu-dark .ant-menu-item-selected {
color: #fff;
border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
background-color: #4cb8ac;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
color: rgba(255, 255, 255, 0.35) !important;
opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
background: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu.ant-menu-rtl {
direction: rtl;
text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
border-right: none;
border-left: 1px solid #f0f0f0;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
border-left: none;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
margin-right: auto;
margin-left: 10px;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
margin-left: 0;
}
.ant-menu-submenu-rtl.ant-menu-submenu-popup {
transform-origin: 100% 0;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
right: auto;
left: 16px;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
right: auto;
left: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
padding-right: 0;
padding-left: 34px;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
padding-right: 16px;
padding-left: 34px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
padding: 0 calc(50% - 16px / 2);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
padding-right: 32px;
padding-left: 0;
}
.ant-menu-submenu.ant-menu-submenu-placement-bottom {
position: relative;
top: 6px;
}
.ant-menu-submenu.ant-menu-submenu-placement-right {
position: relative;
left: 4px;
}
.ant-menu-submenu.ant-menu-submenu-placement-right.ant-menu-submenu-rtl {
right: 4px;
left: auto;
}
.ant-menu-submenu.ant-menu-submenu-placement-left {
position: relative;
right: 4px;
}
.ant-menu-submenu.ant-menu-submenu-placement-left.ant-menu-submenu-rtl {
right: auto;
left: 4px;
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
background: #fff;
border-color: #ff4d4f;
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-mentions-status-error .ant-input-prefix {
color: #ff4d4f;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
background: #fff;
border-color: #faad14;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-mentions-status-warning .ant-input-prefix {
color: #faad14;
}
.ant-mentions {
box-sizing: border-box;
margin: 0;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
position: relative;
display: inline-block;
height: auto;
padding: 0;
overflow: hidden;
line-height: 1.5715;
white-space: pre-wrap;
vertical-align: bottom;
}
.ant-mentions::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
user-select: none;
}
.ant-mentions:placeholder-shown {
text-overflow: ellipsis;
}
.ant-mentions:hover {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-mentions:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-mentions:focus,
.ant-mentions-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-mentions:focus,
.ant-input-rtl .ant-mentions-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-mentions-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-mentions-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-mentions[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-mentions[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-mentions.ant-mentions-borderless,
.ant-mentions.ant-mentions-borderless:hover,
.ant-mentions.ant-mentions-borderless:focus,
.ant-mentions.ant-mentions-borderless.ant-mentions-focused,
.ant-mentions.ant-mentions-borderless.ant-mentions-disabled,
.ant-mentions.ant-mentions-borderless.ant-mentions[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
.ant-mentions.ant-mentions-filled {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.ant-mentions.ant-mentions-filled:hover {
background-color: #f0f0f0;
}
.ant-mentions.ant-mentions-filled:focus,
.ant-mentions.ant-mentions-filled.ant-mentions-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
background-color: transparent;
box-shadow: none;
}
.ant-input-rtl .ant-mentions.ant-mentions-filled:focus,
.ant-input-rtl .ant-mentions.ant-mentions-filled.ant-mentions-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-mentions.ant-mentions-filled.ant-mentions-disabled,
.ant-mentions.ant-mentions-filled.ant-mentions[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-mentions.ant-mentions-filled.ant-mentions-disabled:hover,
.ant-mentions.ant-mentions-filled.ant-mentions[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-mentions.ant-mentions-underlined,
.ant-mentions.ant-mentions-underlined:hover,
.ant-mentions.ant-mentions-underlined:focus,
.ant-mentions.ant-mentions-underlined.ant-mentions-focused,
.ant-mentions.ant-mentions-underlined.ant-mentions-disabled,
.ant-mentions.ant-mentions-underlined.ant-mentions[disabled] {
background-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.ant-mentions.ant-mentions-underlined:hover:not(.ant-mentions-focused):not(:focus) {
border-color: #d9d9d9;
}
textarea.ant-mentions {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-mentions-sm {
padding: 0px 7px;
}
.ant-mentions-rtl {
direction: rtl;
}
.ant-mentions-stepperless[type='number'] {
/* stylelint-disable-next-line property-no-vendor-prefix */
-moz-appearance: textfield;
}
.ant-mentions-stepperless[type='number']::-webkit-inner-spin-button,
.ant-mentions-stepperless[type='number'] ::-webkit-outer-spin-button {
margin: 0;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
}
.ant-mentions-disabled > .ant-input {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-mentions-disabled > .ant-input:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-mentions-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-mentions-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-mentions > .ant-input,
.ant-mentions-measure {
min-height: 30px;
margin: 0;
padding: 4px 11px;
overflow: inherit;
overflow-x: hidden;
overflow-y: auto;
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
font-weight: inherit;
font-size: inherit;
font-family: inherit;
font-style: inherit;
font-variant: inherit;
font-size-adjust: inherit;
font-stretch: inherit;
line-height: inherit;
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
direction: inherit;
letter-spacing: inherit;
white-space: inherit;
text-align: inherit;
vertical-align: top;
word-wrap: break-word;
word-break: inherit;
tab-size: inherit;
}
.ant-mentions > .ant-input {
width: 100%;
background-color: inherit;
border: none;
outline: none;
resize: none;
}
.ant-mentions > .ant-input::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
user-select: none;
}
.ant-mentions > .ant-input:placeholder-shown {
text-overflow: ellipsis;
}
.ant-mentions-measure {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
color: transparent;
pointer-events: none;
}
.ant-mentions-measure > span {
display: inline-block;
min-height: 1em;
}
.ant-mentions-dropdown {
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
box-sizing: border-box;
font-size: 14px;
font-variant: initial;
background-color: #fff;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-mentions-dropdown-hidden {
display: none;
}
.ant-mentions-dropdown-menu {
max-height: 250px;
margin-bottom: 0;
padding-left: 0;
overflow: auto;
list-style: none;
outline: none;
}
.ant-mentions-dropdown-menu-item {
position: relative;
display: block;
min-width: 100px;
padding: 5px 12px;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
line-height: 1.5715;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
background-color: #e9e9ea;
}
.ant-mentions-dropdown-menu-item:first-child {
border-radius: 2px 2px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
border-radius: 0 0 2px 2px;
}
.ant-mentions-dropdown-menu-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #fff;
cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
background-color: #e9e9ea;
}
.ant-mentions-suffix {
position: absolute;
top: 0;
right: 11px;
bottom: 0;
z-index: 1;
display: inline-flex;
align-items: center;
margin: auto;
}
.ant-mentions-clear-icon {
padding: 0;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 0;
vertical-align: -1px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
transition: color 0.3s;
}
.ant-mentions-clear-icon:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-mentions-rtl {
direction: rtl;
}
.ant-mentions-dropdown {
position: relative;
top: 100%;
left: 12px;
width: 100%;
margin-top: 8px;
margin-bottom: 4px;
}
.ant-mentions:focus-within {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-mentions:focus-within {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-mentions.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus-within {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-mentions.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus-within {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-message {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: fixed;
top: 8px;
left: 0;
z-index: 1010;
width: 100%;
pointer-events: none;
}
.ant-message-notice {
padding: 8px;
text-align: center;
}
.ant-message-notice-content {
display: inline-block;
padding: 10px 16px;
background: #fff;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
pointer-events: all;
}
.ant-message-success .anticon {
color: #52c41a;
}
.ant-message-error .anticon {
color: #ff4d4f;
}
.ant-message-warning .anticon {
color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
color: #4cb8ac;
}
.ant-message .anticon {
position: relative;
top: 1px;
margin-right: 8px;
font-size: 16px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
animation-name: MessageMoveOut;
animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
0% {
max-height: 150px;
padding: 8px;
opacity: 1;
}
100% {
max-height: 0;
padding: 0;
opacity: 0;
}
}
.ant-message-rtl {
direction: rtl;
}
.ant-message-rtl span {
direction: rtl;
}
.ant-message-rtl .anticon {
margin-right: 0;
margin-left: 8px;
}
.ant-modal {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
pointer-events: none;
position: relative;
top: 100px;
width: auto;
max-width: calc(100vw - 32px);
margin: 0 auto;
padding-bottom: 24px;
}
.ant-modal.ant-zoom-enter,
.ant-modal.ant-zoom-appear {
transform: none;
opacity: 0;
animation-duration: 0.3s;
-webkit-user-select: none;
user-select: none;
}
.ant-modal-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
height: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
display: none;
}
.ant-modal-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
outline: 0;
}
.ant-modal-wrap {
z-index: 1000;
}
.ant-modal-title {
margin: 0;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
line-height: 22px;
word-wrap: break-word;
}
.ant-modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
pointer-events: auto;
}
.ant-modal-close {
position: absolute;
top: 0;
right: 0;
z-index: 10;
padding: 0;
color: rgba(0, 0, 0, 0.45);
font-weight: 700;
line-height: 1;
text-decoration: none;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.3s;
}
.ant-modal-close-x {
display: block;
width: 54px;
height: 54px;
font-size: 16px;
font-style: normal;
line-height: 54px;
text-align: center;
text-transform: none;
text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
color: rgba(0, 0, 0, 0.75);
text-decoration: none;
}
.ant-modal-header {
padding: 16px 24px;
color: rgba(0, 0, 0, 0.85);
background: #fff;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
.ant-modal-body {
padding: 24px;
font-size: 14px;
line-height: 1.5715;
word-wrap: break-word;
}
.ant-modal-footer {
padding: 10px 16px;
text-align: right;
background: transparent;
border-top: 1px solid #f0f0f0;
border-radius: 0 0 2px 2px;
}
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
margin-bottom: 0;
margin-left: 8px;
}
.ant-modal-open {
overflow: hidden;
}
.ant-modal-centered {
text-align: center;
}
.ant-modal-centered::before {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
content: '';
}
.ant-modal-centered .ant-modal {
top: 0;
display: inline-block;
padding-bottom: 0;
text-align: left;
vertical-align: middle;
}
@media (max-width: 767px) {
.ant-modal {
max-width: calc(100vw - 16px);
margin: 8px auto;
}
.ant-modal-centered .ant-modal {
flex: 1;
}
}
.ant-modal-confirm .ant-modal-header {
display: none;
}
.ant-modal-confirm .ant-modal-body {
padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
display: table;
content: '';
}
.ant-modal-confirm-body-wrapper::after {
display: table;
clear: both;
content: '';
}
.ant-modal-confirm-body-wrapper::before {
display: table;
content: '';
}
.ant-modal-confirm-body-wrapper::after {
display: table;
clear: both;
content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
display: block;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
margin-top: 8px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
float: left;
margin-right: 16px;
font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
margin-top: 24px;
text-align: right;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
margin-bottom: 0;
margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
color: #ff4d4f;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
color: #4cb8ac;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
color: #52c41a;
}
.ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns {
pointer-events: none;
}
.ant-modal-wrap-rtl {
direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
right: initial;
left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
margin-right: 8px;
margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
float: right;
margin-right: 0;
margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
margin-right: 38px;
margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
margin-right: 8px;
margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
text-align: right;
}
.ant-notification {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: fixed;
z-index: 1010;
margin-right: 24px;
}
.ant-notification-close-icon {
font-size: 14px;
cursor: pointer;
}
.ant-notification-hook-holder {
position: relative;
}
.ant-notification-notice {
position: relative;
width: 384px;
max-width: calc(100vw - 24px * 2);
margin-bottom: 16px;
margin-left: auto;
padding: 16px 24px;
overflow: hidden;
line-height: 1.5715;
word-wrap: break-word;
background: #fff;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-notification-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
margin-right: auto;
margin-left: auto;
}
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
margin-right: auto;
margin-left: 0;
}
.ant-notification-notice-message {
margin-bottom: 8px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
display: block;
width: calc(384px - 24px * 2 - 24px - 48px - 100%);
max-width: 4px;
background-color: transparent;
pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
display: block;
content: '';
}
.ant-notification-notice-description {
font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
margin-bottom: 4px;
margin-left: 48px;
font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
margin-left: 48px;
font-size: 14px;
}
.ant-notification-notice-icon {
position: absolute;
margin-left: 4px;
font-size: 24px;
line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
color: #4cb8ac;
}
.anticon.ant-notification-notice-icon-warning {
color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
color: #ff4d4f;
}
.ant-notification-notice-close {
position: absolute;
top: 16px;
right: 22px;
color: rgba(0, 0, 0, 0.45);
outline: none;
}
.ant-notification-notice-close:hover {
color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
float: right;
margin-top: 16px;
}
.ant-notification .notification-fade-effect {
animation-duration: 0.24s;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
animation-duration: 0.24s;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-fill-mode: both;
opacity: 0;
animation-play-state: paused;
}
.ant-notification-fade-leave {
animation-duration: 0.24s;
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-fill-mode: both;
animation-duration: 0.2s;
animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
animation-name: NotificationFadeIn;
animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
animation-name: NotificationFadeOut;
animation-play-state: running;
}
@keyframes NotificationFadeIn {
0% {
left: 384px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes NotificationFadeOut {
0% {
max-height: 150px;
margin-bottom: 16px;
opacity: 1;
}
100% {
max-height: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 0;
}
}
.ant-notification-rtl {
direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
padding-right: 0;
padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
margin-right: 48px;
margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
margin-right: 48px;
margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
margin-right: 4px;
margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
right: auto;
left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
float: left;
}
.ant-notification-top,
.ant-notification-bottom {
margin-right: 0;
margin-left: 0;
}
.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active {
animation-name: NotificationTopFadeIn;
}
.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active {
animation-name: NotificationBottomFadeIn;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
margin-right: 0;
margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
animation-name: NotificationLeftFadeIn;
}
@keyframes NotificationTopFadeIn {
0% {
margin-top: -100%;
opacity: 0;
}
100% {
margin-top: 0;
opacity: 1;
}
}
@keyframes NotificationBottomFadeIn {
0% {
margin-bottom: -100%;
opacity: 0;
}
100% {
margin-bottom: 0;
opacity: 1;
}
}
@keyframes NotificationLeftFadeIn {
0% {
right: 384px;
opacity: 0;
}
100% {
right: 0;
opacity: 1;
}
}
.ant-page-header {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
padding: 16px 24px;
background-color: #fff;
}
.ant-page-header-ghost {
background-color: inherit;
}
.ant-page-header.has-breadcrumb {
padding-top: 12px;
}
.ant-page-header.has-footer {
padding-bottom: 0;
}
.ant-page-header-back {
margin-right: 16px;
font-size: 16px;
line-height: 1;
}
.ant-page-header-back-button {
color: #4cb8ac;
outline: none;
cursor: pointer;
transition: color 0.3s;
color: #000;
}
.ant-page-header-back-button:focus-visible,
.ant-page-header-back-button:hover {
color: #70c4b8;
}
.ant-page-header-back-button:active {
color: #34918a;
}
.ant-page-header .ant-divider-vertical {
height: 14px;
margin: 0 12px;
vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
margin-top: 8px;
}
.ant-page-header-heading {
display: flex;
justify-content: space-between;
}
.ant-page-header-heading-left {
display: flex;
align-items: center;
margin: 4px 0;
overflow: hidden;
}
.ant-page-header-heading-title {
margin-right: 12px;
margin-bottom: 0;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 20px;
line-height: 32px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-page-header-heading .ant-avatar {
margin-right: 12px;
}
.ant-page-header-heading-sub-title {
margin-right: 12px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.5715;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-page-header-heading-extra {
margin: 4px 0;
white-space: nowrap;
}
.ant-page-header-heading-extra > * {
white-space: unset;
}
.ant-page-header-content {
padding-top: 12px;
}
.ant-page-header-footer {
margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
}
.ant-page-header-compact .ant-page-header-heading {
flex-wrap: wrap;
}
.ant-page-header-rtl {
direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
float: right;
margin-right: 0;
margin-left: 16px;
}
.ant-page-header-rtl .ant-page-header-heading-title {
margin-right: 0;
margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
margin-right: 0;
margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
float: right;
margin-right: 0;
margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
margin-right: 12px;
margin-left: 0;
}
.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
float: right;
}
.ant-page-header-back-button {
display: inline-block;
padding: 0;
line-height: inherit;
background: transparent;
border: 0;
}
nz-page-header,
nz-page-header-content,
nz-page-header-footer {
display: block;
}
.ant-pagination {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: flex;
}
.ant-pagination-start {
justify-content: start;
}
.ant-pagination-center {
justify-content: center;
}
.ant-pagination-end {
justify-content: end;
}
.ant-pagination ul,
.ant-pagination ol {
margin: 0;
padding: 0;
list-style: none;
}
.ant-pagination::after {
display: block;
clear: both;
height: 0;
overflow: hidden;
visibility: hidden;
content: ' ';
}
.ant-pagination-total-text {
display: inline-block;
height: 32px;
margin-right: 8px;
line-height: 30px;
vertical-align: middle;
}
.ant-pagination-item {
display: inline-block;
min-width: 32px;
height: 32px;
margin-right: 8px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 30px;
text-align: center;
vertical-align: middle;
list-style: none;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
outline: 0;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.ant-pagination-item a {
display: block;
padding: 0 6px;
color: rgba(0, 0, 0, 0.85);
transition: none;
}
.ant-pagination-item a:hover {
text-decoration: none;
}
.ant-pagination-item:hover {
border-color: #4cb8ac;
transition: all 0.3s;
}
.ant-pagination-item:hover a {
color: #4cb8ac;
}
.ant-pagination-item:focus-visible {
border-color: #4cb8ac;
transition: all 0.3s;
}
.ant-pagination-item:focus-visible a {
color: #4cb8ac;
}
.ant-pagination-item-active {
font-weight: 500;
background: #fff;
border-color: #4cb8ac;
}
.ant-pagination-item-active a {
color: #4cb8ac;
}
.ant-pagination-item-active:hover {
border-color: #70c4b8;
}
.ant-pagination-item-active:focus-visible {
border-color: #70c4b8;
}
.ant-pagination-item-active:hover a {
color: #70c4b8;
}
.ant-pagination-item-active:focus-visible a {
color: #70c4b8;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
color: #4cb8ac;
font-size: 12px;
letter-spacing: -1px;
opacity: 0;
transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
margin: auto;
color: rgba(0, 0, 0, 0.25);
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 2px;
text-align: center;
text-indent: 0.13em;
opacity: 1;
transition: all 0.2s;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
opacity: 1;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
opacity: 0;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
display: inline-block;
min-width: 32px;
height: 32px;
color: rgba(0, 0, 0, 0.85);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 32px;
text-align: center;
vertical-align: middle;
list-style: none;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
font-family: Arial, Helvetica, sans-serif;
outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
color: rgba(0, 0, 0, 0.85);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
border-color: #70c4b8;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
display: block;
width: 100%;
height: 100%;
padding: 0;
font-size: 12px;
text-align: center;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
outline: none;
transition: all 0.3s;
}
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
color: #4cb8ac;
border-color: #4cb8ac;
}
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
color: #4cb8ac;
border-color: #4cb8ac;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover {
cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible {
cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
color: rgba(0, 0, 0, 0.25);
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-pagination-slash {
margin: 0 10px 0 5px;
}
.ant-pagination-options {
display: inline-block;
margin-left: 16px;
vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
.ant-pagination-options *::-ms-backdrop,
.ant-pagination-options {
vertical-align: top;
}
}
.ant-pagination-options-size-changer.ant-select {
display: inline-block;
width: auto;
}
.ant-pagination-options-quick-jumper {
display: inline-block;
height: 32px;
margin-left: 8px;
line-height: 32px;
vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
position: relative;
display: inline-block;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s;
width: 50px;
height: 32px;
margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::placeholder {
color: #bfbfbf;
-webkit-user-select: none;
user-select: none;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:focus,
.ant-input-rtl .ant-pagination-options-quick-jumper input-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input-focused,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input-disabled,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input[disabled] {
background-color: transparent;
border: none;
box-shadow: none;
}
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled:hover {
background-color: #f0f0f0;
}
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled:focus,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-focused {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
background-color: transparent;
box-shadow: none;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled:focus,
.ant-input-rtl .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-focused {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-disabled,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-disabled:hover,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined:hover,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined:focus,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input-focused,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input-disabled,
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input[disabled] {
background-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined:hover:not(.ant-pagination-options-quick-jumper input-focused):not(:focus) {
border-color: #d9d9d9;
}
textarea.ant-pagination-options-quick-jumper input {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
padding: 6.5px 11px;
font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
padding: 0px 7px;
}
.ant-pagination-options-quick-jumper input-rtl {
direction: rtl;
}
.ant-pagination-options-quick-jumper input-stepperless[type='number'] {
/* stylelint-disable-next-line property-no-vendor-prefix */
-moz-appearance: textfield;
}
.ant-pagination-options-quick-jumper input-stepperless[type='number']::-webkit-inner-spin-button,
.ant-pagination-options-quick-jumper input-stepperless[type='number'] ::-webkit-outer-spin-button {
margin: 0;
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-appearance: none;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
height: 24px;
line-height: 24px;
vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
height: 24px;
background-color: transparent;
border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
height: 24px;
line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
display: inline-block;
height: 24px;
margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
box-sizing: border-box;
height: 100%;
margin-right: 8px;
padding: 0 6px;
text-align: center;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
outline: none;
transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
border-color: #4cb8ac;
}
.ant-pagination-simple .ant-pagination-simple-pager input:focus {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
height: 24px;
line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item {
min-width: 24px;
height: 24px;
margin: 0;
line-height: 22px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
background: transparent;
border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-next {
min-width: 24px;
height: 24px;
margin: 0;
line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
background: transparent;
border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
height: 24px;
line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
height: 24px;
margin-right: 0;
line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options {
margin-left: 2px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
top: 0px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
height: 24px;
line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
padding: 0px 7px;
width: 44px;
height: 24px;
}
.ant-pagination.ant-pagination-disabled {
cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
background: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
color: rgba(0, 0, 0, 0.25);
background: transparent;
border: none;
cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
color: rgba(0, 0, 0, 0.25);
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
.ant-pagination-item-after-jump-prev,
.ant-pagination-item-before-jump-next {
display: none;
}
}
@media only screen and (max-width: 576px) {
.ant-pagination-options {
display: none;
}
}
.ant-pagination-rtl .ant-pagination-total-text {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
margin-right: 16px;
margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
margin-right: 0;
margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
margin-right: 2px;
margin-left: 0;
}
nz-pagination {
display: block;
}
.ant-popover {
position: relative;
}
.ant-popover {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
--antd-arrow-background-color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 1030;
max-width: 100vw;
font-weight: normal;
white-space: normal;
text-align: left;
cursor: auto;
-webkit-user-select: text;
user-select: text;
}
.ant-popover-content {
position: relative;
}
.ant-popover::after {
position: absolute;
background: rgba(255, 255, 255, 0.01);
content: '';
}
.ant-popover-hidden {
display: none;
}
.ant-popover-inner {
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ant-popover {
/* IE10+ */
}
.ant-popover-inner {
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
}
.ant-popover-title {
min-width: 177px;
min-height: 32px;
margin: 0;
padding: 5px 16px 4px;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
width: max-content;
max-width: 100%;
padding: 12px 16px;
color: rgba(0, 0, 0, 0.85);
}
.ant-popover-message {
display: flex;
padding: 4px 0 12px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
}
.ant-popover-message-icon {
display: inline-block;
margin-right: 8px;
color: #faad14;
font-size: 14px;
}
.ant-popover-buttons {
margin-bottom: 4px;
text-align: right;
}
.ant-popover-buttons button:not(:first-child) {
margin-left: 8px;
}
.ant-popover-arrow {
position: absolute;
z-index: 1;
display: block;
width: 16px;
height: 16px;
overflow: hidden;
pointer-events: none;
}
.ant-popover-arrow::before {
position: absolute;
bottom: 0;
width: 16px;
height: calc(16px / 2);
background: var(--antd-arrow-background-color);
content: '';
clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
inset-inline-start: 0;
}
.ant-popover-arrow::after {
position: absolute;
bottom: 0;
z-index: 0;
width: 8.97056275px;
height: 8.97056275px;
margin: auto;
background: transparent;
border-radius: 0 0 2px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
transform: translateY(50%) rotate(-135deg);
content: '';
inset-inline: 0;
}
.ant-popover-arrow::before {
background: var(--antd-arrow-background-color);
}
.ant-popover-placement-top > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-arrow {
bottom: 0px;
transform: translateY(100%) rotate(180deg);
}
.ant-popover-placement-top > .ant-popover-arrow {
left: 50%;
transform: translateX(-50%) translateY(100%) rotate(180deg);
}
.ant-popover-placement-topLeft > .ant-popover-arrow {
left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-arrow {
right: 16px;
}
.ant-popover-placement-bottom > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-arrow {
top: 0px;
transform: translateY(-100%);
}
.ant-popover-placement-bottom > .ant-popover-arrow {
left: 50%;
transform: translateX(-50%) translateY(-100%);
}
.ant-popover-placement-bottomLeft > .ant-popover-arrow {
left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-arrow {
right: 16px;
}
.ant-popover-placement-left > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-arrow {
right: 0px;
transform: translateX(100%) rotate(90deg);
}
.ant-popover-placement-left > .ant-popover-arrow {
top: 50%;
transform: translateY(-50%) translateX(100%) rotate(90deg);
}
.ant-popover-placement-leftTop > .ant-popover-arrow {
top: 16px;
}
.ant-popover-placement-leftBottom > .ant-popover-arrow {
bottom: 16px;
}
.ant-popover-placement-right > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-arrow {
left: 0px;
transform: translateX(-100%) rotate(-90deg);
}
.ant-popover-placement-right > .ant-popover-arrow {
top: 50%;
transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}
.ant-popover-placement-rightTop > .ant-popover-arrow {
top: 16px;
}
.ant-popover-placement-rightBottom > .ant-popover-arrow {
bottom: 16px;
}
.ant-popover-pink .ant-popover-inner {
background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow {
background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow {
background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow {
background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow {
background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow {
background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow {
background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow {
background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow {
background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow {
background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow {
background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow {
background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow {
background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow {
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-progress {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-progress-line {
position: relative;
width: 100%;
font-size: 14px;
}
.ant-progress-steps {
display: inline-block;
}
.ant-progress-steps-outer {
display: flex;
flex-direction: row;
align-items: center;
}
.ant-progress-steps-item {
flex-shrink: 0;
min-width: 2px;
margin-right: 2px;
background: #f3f3f3;
transition: all 0.3s;
}
.ant-progress-steps-item-active {
background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
font-size: 12px;
}
.ant-progress-outer {
display: inline-block;
width: 100%;
margin-right: 0;
padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
margin-right: calc(-2em - 8px);
padding-right: calc(2em + 8px);
}
.ant-progress-inner {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
vertical-align: middle;
background-color: #f5f5f5;
border-radius: 100px;
}
.ant-progress-circle-trail {
stroke: #f5f5f5;
}
.ant-progress-circle-path {
animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
position: relative;
background-color: #1890ff;
border-radius: 100px;
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
position: absolute;
top: 0;
left: 0;
background-color: #52c41a;
}
.ant-progress-text {
display: inline-block;
width: 2em;
margin-left: 8px;
color: rgba(0, 0, 0, 0.85);
font-size: 1em;
line-height: 1;
white-space: nowrap;
text-align: left;
vertical-align: middle;
word-break: normal;
}
.ant-progress-text .anticon {
font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
border-radius: 10px;
opacity: 0;
animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
content: '';
}
.ant-progress-status-exception .ant-progress-bg {
background-color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-text {
color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
stroke: #ff4d4f;
}
.ant-progress-status-success .ant-progress-bg {
background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
position: relative;
line-height: 1;
background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 1em;
line-height: 1;
white-space: normal;
text-align: center;
transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
color: #ff4d4f;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
color: #52c41a;
}
@keyframes ant-progress-active {
0% {
transform: translateX(-100%) scaleX(0);
opacity: 0.1;
}
20% {
transform: translateX(-100%) scaleX(0);
opacity: 0.5;
}
100% {
transform: translateX(0) scaleX(1);
opacity: 0;
}
}
.ant-progress-rtl {
direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
margin-right: 0;
margin-left: calc(-2em - 8px);
padding-right: 0;
padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
right: 0;
left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
margin-right: 8px;
margin-left: 0;
text-align: right;
}
.ant-radio-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
font-size: 0;
}
.ant-radio-group .ant-badge-count {
z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
border-left: none;
}
.ant-radio-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-flex;
align-items: baseline;
margin-right: 8px;
cursor: pointer;
}
.ant-radio-wrapper-disabled {
cursor: not-allowed;
}
.ant-radio-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] {
width: 14px;
height: 14px;
}
.ant-radio {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
display: inline-block;
outline: none;
cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
border-color: #4cb8ac;
}
.ant-radio-input:focus + .ant-radio-inner {
box-shadow: 0 0 0 3px rgba(76, 184, 172, 0.12);
}
.ant-radio-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #4cb8ac;
border-radius: 50%;
visibility: hidden;
animation: antRadioEffect 0.36s ease-in-out;
animation-fill-mode: both;
content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
visibility: visible;
}
.ant-radio-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
background-color: #fff;
border-color: #d9d9d9;
border-style: solid;
border-width: 1px;
border-radius: 50%;
transition: all 0.3s;
}
.ant-radio-inner::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 16px;
height: 16px;
margin-top: -8px;
margin-left: -8px;
background-color: #4cb8ac;
border-top: 0;
border-left: 0;
border-radius: 16px;
transform: scale(0);
opacity: 0;
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
content: ' ';
}
.ant-radio-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
cursor: pointer;
opacity: 0;
}
.ant-radio.ant-radio-disabled .ant-radio-inner {
border-color: #d9d9d9;
}
.ant-radio-checked .ant-radio-inner {
border-color: #4cb8ac;
}
.ant-radio-checked .ant-radio-inner::after {
transform: scale(0.5);
opacity: 1;
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
background-color: #f5f5f5;
cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
cursor: not-allowed;
}
.ant-radio-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
span.ant-radio + * {
padding-right: 8px;
padding-left: 8px;
}
.ant-radio-button-wrapper {
position: relative;
display: inline-block;
height: 32px;
margin: 0;
padding: 0 15px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 30px;
background: #fff;
border: 1px solid #d9d9d9;
border-top-width: 1.02px;
border-left-width: 0;
cursor: pointer;
transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
color: rgba(0, 0, 0, 0.85);
}
.ant-radio-button-wrapper > .ant-radio-button {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
height: 40px;
font-size: 16px;
line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
height: 24px;
padding: 0 7px;
line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
position: absolute;
top: -1px;
left: -1px;
display: block;
box-sizing: content-box;
width: 1px;
height: 100%;
padding: 1px 0;
background-color: #d9d9d9;
transition: background-color 0.3s;
content: '';
}
.ant-radio-button-wrapper:first-child {
border-left: 1px solid #d9d9d9;
border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
position: relative;
color: #4cb8ac;
}
.ant-radio-button-wrapper:focus-within {
box-shadow: 0 0 0 3px rgba(76, 184, 172, 0.12);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
width: 0;
height: 0;
opacity: 0;
pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
z-index: 1;
color: #4cb8ac;
background: #fff;
border-color: #4cb8ac;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
background-color: #4cb8ac;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
border-color: #4cb8ac;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
color: #70c4b8;
border-color: #70c4b8;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
background-color: #70c4b8;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
color: #34918a;
border-color: #34918a;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
background-color: #34918a;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
box-shadow: 0 0 0 3px rgba(76, 184, 172, 0.12);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
color: #fff;
background: #4cb8ac;
border-color: #4cb8ac;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
color: #fff;
background: #70c4b8;
border-color: #70c4b8;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
color: #fff;
background: #34918a;
border-color: #34918a;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
box-shadow: 0 0 0 3px rgba(76, 184, 172, 0.12);
}
.ant-radio-button-wrapper-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
color: rgba(0, 0, 0, 0.25);
background-color: #e6e6e6;
border-color: #d9d9d9;
box-shadow: none;
}
@keyframes antRadioEffect {
0% {
transform: scale(1);
opacity: 0.5;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
.ant-radio-group.ant-radio-group-rtl {
direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
border-right-width: 0;
border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
right: -1px;
left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
border-right: 1px solid #d9d9d9;
border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
border-right-color: #70c4b8;
}
.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-rate {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
display: inline-block;
margin: 0;
padding: 0;
color: #fadb14;
font-size: 20px;
line-height: unset;
list-style: none;
outline: none;
}
.ant-rate-disabled .ant-rate-star {
cursor: default;
}
.ant-rate-disabled .ant-rate-star > div:hover {
transform: scale(1);
}
.ant-rate-star {
position: relative;
display: inline-block;
color: inherit;
cursor: pointer;
}
.ant-rate-star:not(:last-child) {
margin-right: 8px;
}
.ant-rate-star > div {
transition: all 0.3s, outline 0s;
}
.ant-rate-star > div:hover {
transform: scale(1.1);
}
.ant-rate-star > div:focus {
outline: 0;
}
.ant-rate-star > div:focus-visible {
outline: 1px dashed #fadb14;
transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
color: #f0f0f0;
transition: all 0.3s;
-webkit-user-select: none;
user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
vertical-align: middle;
}
.ant-rate-star-first {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
overflow: hidden;
opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
color: inherit;
}
.ant-rate-text {
display: inline-block;
margin: 0 8px;
font-size: 14px;
}
.ant-rate-rtl {
direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
margin-right: 0;
margin-left: 8px;
}
.ant-rate-rtl .ant-rate-star-first {
right: 0;
left: auto;
}
.ant-select-single.ant-select {
height: 32px;
font-size: 14px;
}
.ant-select-single.ant-select .ant-select-selector {
display: flex;
flex: 1 1 auto;
border-radius: 2px;
}
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-wrap::after {
line-height: 30px;
}
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-search {
position: absolute;
width: 100%;
inset: 0;
}
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-search-input {
width: 100%;
appearance: textfield;
}
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
display: block;
align-self: center;
padding: 0;
line-height: 30px;
transition: all 0.3s, visibility 0s;
}
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
transition: none;
pointer-events: none;
}
.ant-select-single.ant-select .ant-select-selector::after,
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-item::after,
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder::after {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
.ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-search,
.ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-placeholder {
padding-inline-end: 18px;
}
.ant-select-single.ant-select.ant-select-open .ant-select-selection-item {
color: #bfbfbf;
}
.ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector {
align-items: center;
width: 100%;
height: 100%;
padding: 0 11px;
}
.ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
height: 30px;
font-size: 14px;
}
.ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector::after {
line-height: 30px;
}
.ant-select-single.ant-select.ant-select-customize-input .ant-select-selector::after {
display: none;
}
.ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
position: static;
width: 100%;
}
.ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
position: absolute;
padding: 0 11px;
inset-inline-start: 0;
inset-inline-end: 0;
}
.ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
display: none;
}
.ant-select-single.ant-select-sm {
height: 24px;
font-size: 14px;
}
.ant-select-single.ant-select-sm .ant-select-selector {
display: flex;
flex: 1 1 auto;
border-radius: 2px;
}
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-wrap::after {
line-height: 22px;
}
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search {
position: absolute;
width: 100%;
inset: 0;
}
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search-input {
width: 100%;
appearance: textfield;
}
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
display: block;
align-self: center;
padding: 0;
line-height: 22px;
transition: all 0.3s, visibility 0s;
}
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
transition: none;
pointer-events: none;
}
.ant-select-single.ant-select-sm .ant-select-selector::after,
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item::after,
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder::after {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
.ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-search,
.ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-placeholder {
padding-inline-end: 18px;
}
.ant-select-single.ant-select-sm.ant-select-open .ant-select-selection-item {
color: #bfbfbf;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
align-items: center;
width: 100%;
height: 100%;
padding: 0 11px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
height: 22px;
font-size: 14px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after {
line-height: 22px;
}
.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector::after {
display: none;
}
.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
position: static;
width: 100%;
}
.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
position: absolute;
padding: 0 11px;
inset-inline-start: 0;
inset-inline-end: 0;
}
.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
display: none;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
padding: 0 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
padding-inline-end: 28px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
padding-inline-end: 21px;
}
.ant-select-single.ant-select-lg {
height: 40px;
font-size: 16px;
}
.ant-select-single.ant-select-lg .ant-select-selector {
display: flex;
flex: 1 1 auto;
border-radius: 4px;
}
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-wrap::after {
line-height: 38px;
}
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search {
position: absolute;
width: 100%;
inset: 0;
}
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search-input {
width: 100%;
appearance: textfield;
}
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
display: block;
align-self: center;
padding: 0;
line-height: 38px;
transition: all 0.3s, visibility 0s;
}
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
transition: none;
pointer-events: none;
}
.ant-select-single.ant-select-lg .ant-select-selector::after,
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item::after,
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder::after {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0';
}
.ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-search,
.ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-placeholder {
padding-inline-end: 20px;
}
.ant-select-single.ant-select-lg.ant-select-open .ant-select-selection-item {
color: #bfbfbf;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
align-items: center;
width: 100%;
height: 100%;
padding: 0 11px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
height: 38px;
font-size: 14px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after {
line-height: 38px;
}
.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector::after {
display: none;
}
.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
position: static;
width: 100%;
}
.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
position: absolute;
padding: 0 11px;
inset-inline-start: 0;
inset-inline-end: 0;
}
.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
display: none;
}
/**
* Get multiple selector needed style. The calculation:
*
* ContainerPadding = BasePadding - ItemMargin
*
* Border: ╔═══════════════════════════╗ ┬
* ContainerPadding: ║ ║ │
* ╟───────────────────────────╢ ┬ │
* Item Margin: ║ ║ │ │
* ║ ┌──────────┐ ║ │ │
* Item(multipleItemHeight): ║ BasePadding │ Item │ ║ Overflow Container(ControlHeight)
* ║ └──────────┘ ║ │ │
* Item Margin: ║ ║ │ │
* ╟───────────────────────────╢ ┴ │
* ContainerPadding: ║ ║ │
* Border: ╚═══════════════════════════╝ ┴
*/
.ant-select-multiple.ant-select {
font-size: 14px;
}
.ant-select-multiple.ant-select .ant-select-selection-overflow {
position: relative;
display: flex;
flex: auto;
flex-wrap: wrap;
max-width: 100%;
}
.ant-select-multiple.ant-select .ant-select-selection-overflow-item {
display: inline-flex;
flex: none;
align-self: center;
max-width: calc(100% - 4px);
}
.ant-select-multiple.ant-select .ant-select-selection-item {
display: flex;
flex: none;
align-self: center;
box-sizing: border-box;
max-width: 100%;
background: #f5f5f5;
border: 1px solid #f0f0f0;
border-radius: 2px;
cursor: default;
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
margin-block: calc(4px / 2);
margin-inline-end: calc(calc(4px / 2) * 2);
padding-inline-start: 8px;
padding-inline-end: calc(8px / 2);
}
.ant-select-disabled.ant-select-multiple.ant-select .ant-select-selection-item {
color: #bfbfbf;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-select-multiple.ant-select .ant-select-selection-item-content {
display: inline-block;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis;
margin-inline-end: calc(8px / 2);
}
.ant-select-multiple.ant-select .ant-select-selection-item-remove {
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-flex;
align-items: center;
color: rgba(0, 0, 0, 0.45);
font-weight: bold;
font-size: 10px;
line-height: inherit;
cursor: pointer;
}
.ant-select-multiple.ant-select .ant-select-selection-item-remove > * {
line-height: 1;
}
.ant-select-multiple.ant-select .ant-select-selection-item-remove svg {
display: inline-block;
}
.ant-select-multiple.ant-select .ant-select-selection-item-remove::before {
display: none;
}
.ant-select-multiple.ant-select .ant-select-selection-item-remove .ant-select-multiple.ant-select .ant-select-selection-item-remove-icon {
display: block;
}
.ant-select-multiple.ant-select .ant-select-selection-item-remove > .anticon {
vertical-align: -0.2em;
}
.ant-select-multiple.ant-select .ant-select-selection-item-remove:hover {
color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple.ant-select .ant-select-selector {
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding-inline: max(calc(4px - 1px), 0px);
padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
border-radius: 2px;
}
.ant-select-disabled.ant-select-multiple.ant-select .ant-select-selector {
background: #f5f5f5;
cursor: not-allowed;
}
.ant-select-multiple.ant-select .ant-select-selector::after {
display: inline-block;
width: 0;
margin: calc(4px / 2) 0;
line-height: 24px;
visibility: hidden;
content: '\a0';
}
.ant-select-multiple.ant-select .ant-select-selection-item {
height: 24px;
line-height: calc(24px - 1px * 2);
}
.ant-select-multiple.ant-select .ant-select-selection-wrap {
align-self: flex-start;
}
.ant-select-multiple.ant-select .ant-select-selection-wrap::after {
line-height: 24px;
margin-block: calc(4px / 2);
}
.ant-select-multiple.ant-select .ant-select-prefix {
margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
}
.ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
.ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
margin-inline-start: 0;
}
.ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
.ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
inset-inline-start: 0;
}
.ant-select-multiple.ant-select .ant-select-selection-overflow-item-suffix {
min-height: 24px;
margin-block: calc(4px / 2);
}
.ant-select-multiple.ant-select .ant-select-selection-search {
position: relative;
display: inline-flex;
max-width: 100%;
margin-inline-start: calc(11px - calc(calc(32px - 24px) / 2 - 1px));
}
.ant-select-multiple.ant-select .ant-select-selection-search-input,
.ant-select-multiple.ant-select .ant-select-selection-search-mirror {
height: 24px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 24px;
transition: all 0.3s;
}
.ant-select-multiple.ant-select .ant-select-selection-search-input {
width: 100%;
min-width: 4.1px;
}
.ant-select-multiple.ant-select .ant-select-selection-search-mirror {
position: absolute;
top: 0;
z-index: 999;
white-space: pre;
visibility: hidden;
inset-inline-start: 0;
inset-inline-end: auto;
}
.ant-select-multiple.ant-select .ant-select-selection-placeholder {
position: absolute;
top: 50%;
inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
inset-inline-end: 11px;
transform: translateY(-50%);
transition: all 0.3s;
}
.ant-select-show-search.ant-select-multiple.ant-select .ant-select-selector {
cursor: text;
}
.ant-select-multiple.ant-select.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select.ant-select-allow-clear .ant-select-selector {
padding-inline-end: calc(12px + 12px);
}
.ant-select-multiple.ant-select-sm {
font-size: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow {
position: relative;
display: flex;
flex: auto;
flex-wrap: wrap;
max-width: 100%;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item {
display: inline-flex;
flex: none;
align-self: center;
max-width: calc(100% - 4px);
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
display: flex;
flex: none;
align-self: center;
box-sizing: border-box;
max-width: 100%;
background: #f5f5f5;
border: 1px solid #f0f0f0;
border-radius: 2px;
cursor: default;
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
margin-block: calc(4px / 2);
margin-inline-end: calc(calc(4px / 2) * 2);
padding-inline-start: 8px;
padding-inline-end: calc(8px / 2);
}
.ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selection-item {
color: #bfbfbf;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-content {
display: inline-block;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis;
margin-inline-end: calc(8px / 2);
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove {
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-flex;
align-items: center;
color: rgba(0, 0, 0, 0.45);
font-weight: bold;
font-size: 10px;
line-height: inherit;
cursor: pointer;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > * {
line-height: 1;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg {
display: inline-block;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove::before {
display: none;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove-icon {
display: block;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > .anticon {
vertical-align: -0.2em;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove:hover {
color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple.ant-select-sm .ant-select-selector {
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding-inline: max(calc(4px - 1px), 0px);
padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
border-radius: 2px;
}
.ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selector {
background: #f5f5f5;
cursor: not-allowed;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
display: inline-block;
width: 0;
margin: calc(4px / 2) 0;
line-height: 16px;
visibility: hidden;
content: '\a0';
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
height: 16px;
line-height: calc(16px - 1px * 2);
}
.ant-select-multiple.ant-select-sm .ant-select-selection-wrap {
align-self: flex-start;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-wrap::after {
line-height: 16px;
margin-block: calc(4px / 2);
}
.ant-select-multiple.ant-select-sm .ant-select-prefix {
margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
}
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
.ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
margin-inline-start: 0;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
.ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
inset-inline-start: 0;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item-suffix {
min-height: 16px;
margin-block: calc(4px / 2);
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
position: relative;
display: inline-flex;
max-width: 100%;
margin-inline-start: calc(11px - calc(calc(24px - 16px) / 2 - 1px));
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
height: 16px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 16px;
transition: all 0.3s;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input {
width: 100%;
min-width: 4.1px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
position: absolute;
top: 0;
z-index: 999;
white-space: pre;
visibility: hidden;
inset-inline-start: 0;
inset-inline-end: auto;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
position: absolute;
top: 50%;
inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
inset-inline-end: 11px;
transform: translateY(-50%);
transition: all 0.3s;
}
.ant-select-show-search.ant-select-multiple.ant-select-sm .ant-select-selector {
cursor: text;
}
.ant-select-multiple.ant-select-sm.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-sm.ant-select-allow-clear .ant-select-selector {
padding-inline-end: calc(12px + 12px);
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
inset-inline: calc(8px - 1px);
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
margin-inline-start: 2px;
}
.ant-select-multiple.ant-select-lg {
font-size: 16px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow {
position: relative;
display: flex;
flex: auto;
flex-wrap: wrap;
max-width: 100%;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item {
display: inline-flex;
flex: none;
align-self: center;
max-width: calc(100% - 4px);
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
display: flex;
flex: none;
align-self: center;
box-sizing: border-box;
max-width: 100%;
background: #f5f5f5;
border: 1px solid #f0f0f0;
border-radius: 2px;
cursor: default;
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
margin-block: calc(4px / 2);
margin-inline-end: calc(calc(4px / 2) * 2);
padding-inline-start: 8px;
padding-inline-end: calc(8px / 2);
}
.ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selection-item {
color: #bfbfbf;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item-content {
display: inline-block;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis;
margin-inline-end: calc(8px / 2);
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove {
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-flex;
align-items: center;
color: rgba(0, 0, 0, 0.45);
font-weight: bold;
font-size: 10px;
line-height: inherit;
cursor: pointer;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > * {
line-height: 1;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg {
display: inline-block;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove::before {
display: none;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove-icon {
display: block;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > .anticon {
vertical-align: -0.2em;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove:hover {
color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple.ant-select-lg .ant-select-selector {
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding-inline: max(calc(4px - 1px), 0px);
padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
border-radius: 4px;
}
.ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selector {
background: #f5f5f5;
cursor: not-allowed;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
display: inline-block;
width: 0;
margin: calc(4px / 2) 0;
line-height: 32px;
visibility: hidden;
content: '\a0';
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
height: 32px;
line-height: calc(32px - 1px * 2);
}
.ant-select-multiple.ant-select-lg .ant-select-selection-wrap {
align-self: flex-start;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-wrap::after {
line-height: 32px;
margin-block: calc(4px / 2);
}
.ant-select-multiple.ant-select-lg .ant-select-prefix {
margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
}
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
.ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
margin-inline-start: 0;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
.ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
inset-inline-start: 0;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item-suffix {
min-height: 32px;
margin-block: calc(4px / 2);
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
position: relative;
display: inline-flex;
max-width: 100%;
margin-inline-start: calc(11px - calc(calc(40px - 32px) / 2 - 1px));
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
height: 32px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 32px;
transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input {
width: 100%;
min-width: 4.1px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
position: absolute;
top: 0;
z-index: 999;
white-space: pre;
visibility: hidden;
inset-inline-start: 0;
inset-inline-end: auto;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-placeholder {
position: absolute;
top: 50%;
inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
inset-inline-end: 11px;
transform: translateY(-50%);
transition: all 0.3s;
}
.ant-select-show-search.ant-select-multiple.ant-select-lg .ant-select-selector {
cursor: text;
}
.ant-select-multiple.ant-select-lg.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-lg.ant-select-allow-clear .ant-select-selector {
padding-inline-end: calc(12px + 12px);
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
background-color: #fff;
border-color: #ff4d4f !important;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
border-color: #ff7875;
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
background-color: #fff;
border-color: #faad14 !important;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
border-color: #ffc53d;
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-clear,
.ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
.ant-select-status-success.ant-select-has-feedback .ant-select-clear,
.ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
inset-inline-end: 32px;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
padding-inline-end: 42px;
}
/* Reset search input style */
.ant-select {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-flex;
cursor: pointer;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
position: relative;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: pointer;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-prefix {
flex: none;
margin-inline-end: 4px;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap {
position: relative;
display: flex;
width: 100%;
min-width: 0;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap::after {
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
cursor: text;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: auto;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
cursor: not-allowed;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
background: #f5f5f5;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: not-allowed;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
margin: 0;
padding: 0;
font-family: inherit;
background: transparent;
border: none;
outline: none;
appearance: none;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
display: none;
appearance: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-select:not(.ant-select-disabled).ant-select-focused .ant-select-selector {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-select:not(.ant-select-disabled).ant-select-focused .ant-select-selector {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-select-selection-item {
flex: 1;
overflow: hidden;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-user-select: none;
user-select: none;
}
@media all and (-ms-high-contrast: none) {
.ant-select-selection-item *::-ms-backdrop,
.ant-select-selection-item {
flex: auto;
}
}
.ant-select-selection-placeholder {
flex: 1;
overflow: hidden;
color: #bfbfbf;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
.ant-select-selection-placeholder *::-ms-backdrop,
.ant-select-selection-placeholder {
flex: auto;
}
}
.ant-select-arrow {
display: inline-flex;
color: inherit;
font-style: normal;
line-height: 0;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
inset-inline-start: auto;
inset-inline-end: 11px;
display: flex;
align-items: center;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 1;
text-align: center;
pointer-events: none;
}
.ant-select-arrow > * {
line-height: 1;
}
.ant-select-arrow svg {
display: inline-block;
}
.ant-select-arrow::before {
display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
display: block;
}
.ant-select-arrow .anticon {
vertical-align: top;
transition: transform 0.3s;
}
.ant-select-arrow .anticon > svg {
vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
cursor: not-allowed;
}
.ant-select-arrow > *:not(:last-child) {
margin-inline-end: 8px;
}
.ant-select-clear {
position: absolute;
top: 50%;
z-index: 1;
display: inline-block;
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
font-style: normal;
line-height: 1;
text-align: center;
text-transform: none;
background: #fff;
transform: translateZ(0);
cursor: pointer;
opacity: 0;
transition: color 0.3s ease, opacity 0.15s ease;
inset-inline-start: auto;
inset-inline-end: 11px;
text-rendering: auto;
}
.ant-select-clear::before {
display: block;
}
.ant-select-clear:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
opacity: 1;
}
.ant-select-dropdown {
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: -9999px;
z-index: 1050;
box-sizing: border-box;
padding: 4px;
overflow: hidden;
font-size: 14px;
font-variant: initial;
background-color: #fff;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
animation-name: antSlideDownIn;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
animation-name: antSlideUpOut;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
display: none;
}
.ant-select-dropdown-empty {
color: rgba(0, 0, 0, 0.25);
}
.ant-select-item-empty {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
color: rgba(0, 0, 0, 0.25);
}
.ant-select-item {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
cursor: pointer;
transition: background 0.3s ease;
}
.ant-select-item-group {
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
cursor: default;
}
.ant-select-item-option {
display: flex;
}
.ant-select-item-option-content {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-select-item-option-state {
flex: none;
-webkit-user-select: none;
user-select: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
background-color: #e9e9ea;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
background-color: #e9f7f3;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
color: #4cb8ac;
}
.ant-select-item-option-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-select-item-option-disabled.ant-select-item-option-selected {
background-color: #f5f5f5;
}
.ant-select-item-option-grouped {
padding-inline-start: 24px;
}
.ant-select-lg {
font-size: 16px;
}
.ant-select.ant-select-borderless .ant-select-selector,
.ant-select.ant-select-borderless:hover .ant-select-selector,
.ant-select.ant-select-borderless:focus .ant-select-selector,
.ant-select.ant-select-borderless.ant-select-focused .ant-select-selector,
.ant-select.ant-select-borderless.ant-select-disabled .ant-select-selector,
.ant-select.ant-select-borderless.ant-select[disabled] .ant-select-selector {
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
.ant-select.ant-select-filled .ant-select-selector {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.ant-select.ant-select-filled:hover .ant-select-selector {
background-color: #f0f0f0;
border-color: transparent;
box-shadow: none;
}
.ant-select.ant-select-filled:focus .ant-select-selector,
.ant-select.ant-select-filled.ant-select-focused .ant-select-selector {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
background-color: transparent;
box-shadow: none;
}
.ant-input-rtl .ant-select.ant-select-filled:focus .ant-select-selector,
.ant-input-rtl .ant-select.ant-select-filled.ant-select-focused .ant-select-selector {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-select.ant-select-filled.ant-select-disabled .ant-select-selector,
.ant-select.ant-select-filled.ant-select[disabled] .ant-select-selector {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
border-color: #d9d9d9;
box-shadow: none;
cursor: not-allowed;
opacity: 1;
}
.ant-select.ant-select-filled.ant-select-disabled .ant-select-selector:hover,
.ant-select.ant-select-filled.ant-select[disabled] .ant-select-selector:hover {
border-color: #d9d9d9;
border-right-width: 1px;
}
.ant-select.ant-select-underlined .ant-select-selector,
.ant-select.ant-select-underlined:hover .ant-select-selector,
.ant-select.ant-select-underlined:focus .ant-select-selector,
.ant-select.ant-select-underlined.ant-select-focused .ant-select-selector,
.ant-select.ant-select-underlined.ant-select-disabled .ant-select-selector,
.ant-select.ant-select-underlined.ant-select[disabled] .ant-select-selector {
background-color: transparent;
border-width: 0 0 1px;
border-radius: 0;
box-shadow: none;
}
.ant-select.ant-select-underlined:hover:not(.ant-select-focused):not(:focus) .ant-select-selector {
border-color: #d9d9d9;
}
.ant-select.ant-select-in-form-item {
width: 100%;
}
.ant-select-compact-item:not(.ant-select-compact-last-item) {
margin-right: -1px;
}
.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl {
margin-right: 0;
margin-left: -1px;
}
.ant-select-compact-item:hover > *,
.ant-select-compact-item:focus > *,
.ant-select-compact-item:active > * {
z-index: 2;
}
.ant-select-compact-item.ant-select-focused > * {
z-index: 2;
}
.ant-select-compact-item[disabled] > * {
z-index: 0;
}
.ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select .ant-select-selector {
border-radius: 0;
}
.ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-last-item):not(.ant-select-compact-item-rtl) .ant-select-selector {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-first-item):not(.ant-select-compact-item-rtl) .ant-select-selector {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(.ant-select-compact-last-item) .ant-select-selector {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item) .ant-select-selector {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-select-rtl {
direction: rtl;
}
.ant-select-dropdown-rtl {
direction: rtl;
}
.ant-select-dropdown {
position: relative;
top: 100%;
left: 0;
display: block;
width: 100%;
margin-top: 4px;
margin-bottom: 4px;
}
.ant-select-dropdown .cdk-virtual-scroll-content-wrapper {
right: 0;
}
.ant-select-dropdown .full-width {
contain: initial;
}
.ant-select-dropdown .full-width .cdk-virtual-scroll-content-wrapper {
position: static;
}
.ant-select-dropdown .full-width .cdk-virtual-scroll-spacer {
position: absolute;
top: 0;
width: 1px;
}
.segmented-disabled-item,
.segmented-disabled-item:hover,
.segmented-disabled-item:focus {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.segmented-item-selected {
background-color: #fff;
border-radius: 2px;
box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}
.segmented-text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
}
.ant-segmented {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
padding: 2px;
color: rgba(0, 0, 0, 0.65);
background-color: rgba(0, 0, 0, 0.04);
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-group {
position: relative;
display: flex;
align-items: stretch;
justify-items: flex-start;
width: 100%;
}
.ant-segmented-vertical .ant-segmented-group {
flex-direction: column;
}
.ant-segmented-vertical .ant-segmented-thumb {
width: 100%;
height: 0;
}
.ant-segmented-vertical .ant-segmented-thumb-motion-appear-active {
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
will-change: transform, width, height;
}
.ant-segmented-shape-round {
border-radius: 9999px;
}
.ant-segmented-shape-round .ant-segmented-item {
border-radius: 9999px;
}
.ant-segmented-shape-round .ant-segmented-thumb {
border-radius: 9999px;
}
.ant-segmented.ant-segmented-block {
display: flex;
}
.ant-segmented.ant-segmented-block .ant-segmented-item {
flex: 1;
min-width: 0;
}
.ant-segmented:not(.ant-segmented-disabled):hover,
.ant-segmented:not(.ant-segmented-disabled):focus {
background-color: rgba(0, 0, 0, 0.06);
}
.ant-segmented-item {
position: relative;
text-align: center;
cursor: pointer;
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-item-selected {
background-color: #fff;
border-radius: 2px;
box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
color: #262626;
}
.ant-segmented-item:hover,
.ant-segmented-item:focus {
color: #262626;
}
.ant-segmented-item-label {
min-height: 28px;
padding: 0 11px;
line-height: 28px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
}
.ant-segmented-item-icon + * {
margin-left: 6px;
}
.ant-segmented-item-input {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
pointer-events: none;
}
.ant-segmented.ant-segmented-lg .ant-segmented-item-label {
min-height: 36px;
padding: 0 11px;
font-size: 16px;
line-height: 36px;
}
.ant-segmented.ant-segmented-sm .ant-segmented-item-label {
min-height: 20px;
padding: 0 7px;
line-height: 20px;
}
.ant-segmented-item-disabled,
.ant-segmented-item-disabled:hover,
.ant-segmented-item-disabled:focus {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-segmented-thumb {
background-color: #fff;
border-radius: 2px;
box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
padding: 4px 0;
}
.ant-segmented-thumb-motion-appear-active {
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
will-change: transform, width;
}
.ant-segmented.ant-segmented-rtl {
direction: rtl;
}
.ant-segmented.ant-segmented-rtl .ant-segmented-item-icon {
margin-right: 0;
margin-left: 6px;
}
.ant-skeleton {
display: table;
width: 100%;
}
.ant-skeleton-header {
display: table-cell;
padding-right: 16px;
vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 32px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-content {
display: table-cell;
width: 100%;
vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
width: 100%;
height: 16px;
background: rgba(190, 190, 190, 0.2);
border-radius: 2px;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
width: 100%;
height: 16px;
list-style: none;
background: rgba(190, 190, 190, 0.2);
border-radius: 2px;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
border-radius: 100px;
}
.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton-active .ant-skeleton-image {
position: relative;
/* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
z-index: 0;
overflow: hidden;
background: transparent;
}
.ant-skeleton-active .ant-skeleton-title::after,
.ant-skeleton-active .ant-skeleton-paragraph > li::after,
.ant-skeleton-active .ant-skeleton-avatar::after,
.ant-skeleton-active .ant-skeleton-button::after,
.ant-skeleton-active .ant-skeleton-input::after,
.ant-skeleton-active .ant-skeleton-image::after {
position: absolute;
top: 0;
right: -150%;
bottom: 0;
left: -150%;
background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
animation: ant-skeleton-loading 1.4s ease infinite;
content: '';
}
.ant-skeleton.ant-skeleton-block {
width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
width: 100%;
}
.ant-skeleton-element {
display: inline-block;
width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
border-radius: 2px;
width: 64px;
min-width: 64px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
width: 32px;
min-width: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
width: 32px;
min-width: 32px;
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
width: 80px;
min-width: 80px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
width: 40px;
min-width: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
width: 40px;
min-width: 40px;
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
width: 48px;
min-width: 48px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
width: 24px;
min-width: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
width: 24px;
min-width: 24px;
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 32px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
width: 40px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
width: 24px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
display: inline-block;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 160px;
min-width: 160px;
height: 32px;
line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
width: 200px;
min-width: 200px;
height: 40px;
line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
width: 120px;
min-width: 120px;
height: 24px;
line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
display: flex;
align-items: center;
justify-content: center;
vertical-align: top;
background: rgba(190, 190, 190, 0.2);
width: 96px;
height: 96px;
line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
width: 48px;
height: 48px;
line-height: 48px;
max-width: 192px;
max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
border-radius: 50%;
}
@keyframes ant-skeleton-loading {
0% {
transform: translateX(-37.5%);
}
100% {
transform: translateX(37.5%);
}
}
.ant-skeleton-rtl {
direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
padding-right: 0;
padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
.ant-slider {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
height: 12px;
margin: 10px 6px 10px;
padding: 4px 0;
cursor: pointer;
touch-action: none;
}
.ant-slider-vertical {
width: 12px;
height: 100%;
margin: 6px 10px;
padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
width: 4px;
height: 100%;
}
.ant-slider-vertical .ant-slider-track {
width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
margin-top: -6px;
margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
top: 0;
left: 12px;
width: 18px;
height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
left: 4px;
white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
width: 4px;
height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
top: auto;
margin-left: -2px;
}
.ant-slider-tooltip .ant-tooltip-inner {
min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
margin-right: -5px;
margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
right: 12px;
left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
right: 4px;
left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
right: 2px;
left: auto;
}
.ant-slider-with-marks {
margin-bottom: 28px;
}
.ant-slider-rail {
position: absolute;
width: 100%;
height: 4px;
background-color: #f5f5f5;
border-radius: 2px;
transition: background-color 0.3s;
}
.ant-slider-track {
position: absolute;
height: 4px;
background-color: #c5ded9;
border-radius: 2px;
transition: background-color 0.3s;
}
.ant-slider-handle {
position: absolute;
width: 14px;
height: 14px;
margin-top: -5px;
background-color: #fff;
border: solid 2px #c5ded9;
border-radius: 50%;
box-shadow: 0;
cursor: pointer;
transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging {
z-index: 1;
}
.ant-slider-handle:focus {
border-color: #70c6bd;
outline: none;
box-shadow: 0 0 0 5px rgba(76, 184, 172, 0.12);
}
.ant-slider-handle.ant-tooltip-open {
border-color: #4cb8ac;
}
.ant-slider-handle::after {
position: absolute;
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
content: '';
}
.ant-slider:hover .ant-slider-rail {
background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
background-color: #99d1c7;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
border-color: #99d1c7;
}
.ant-slider-mark {
position: absolute;
top: 14px;
left: 0;
width: 100%;
font-size: 14px;
}
.ant-slider-mark-text {
position: absolute;
display: inline-block;
color: rgba(0, 0, 0, 0.45);
text-align: center;
word-break: keep-all;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.ant-slider-mark-text-active {
color: rgba(0, 0, 0, 0.85);
}
.ant-slider-step {
position: absolute;
width: 100%;
height: 4px;
background: transparent;
pointer-events: none;
}
.ant-slider-dot {
position: absolute;
top: -2px;
width: 8px;
height: 8px;
background-color: #fff;
border: 2px solid #f0f0f0;
border-radius: 50%;
cursor: pointer;
}
.ant-slider-dot-active {
border-color: #a6dcd6;
}
.ant-slider-disabled {
cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-rail {
background-color: #f5f5f5 !important;
}
.ant-slider-disabled .ant-slider-track {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
background-color: #fff;
border-color: rgba(0, 0, 0, 0.25) !important;
box-shadow: none;
cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
cursor: not-allowed !important;
}
.ant-slider-rtl {
direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
right: 0;
left: auto;
}
.ant-slider {
display: block;
}
.ant-spin {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
display: none;
color: #4cb8ac;
font-size: 0;
text-align: center;
vertical-align: middle;
opacity: 0;
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
position: static;
display: inline-block;
opacity: 1;
}
.ant-spin-nested-loading {
position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
position: absolute;
top: 0;
left: 0;
z-index: 4;
display: block;
width: 100%;
height: 100%;
max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
position: absolute;
top: 50%;
left: 50%;
margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
position: absolute;
top: 50%;
width: 100%;
padding-top: 5px;
font-size: 14px;
text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
margin-top: -26px;
}
.ant-spin-container {
position: relative;
transition: opacity 0.3s;
}
.ant-spin-container::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none \9;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
transition: all 0.3s;
content: '';
pointer-events: none;
}
.ant-spin-blur {
clear: both;
opacity: 0.5;
-webkit-user-select: none;
user-select: none;
pointer-events: none;
}
.ant-spin-blur::after {
opacity: 0.4;
pointer-events: auto;
}
.ant-spin-tip {
color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
position: relative;
display: inline-block;
font-size: 20px;
width: 1em;
height: 1em;
}
.ant-spin-dot-item {
position: absolute;
display: block;
width: 9px;
height: 9px;
background-color: #4cb8ac;
border-radius: 100%;
transform: scale(0.75);
transform-origin: 50% 50%;
opacity: 0.3;
animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
top: 0;
left: 0;
}
.ant-spin-dot-item:nth-child(2) {
top: 0;
right: 0;
animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
right: 0;
bottom: 0;
animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
bottom: 0;
left: 0;
animation-delay: 1.2s;
}
.ant-spin-dot-spin {
transform: rotate(0deg);
animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
width: 6px;
height: 6px;
}
.ant-spin-lg .ant-spin-dot {
font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
width: 14px;
height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ */
.ant-spin-blur {
background: #fff;
opacity: 0.5;
}
}
@keyframes antSpinMove {
to {
opacity: 1;
}
}
@keyframes antRotate {
to {
transform: rotate(360deg);
}
}
.ant-spin-rtl {
direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
transform: rotate(-45deg);
animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
to {
transform: rotate(-405deg);
}
}
nz-spin {
display: block;
}
.ant-splitter {
font-variant: tabular-nums;
font-feature-settings: 'tnum';
display: flex;
align-items: stretch;
box-sizing: border-box;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 1.5715;
list-style: none;
}
.ant-splitter-horizontal {
flex-direction: row;
}
.ant-splitter-vertical {
flex-direction: column;
}
.ant-splitter-panel {
box-sizing: border-box;
padding: 0 1px;
overflow: auto;
scrollbar-width: thin;
}
.ant-splitter-panel-hidden {
padding: 0;
overflow: hidden;
}
.ant-splitter-panel:has(.ant-splitter:only-child) {
overflow: hidden;
}
.ant-splitter-bar {
position: relative;
flex: none;
-webkit-user-select: none;
user-select: none;
}
.ant-splitter-bar-preview {
position: absolute;
z-index: 1;
display: none;
background: #4cb8ac;
opacity: 0.2;
transition: none;
pointer-events: none;
}
.ant-splitter-bar-preview-active {
display: block;
}
.ant-splitter-bar-dragger {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
.ant-splitter-bar-dragger::before {
position: absolute;
top: 50%;
left: 50%;
background: rgba(0, 0, 0, 0.04);
transform: translate(-50%, -50%);
content: '';
}
.ant-splitter-bar-dragger:hover:not(.ant-splitter-bar-dragger-active)::before {
background: #e6f4ff;
}
.ant-splitter-bar-dragger::after {
position: absolute;
top: 50%;
left: 50%;
background: rgba(0, 0, 0, 0.15);
transform: translate(-50%, -50%);
content: '';
}
.ant-splitter-bar-dragger-active {
z-index: 2;
}
.ant-splitter-bar-dragger-active::before {
background: #bae0ff;
}
.ant-splitter-bar:hover .ant-splitter-bar-collapse-bar,
.ant-splitter-bar:active .ant-splitter-bar-collapse-bar {
opacity: 1;
}
.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled {
z-index: 0;
}
.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled,
.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover,
.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active {
cursor: default;
}
.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::before,
.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover::before,
.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active::before {
background: rgba(0, 0, 0, 0.04);
}
.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::after {
display: none;
}
.ant-splitter-bar-collapse-bar {
position: absolute;
top: 50%;
left: 50%;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
color: rgba(0, 0, 0, 0.85);
font-size: 12px;
background: rgba(0, 0, 0, 0.04);
border-radius: 2px;
transform: translate(-50%, -50%);
cursor: pointer;
opacity: 0;
}
.ant-splitter-bar-collapse-bar:hover {
background: #e6f4ff;
}
.ant-splitter-bar-collapse-bar:active {
background: #bae0ff;
}
.ant-splitter-horizontal > .ant-splitter-bar {
width: 0;
}
.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger {
width: 6px;
height: 100%;
cursor: col-resize;
}
.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::before {
width: 2px;
height: 100%;
}
.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::after {
width: 2px;
height: 20px;
}
.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-preview {
width: 2px;
height: 100%;
}
.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar {
width: 12px;
height: 24px;
}
.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start {
right: calc(6px / 2);
left: auto;
transform: translateY(-50%);
}
.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end {
right: auto;
left: calc(6px / 2);
transform: translateY(-50%);
}
.ant-splitter-vertical > .ant-splitter-bar {
height: 0;
}
.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger {
width: 100%;
height: 6px;
cursor: row-resize;
}
.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger:has(.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger-disabled) {
cursor: default;
}
.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::before {
width: 100%;
height: 2px;
}
.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::after {
width: 20px;
height: 2px;
}
.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-preview {
width: 100%;
height: 2px;
}
.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar {
width: 24px;
height: 12px;
}
.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start {
top: auto;
bottom: calc(6px / 2);
transform: translateX(-50%);
}
.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end {
top: calc(6px / 2);
bottom: auto;
transform: translateX(-50%);
}
.ant-splitter-mask {
position: fixed;
z-index: 1000;
inset: 0;
}
.ant-splitter-mask-horizontal {
cursor: col-resize;
}
.ant-splitter-mask-vertical {
cursor: row-resize;
}
.ant-splitter-rtl {
direction: rtl;
}
.ant-splitter-rtl .ant-splitter-dot-spin {
transform: rotate(-45deg);
animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
to {
transform: rotate(-405deg);
}
}
nz-splitter {
display: block;
}
.ant-statistic {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-statistic-title {
margin-bottom: 4px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-statistic-skeleton {
padding-top: 16px;
}
.ant-statistic-content {
color: rgba(0, 0, 0, 0.85);
font-size: 24px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ant-statistic-content-value {
display: inline-block;
direction: ltr;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
display: inline-block;
}
.ant-statistic-content-prefix {
margin-right: 4px;
}
.ant-statistic-content-suffix {
margin-left: 4px;
}
.ant-statistic-rtl {
direction: rtl;
}
.ant-statistic-rtl .ant-statistic-content-prefix {
margin-right: 0;
margin-left: 4px;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
margin-right: 4px;
margin-left: 0;
}
.ant-steps {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: flex;
width: 100%;
font-size: 0;
text-align: initial;
}
.ant-steps-item {
position: relative;
display: inline-block;
flex: 1;
overflow: hidden;
vertical-align: top;
}
.ant-steps-item-container {
outline: none;
}
.ant-steps-item:last-child {
flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
display: inline-block;
vertical-align: top;
}
.ant-steps-item-icon {
width: 32px;
height: 32px;
margin: 0 8px 0 0;
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 32px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 32px;
transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
position: relative;
top: -0.5px;
color: #4cb8ac;
line-height: 1;
}
.ant-steps-item-tail {
position: absolute;
top: 12px;
left: 0;
width: 100%;
padding: 0 10px;
}
.ant-steps-item-tail::after {
display: inline-block;
width: 100%;
height: 1px;
background: #f0f0f0;
border-radius: 1px;
transition: background 0.3s;
content: '';
}
.ant-steps-item-title {
position: relative;
display: inline-block;
padding-right: 16px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
line-height: 32px;
}
.ant-steps-item-title::after {
position: absolute;
top: 16px;
left: 100%;
display: block;
width: 9999px;
height: 1px;
background: #f0f0f0;
content: '';
}
.ant-steps-item-subtitle {
display: inline;
margin-left: 8px;
color: rgba(0, 0, 0, 0.45);
font-weight: normal;
font-size: 14px;
}
.ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
background-color: #fff;
border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
background-color: #f0f0f0;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
background-color: #fff;
border-color: #4cb8ac;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
color: #4cb8ac;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #4cb8ac;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
background: #4cb8ac;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
background-color: #fff;
border-color: #4cb8ac;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
color: #4cb8ac;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #4cb8ac;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
background-color: #4cb8ac;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #4cb8ac;
}
.ant-steps-item-error .ant-steps-item-icon {
background-color: #fff;
border-color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
background-color: #f0f0f0;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
background: #ff4d4f;
}
.ant-steps-item-disabled {
cursor: not-allowed;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
color: #4cb8ac;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
border-color: #4cb8ac;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
color: #4cb8ac;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
padding-left: 16px;
white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
max-width: 140px;
white-space: normal;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
height: auto;
background: none;
border: 0;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
top: 0px;
left: 0.5px;
width: 32px;
height: 32px;
font-size: 24px;
line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
color: #4cb8ac;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
width: auto;
background: none;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
width: 24px;
height: 24px;
margin: 0 8px 0 0;
font-size: 12px;
line-height: 24px;
text-align: center;
border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
padding-right: 12px;
font-size: 14px;
line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
top: 12px;
}
.ant-steps-small .ant-steps-item-description {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
width: inherit;
height: inherit;
line-height: inherit;
background: none;
border: 0;
border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
font-size: 24px;
line-height: 24px;
transform: none;
}
.ant-steps-vertical {
display: flex;
flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
display: block;
flex: 1 0 auto;
padding-left: 0;
overflow: visible;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
float: left;
margin-right: 16px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
display: block;
min-height: 48px;
overflow: hidden;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
line-height: 32px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
position: absolute;
top: 0;
left: 15px;
width: 1px;
height: 100%;
padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
width: 1px;
height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
position: absolute;
top: 0;
left: 11px;
padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
margin-left: 58px;
padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
display: block;
width: 116px;
margin-top: 8px;
text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
display: inline-block;
margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
padding-right: 0;
padding-left: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
display: block;
margin-bottom: 4px;
margin-left: 0;
line-height: 1.5715;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
top: 2px;
width: 100%;
margin: 0 0 0 70px;
padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
width: calc(100% - 20px);
height: 3px;
margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
width: 8px;
height: 8px;
margin-left: 67px;
padding-right: 0;
line-height: 8px;
background: transparent;
border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
position: relative;
float: left;
width: 100%;
height: 100%;
border-radius: 100px;
transition: all 0.3s;
/* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
position: absolute;
top: -12px;
left: -26px;
width: 60px;
height: 32px;
background: rgba(0, 0, 0, 0.001);
content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
position: relative;
top: -1px;
width: 10px;
height: 10px;
line-height: 10px;
background: none;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
margin-top: 13px;
margin-left: 0;
background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
top: 6.5px;
left: -9px;
margin: 0;
padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
margin-top: 10px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
top: 3.5px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
width: inherit;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
top: -1px;
left: -1px;
}
.ant-steps-navigation {
padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
overflow: visible;
text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
display: inline-block;
height: 100%;
margin-left: -16px;
padding-bottom: 12px;
text-align: left;
transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
max-width: 100%;
padding-right: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
display: none;
}
.ant-steps-navigation .ant-steps-item::after {
position: absolute;
top: 50%;
left: 100%;
display: inline-block;
width: 12px;
height: 12px;
margin-top: -14px;
margin-left: -2px;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom: none;
border-left: none;
transform: rotate(45deg);
content: '';
}
.ant-steps-navigation .ant-steps-item::before {
position: absolute;
bottom: 0;
left: 50%;
display: inline-block;
width: 0;
height: 2px;
background-color: #4cb8ac;
transition: width 0.3s, left 0.3s;
transition-timing-function: ease-out;
content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
left: 0;
width: 100%;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
margin-right: 0 !important;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
display: none;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before {
top: 0;
right: 0;
left: unset;
display: block;
width: 3px;
height: calc(100% - 24px);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
position: relative;
top: -2px;
left: 50%;
display: block;
width: 8px;
height: 8px;
margin-bottom: 8px;
text-align: center;
transform: rotate(135deg);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
visibility: hidden;
}
.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
visibility: hidden;
}
.ant-steps-rtl {
direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
margin-right: 0;
margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
right: 0;
left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
padding-right: 0;
padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
float: left;
margin-right: 8px;
margin-left: 0;
}
.ant-steps-rtl .ant-steps-item-title::after {
right: 100%;
left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
padding-right: 16px;
padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
right: 0.5px;
left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
margin-right: -12px;
margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
margin-right: -16px;
margin-left: 0;
text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
right: 100%;
left: auto;
margin-right: -2px;
margin-left: 0;
transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
padding-right: 12px;
padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
padding-right: 0;
padding-left: 12px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
float: right;
margin-right: 0;
margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
right: 16px;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
right: 12px;
left: auto;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
margin-right: 12px;
margin-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
right: 2px;
left: auto;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
margin-right: 67px;
margin-left: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
/* expand hover area */
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
right: -26px;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
margin-right: 0;
margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
right: -9px;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
right: 0;
left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
right: -2px;
left: auto;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item {
padding-right: 4px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
right: 19px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
right: 15px;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child {
padding-right: 4px;
padding-left: 0;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
padding-right: 4px;
}
.ant-steps-with-progress .ant-steps-item {
padding-top: 4px;
}
.ant-steps-with-progress .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
top: 4px;
left: 19px;
}
.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child,
.ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child {
padding-bottom: 4px;
padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
left: 15px;
}
.ant-steps-with-progress.ant-steps-vertical .ant-steps-item {
padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail {
top: 14px !important;
}
.ant-steps-with-progress .ant-steps-item-icon {
position: relative;
}
.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}
.ant-switch {
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
box-sizing: border-box;
min-width: 44px;
height: 22px;
line-height: 22px;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0.25);
border: 0;
border-radius: 100px;
cursor: pointer;
transition: all 0.2s;
-webkit-user-select: none;
user-select: none;
}
.ant-switch:focus {
outline: 0;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.ant-switch-checked:focus {
box-shadow: 0 0 0 2px #e9f7f3;
}
.ant-switch:focus:hover {
box-shadow: none;
}
.ant-switch-checked {
background-color: #4cb8ac;
}
.ant-switch-loading,
.ant-switch-disabled {
cursor: not-allowed;
opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
box-shadow: none;
cursor: not-allowed;
}
.ant-switch-inner {
display: block;
margin: 0 7px 0 25px;
color: #fff;
font-size: 12px;
transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
margin: 0 25px 0 7px;
}
.ant-switch-handle {
position: absolute;
top: 2px;
left: 2px;
width: 18px;
height: 18px;
transition: all 0.2s ease-in-out;
}
.ant-switch-handle::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
border-radius: 9px;
box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
transition: all 0.2s ease-in-out;
content: '';
}
.ant-switch-checked .ant-switch-handle {
left: calc(100% - 18px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
right: -30%;
left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
right: 0;
left: -30%;
}
.ant-switch-loading-icon.anticon {
position: relative;
top: 2px;
color: rgba(0, 0, 0, 0.65);
vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
color: #4cb8ac;
}
.ant-switch-small {
min-width: 28px;
height: 16px;
line-height: 16px;
}
.ant-switch-small .ant-switch-inner {
margin: 0 5px 0 18px;
font-size: 12px;
}
.ant-switch-small .ant-switch-handle {
width: 12px;
height: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
top: 1.5px;
font-size: 9px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
left: calc(100% - 12px - 2px);
}
.ant-switch-rtl {
direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
right: 2px;
left: auto;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
right: 0;
left: -30%;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
right: -30%;
left: 0;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
right: calc(100% - 18px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
right: calc(100% - 12px - 2px);
}
nz-switch {
display: inline-block;
}
.ant-table.ant-table-middle {
font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-filter-trigger {
margin-right: -4px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
margin: -12px -8px -12px 40px;
}
.ant-table.ant-table-middle .ant-table-selection-column {
padding-inline-start: 2px;
}
.ant-table.ant-table-small {
font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
margin-right: -4px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
margin: -8px -8px -8px 40px;
}
.ant-table.ant-table-small .ant-table-selection-column {
padding-inline-start: 2px;
}
.ant-table.ant-table-bordered > .ant-table-title {
border: 1px solid #f0f0f0;
border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
background-color: transparent !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
position: absolute;
top: 0;
right: 1px;
bottom: 0;
border-right: 1px solid #f0f0f0;
content: '';
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
border: 1px solid #f0f0f0;
border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
border-top: 0;
}
.ant-table-cell-scrollbar:not([rowspan]) {
box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
clear: both;
max-width: 100%;
}
.ant-table-wrapper::before {
display: table;
content: '';
}
.ant-table-wrapper::after {
display: table;
clear: both;
content: '';
}
.ant-table-wrapper::before {
display: table;
content: '';
}
.ant-table-wrapper::after {
display: table;
clear: both;
content: '';
}
.ant-table {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
font-size: 14px;
background: #fff;
border-radius: 2px;
}
.ant-table table {
width: 100%;
text-align: left;
border-radius: 2px 2px 0 0;
border-collapse: separate;
border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
position: relative;
padding: 16px 16px;
overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
}
.ant-table-title {
padding: 16px 16px;
}
.ant-table-footer {
padding: 16px 16px;
color: rgba(0, 0, 0, 0.85);
background: #fafafa;
}
.ant-table-thead > tr > th {
position: relative;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
text-align: left;
background: #fafafa;
border-bottom: 1px solid #f0f0f0;
transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 1.6em;
background-color: rgba(0, 0, 0, 0.06);
transform: translateY(-50%);
transition: background-color 0.3s;
content: '';
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
border-bottom: 0;
}
.ant-table-tbody > tr > td {
border-bottom: 1px solid #f0f0f0;
transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
margin: -16px -16px -16px 32px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
background: #e9f7f3;
border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
background: #e2f4ef;
}
.ant-table-summary {
position: relative;
z-index: 2;
background: #fff;
}
div.ant-table-summary {
box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
margin: 16px 0;
}
.ant-table-pagination {
display: flex;
flex-wrap: wrap;
row-gap: 8px;
}
.ant-table-pagination > * {
flex: none;
}
.ant-table-pagination-left {
justify-content: flex-start;
}
.ant-table-pagination-center {
justify-content: center;
}
.ant-table-pagination-right {
justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
outline: none;
cursor: pointer;
transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
color: #4cb8ac;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
background-color: transparent !important;
}
td.ant-table-column-sort {
background: #fafafa;
}
.ant-table-column-title {
position: relative;
z-index: 1;
flex: 1;
}
.ant-table-column-sorters {
display: flex;
flex: auto;
align-items: center;
justify-content: space-between;
}
.ant-table-column-sorters::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
}
.ant-table-column-sorter {
margin-left: 4px;
color: #bfbfbf;
font-size: 0;
transition: color 0.3s;
}
.ant-table-column-sorter-inner {
display: inline-flex;
flex-direction: column;
align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
color: #4cb8ac;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
color: #a6a6a6;
}
.ant-table-filter-column {
display: flex;
justify-content: space-between;
}
.ant-table-filter-trigger {
position: relative;
display: flex;
align-items: center;
margin: -4px -8px -4px 4px;
padding: 0 4px;
color: #bfbfbf;
font-size: 12px;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
color: rgba(0, 0, 0, 0.45);
background: rgba(0, 0, 0, 0.04);
}
.ant-table-filter-trigger.active {
color: #4cb8ac;
}
.ant-table-filter-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
min-width: 120px;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
max-height: 264px;
overflow-x: hidden;
border: 0;
box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
display: block;
padding: 8px 0;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
text-align: center;
content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
background-color: #e9e9ea;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
background-color: #ddebe7;
}
.ant-table-filter-dropdown-search {
padding: 8px;
border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
color: rgba(0, 0, 0, 0.25);
}
.ant-table-filter-dropdown-checkall {
width: 100%;
margin-bottom: 4px;
margin-left: 4px;
}
.ant-table-filter-dropdown-submenu > ul {
max-height: calc(100vh - 130px);
overflow-x: hidden;
overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
display: flex;
justify-content: space-between;
padding: 7px 8px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
width: 50px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
padding-right: 8px;
padding-left: 8px;
text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
margin-right: 0;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
z-index: 3;
}
table tr th.ant-table-selection-column::after {
background-color: transparent !important;
}
.ant-table-selection {
position: relative;
display: inline-flex;
flex-direction: column;
}
.ant-table-selection-extra {
position: absolute;
top: 0;
z-index: 1;
cursor: pointer;
transition: all 0.3s;
margin-inline-start: 100%;
padding-inline-start: 4px;
}
.ant-table-selection-extra .anticon {
color: #bfbfbf;
font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
color: #a6a6a6;
}
.ant-table-expand-icon-col {
width: 48px;
}
.ant-table-row-expand-icon-cell {
text-align: center;
}
.ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
display: inline-flex;
float: none;
vertical-align: sub;
}
.ant-table-row-indent {
float: left;
height: 1px;
}
.ant-table-row-expand-icon {
color: #4cb8ac;
outline: none;
cursor: pointer;
transition: color 0.3s;
position: relative;
float: left;
box-sizing: border-box;
width: 17px;
height: 17px;
padding: 0;
color: inherit;
line-height: 17px;
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 2px;
transform: scale(0.94117647);
transition: all 0.3s;
-webkit-user-select: none;
user-select: none;
}
.ant-table-row-expand-icon:focus-visible,
.ant-table-row-expand-icon:hover {
color: #70c4b8;
}
.ant-table-row-expand-icon:active {
color: #34918a;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
border-color: currentcolor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
position: absolute;
background: currentcolor;
transition: transform 0.3s ease-out;
content: '';
}
.ant-table-row-expand-icon::before {
top: 7px;
right: 3px;
left: 3px;
height: 1px;
}
.ant-table-row-expand-icon::after {
top: 3px;
bottom: 3px;
left: 7px;
width: 1px;
transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
background: transparent;
border: 0;
visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
display: none;
content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
margin-top: 2.5005px;
margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
flex: auto;
width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
position: relative;
margin: -16px -16px;
padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
position: sticky !important;
z-index: 2;
background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
position: absolute;
top: 0;
right: 0;
bottom: -1px;
width: 30px;
transform: translateX(100%);
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.ant-table-cell-fix-left-all::after {
display: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
position: absolute;
top: 0;
bottom: -1px;
left: 0;
width: 30px;
transform: translateX(-100%);
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
position: absolute;
top: 0;
bottom: 0;
z-index: calc(calc(2 + 1) + 1);
width: 30px;
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.ant-table .ant-table-container::before {
left: 0;
}
.ant-table .ant-table-container::after {
right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-last::before {
background-color: transparent !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-holder {
position: sticky;
z-index: calc(2 + 1);
background: #fff;
}
.ant-table-sticky-scroll {
position: sticky;
bottom: 0;
z-index: calc(2 + 1);
display: flex;
align-items: center;
background: #ffffff;
border-top: 1px solid #f0f0f0;
opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
height: 8px;
background-color: rgba(0, 0, 0, 0.35);
border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
box-shadow: none !important;
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after {
box-shadow: none !important;
}
}
.ant-table {
/* title + table */
/* table */
/* table + footer */
}
.ant-table-title {
border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table {
border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
border-radius: 0;
}
.ant-table-container {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 2px;
}
.ant-table-footer {
border-radius: 0 0 2px 2px;
}
.ant-table-wrapper-rtl {
direction: rtl;
}
.ant-table-rtl {
direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
right: auto;
left: 0;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
margin-right: 4px;
margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger {
margin: -4px 4px -4px -8px;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
padding-right: 8px;
padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
margin-right: 0;
margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
transform: rotate(0deg);
}
nz-table,
nz-table-title-footer,
nz-table-inner-scroll,
nz-table-inner-default,
nz-table-selection {
display: block;
}
nz-filter-trigger {
display: inline-flex;
}
.nz-table-out-bordered > .ant-table-title {
border: 1px solid #f0f0f0;
border-bottom: 0;
}
.nz-table-out-bordered > .ant-table-container {
border: 1px solid #f0f0f0;
border-bottom: 0;
}
.nz-table-out-bordered > .ant-table-footer {
border: 1px solid #f0f0f0;
border-top: 0;
}
cdk-virtual-scroll-viewport.ant-table-body {
overflow-y: scroll;
}
.nz-table-hide-scrollbar {
scrollbar-color: #fafafa #fafafa;
}
.nz-table-hide-scrollbar::-webkit-scrollbar {
background-color: #fafafa;
}
.ant-table.ant-table-small .nz-table-hide-scrollbar {
scrollbar-color: #fafafa #fafafa;
}
.ant-table.ant-table-small .nz-table-hide-scrollbar::-webkit-scrollbar {
background-color: transparent;
}
.ant-table-wrapper-rtl .ant-table thead > tr > th.ant-table-selection-column {
text-align: center;
}
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tfoot > tr > td {
border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > thead > tr:not(:last-child) > th {
border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td > .ant-table-expanded-row-fixed {
margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
position: absolute;
top: 0;
right: 1px;
bottom: 0;
border-right: 1px solid #f0f0f0;
content: '';
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr.ant-table-placeholder > td {
border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td > .ant-table-expanded-row-fixed {
margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td > .ant-table-expanded-row-fixed {
margin: -8px -9px;
}
.ant-table-custom-column col {
display: none;
width: auto !important;
min-width: auto !important;
}
.ant-table-custom-column .ant-table-thead .ant-table-row,
.ant-table-custom-column .ant-table-thead tr {
display: flex;
justify-content: space-between;
width: 100%;
}
.ant-table-custom-column .ant-table-thead .ant-table-row th,
.ant-table-custom-column .ant-table-thead tr th {
overflow: hidden;
}
.ant-table-custom-column .ant-table-tbody .ant-table-row,
.ant-table-custom-column .ant-table-tbody tr {
display: flex;
justify-content: space-between;
width: 100%;
}
.ant-table-custom-column .ant-table-tbody .ant-table-row td,
.ant-table-custom-column .ant-table-tbody tr td {
overflow: hidden;
}
.ant-table-custom-column .ant-table-tbody .ant-table-row .nz-disable-td,
.ant-table-custom-column .ant-table-tbody tr .nz-disable-td {
width: 100%;
}
.ant-table-custom-column .ant-table-fixed tr .ant-table-cell-fix-left-last,
.ant-table-custom-column .ant-table-fixed tr .ant-table-cell-fix-right-first {
overflow: visible;
}
.ant-table-custom-column .ant-table-fixed .ant-table-row {
width: 100%;
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
padding: 8px 0;
font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
padding: 16px 0;
font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
padding: 7px 16px 6px;
}
.ant-tabs-rtl {
direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
margin-right: 0;
margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
margin-right: 8px;
margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
margin-right: 2px;
margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
margin-right: 2px;
margin-left: 0;
}
.ant-tabs-dropdown-rtl {
direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
position: absolute;
right: 0;
left: 0;
border-bottom: 1px solid #f0f0f0;
content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
top: 0;
bottom: 0;
width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
left: 0;
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
right: 0;
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
order: 1;
margin-top: 16px;
margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
flex-direction: column;
min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
padding: 8px 24px;
text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
margin: 16px 0 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
right: 0;
left: 0;
height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
top: 0;
box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
bottom: 0;
box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
flex: 1 0 auto;
flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
margin-left: -1px;
border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
order: 0;
margin-right: -1px;
border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
padding-right: 24px;
}
.ant-tabs-dropdown {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
display: block;
}
.ant-tabs-dropdown-hidden {
display: none;
}
.ant-tabs-dropdown-menu {
max-height: 200px;
margin: 0;
padding: 4px 0;
overflow-x: hidden;
overflow-y: auto;
text-align: left;
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tabs-dropdown-menu-item {
display: flex;
align-items: center;
min-width: 120px;
margin: 0;
padding: 5px 12px;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item > span {
flex: 1;
white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
flex: none;
margin-left: 12px;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
background: transparent;
border: 0;
cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
color: #70c4b8;
}
.ant-tabs-dropdown-menu-item:hover {
background: #e9e9ea;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background: transparent;
cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
margin: 0;
padding: 8px 16px;
background: #fafafa;
border: 1px solid #f0f0f0;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
color: #4cb8ac;
background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
border-radius: 2px 2px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
border-radius: 0 0 2px 2px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
border-radius: 2px 0 0 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
border-radius: 0 2px 2px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
border-left-color: #fff;
}
.ant-tabs {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: flex;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
position: relative;
display: flex;
flex: none;
align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
position: relative;
display: inline-block;
display: flex;
flex: auto;
align-self: stretch;
overflow: hidden;
white-space: nowrap;
transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
position: absolute;
z-index: 1;
opacity: 0;
transition: opacity 0.3s;
content: '';
pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
position: relative;
display: flex;
transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
display: flex;
align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
position: absolute;
visibility: hidden;
pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
position: relative;
padding: 8px 16px;
background: transparent;
border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 5px;
transform: translateY(100%);
content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
min-width: 40px;
margin-left: 2px;
padding: 0 8px;
background: #fafafa;
border: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
outline: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
color: #70c4b8;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
color: #34918a;
}
.ant-tabs-extra-content {
flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
justify-content: center;
}
.ant-tabs-ink-bar {
position: absolute;
background: #4cb8ac;
pointer-events: none;
}
.ant-tabs-tab {
position: relative;
display: inline-flex;
align-items: center;
padding: 12px 0;
font-size: 14px;
background: transparent;
border: 0;
outline: none;
cursor: pointer;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
color: #34918a;
}
.ant-tabs-tab-btn {
outline: none;
transition: all 0.3s;
}
.ant-tabs-tab-remove {
flex: none;
margin-right: -4px;
margin-left: 8px;
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
background: transparent;
border: none;
outline: none;
cursor: pointer;
transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-tabs-tab:hover {
color: #70c4b8;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
color: #4cb8ac;
text-shadow: 0 0 0.25px currentcolor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
margin: 0;
}
.ant-tabs-tab .anticon {
margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
margin: 0 0 0 32px;
}
.ant-tabs-content {
position: relative;
width: 100%;
}
.ant-tabs-content-holder {
flex: auto;
min-width: 0;
min-height: 0;
}
.ant-tabs-tabpane {
outline: none;
}
.ant-tabs-tabpane-hidden {
display: none;
}
.ant-tabs-switch-appear,
.ant-tabs-switch-enter {
transition: none;
}
.ant-tabs-switch-appear-start,
.ant-tabs-switch-enter-start {
opacity: 0;
}
.ant-tabs-switch-appear-active,
.ant-tabs-switch-enter-active {
opacity: 1;
transition: opacity 0.3s;
}
.ant-tabs-switch-leave {
position: absolute;
transition: none;
inset: 0;
}
.ant-tabs-switch-leave-start {
opacity: 1;
}
.ant-tabs-switch-leave-active {
opacity: 0;
transition: opacity 0.3s;
}
.ant-tabs-dropdown-menu-item a[nz-tab-link] {
position: relative;
}
.ant-tabs-tab-btn {
background-color: unset;
border: none;
cursor: pointer;
}
.ant-tabs-tab a[nz-tab-link]::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
content: '';
}
.ant-tabs-tab a[nz-tab-link] ~ * {
position: relative;
}
.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu {
max-height: 200px;
margin: 0;
padding: 4px 0;
overflow-x: hidden;
overflow-y: auto;
text-align: left;
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item {
min-width: 120px;
margin: 0;
padding: 5px 12px;
overflow: hidden;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
transition: all 0.3s;
}
.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item:hover {
background: #e9e9ea;
}
.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled,
.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background: transparent;
cursor: not-allowed;
}
.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled a,
.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover a {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
}
.ant-tabs-rtl .ant-tabs-rtl-tab-next {
right: auto;
left: 2px;
}
.ant-tabs-tab-disabled a {
color: rgba(0, 0, 0, 0.25);
pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
min-height: 40px;
}
.ant-tag {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
height: auto;
margin-right: 8px;
padding: 0 7px;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
background: #fafafa;
border: 1px solid #d9d9d9;
border-radius: 2px;
opacity: 1;
transition: all 0.3s;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-tag > a:first-child:last-child {
display: inline-block;
margin: 0 -8px;
padding: 0 8px;
}
.ant-tag-close-icon {
margin-left: 3px;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
cursor: pointer;
transition: all 0.3s;
}
.ant-tag-close-icon:hover {
color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
color: #fff;
}
.ant-tag-checkable {
background-color: transparent;
border-color: transparent;
cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
color: #4cb8ac;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
color: #fff;
}
.ant-tag-checkable-checked {
background-color: #4cb8ac;
}
.ant-tag-checkable:active {
background-color: #34918a;
}
.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: #4cb8ac;
background: #e9f7f3;
border-color: #c5ded9;
}
.ant-tag-error {
color: #ff4d4f;
background: #fff2f0;
border-color: #ffccc7;
}
.ant-tag-warning {
color: #faad14;
background: #fffbe6;
border-color: #ffe58f;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl;
text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
margin-right: 3px;
margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
margin-right: 7px;
margin-left: 0;
}
.ant-tag.ant-tag-borderless {
border-color: transparent;
}
.ant-timeline {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
margin: 0;
padding: 0;
list-style: none;
}
.ant-timeline-item {
position: relative;
margin: 0;
padding-bottom: 20px;
font-size: 14px;
list-style: none;
}
.ant-timeline-item-tail {
position: absolute;
top: 10px;
left: 4px;
height: calc(100% - 10px);
border-left: 2px solid #f0f0f0;
}
.ant-timeline-item-pending .ant-timeline-item-head {
font-size: 12px;
background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
display: none;
}
.ant-timeline-item-head {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid transparent;
border-radius: 100px;
}
.ant-timeline-item-head-blue {
color: #4cb8ac;
border-color: #4cb8ac;
}
.ant-timeline-item-head-red {
color: #ff4d4f;
border-color: #ff4d4f;
}
.ant-timeline-item-head-green {
color: #52c41a;
border-color: #52c41a;
}
.ant-timeline-item-head-gray {
color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
position: absolute;
top: 5.5px;
left: 5px;
width: auto;
height: auto;
margin-top: 0;
padding: 3px 1px;
line-height: 1;
text-align: center;
border: 0;
border-radius: 0;
transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
position: relative;
top: -7.001px;
margin: 0 0 0 26px;
word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head {
margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
left: calc(50% - 4px);
width: calc(50% - 14px);
text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
width: calc(50% - 12px);
margin: 0;
text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
display: block;
height: calc(100% - 14px);
border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
top: 15px;
display: block;
height: calc(100% - 15px);
border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
position: absolute;
top: -7.001px;
width: calc(50% - 12px);
text-align: right;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
left: calc(50% + 14px);
width: calc(50% - 14px);
text-align: left;
}
.ant-timeline-rtl {
direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
right: 4px;
left: auto;
border-right: 2px solid #f0f0f0;
border-left: none;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
right: 5px;
left: auto;
transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
right: 50%;
left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
margin-right: -4px;
margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
margin-right: 1px;
margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
right: calc(50% - 4px);
left: auto;
text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
right: 0;
left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
width: 100%;
margin-right: 18px;
text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
border-right: 2px dotted #f0f0f0;
border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
border-right: 2px dotted #f0f0f0;
border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
right: calc(50% + 14px);
text-align: right;
}
.ant-tooltip {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
--antd-arrow-background-color: rgba(0, 0, 0, 0.75);
position: absolute;
z-index: 1070;
display: block;
width: max-content;
max-width: 250px;
visibility: visible;
}
.ant-tooltip-content {
position: relative;
}
.ant-tooltip-hidden {
display: none;
}
.ant-tooltip-inner {
min-width: 30px;
min-height: 32px;
padding: calc(12px / 2) 8px;
color: #fff;
text-align: start;
text-decoration: none;
word-wrap: break-word;
background-color: rgba(0, 0, 0, 0.75);
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tooltip-arrow {
position: absolute;
z-index: 1;
display: block;
width: 16px;
height: 16px;
overflow: hidden;
pointer-events: none;
}
.ant-tooltip-arrow::before {
position: absolute;
bottom: 0;
width: 16px;
height: calc(16px / 2);
background: var(--antd-arrow-background-color);
content: '';
clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
inset-inline-start: 0;
}
.ant-tooltip-arrow::after {
position: absolute;
bottom: 0;
z-index: 0;
width: 8.97056275px;
height: 8.97056275px;
margin: auto;
background: transparent;
border-radius: 0 0 2px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
transform: translateY(50%) rotate(-135deg);
content: '';
inset-inline: 0;
}
.ant-tooltip-arrow::before {
background: var(--antd-arrow-background-color);
}
.ant-tooltip-placement-top > .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
.ant-tooltip-placement-topRight > .ant-tooltip-arrow {
bottom: 0px;
transform: translateY(100%) rotate(180deg);
}
.ant-tooltip-placement-top > .ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%) translateY(100%) rotate(180deg);
}
.ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
left: 16px;
}
.ant-tooltip-placement-topRight > .ant-tooltip-arrow {
right: 16px;
}
.ant-tooltip-placement-bottom > .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
top: 0px;
transform: translateY(-100%);
}
.ant-tooltip-placement-bottom > .ant-tooltip-arrow {
left: 50%;
transform: translateX(-50%) translateY(-100%);
}
.ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
left: 16px;
}
.ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
right: 16px;
}
.ant-tooltip-placement-left > .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
right: 0px;
transform: translateX(100%) rotate(90deg);
}
.ant-tooltip-placement-left > .ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%) translateX(100%) rotate(90deg);
}
.ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
top: 16px;
}
.ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
bottom: 16px;
}
.ant-tooltip-placement-right > .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
left: 0px;
transform: translateX(-100%) rotate(-90deg);
}
.ant-tooltip-placement-right > .ant-tooltip-arrow {
top: 50%;
transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}
.ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
top: 16px;
}
.ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
bottom: 16px;
}
.ant-tooltip-pink .ant-tooltip-inner {
background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow {
--antd-arrow-background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow {
--antd-arrow-background-color: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow {
--antd-arrow-background-color: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow {
--antd-arrow-background-color: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow {
--antd-arrow-background-color: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow {
--antd-arrow-background-color: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow {
--antd-arrow-background-color: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow {
--antd-arrow-background-color: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow {
--antd-arrow-background-color: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow {
--antd-arrow-background-color: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow {
--antd-arrow-background-color: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow {
--antd-arrow-background-color: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow {
--antd-arrow-background-color: #722ed1;
}
.ant-tooltip-rtl {
direction: rtl;
}
.ant-tooltip {
position: relative;
}
.ant-transfer-customize-list .ant-transfer-list {
flex: 1 1 50%;
width: auto;
height: auto;
min-height: 200px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
border: 0;
border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
width: 40px;
min-width: 40px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
border-bottom: 1px solid #f0f0f0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
background-color: transparent;
}
.ant-transfer-status-error .ant-transfer-list {
border-color: #ff4d4f;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]) {
border-color: #d9d9d9;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-transfer-status-warning .ant-transfer-list {
border-color: #faad14;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) {
border-color: #d9d9d9;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
border-color: #70c4b8;
border-right-width: 1px;
}
.ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
border-color: #70c4b8;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
border-right-width: 1px;
outline: 0;
}
.ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
border-right-width: 0;
border-left-width: 1px !important;
}
.ant-transfer {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
display: flex;
align-items: stretch;
}
.ant-transfer-disabled .ant-transfer-list {
background: #f5f5f5;
}
.ant-transfer-list {
display: flex;
flex-direction: column;
width: 180px;
height: 200px;
border: 1px solid #d9d9d9;
border-radius: 2px;
}
.ant-transfer-list-with-pagination {
width: 250px;
height: auto;
}
.ant-transfer-list-search .anticon-search {
color: rgba(0, 0, 0, 0.25);
}
.ant-transfer-list-header {
display: flex;
flex: none;
align-items: center;
height: 40px;
padding: 8px 12px 9px;
color: rgba(0, 0, 0, 0.85);
background: #fff;
border-bottom: 1px solid #f0f0f0;
border-radius: 2px 2px 0 0;
}
.ant-transfer-list-header > *:not(:last-child) {
margin-right: 4px;
}
.ant-transfer-list-header > * {
flex: none;
}
.ant-transfer-list-header-title {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-align: right;
text-overflow: ellipsis;
}
.ant-transfer-list-header-dropdown {
font-size: 10px;
transform: translateY(10%);
cursor: pointer;
}
.ant-transfer-list-header-dropdown[disabled] {
cursor: not-allowed;
}
.ant-transfer-list-body {
display: flex;
flex: auto;
flex-direction: column;
overflow: hidden;
font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
position: relative;
flex: none;
padding: 12px;
}
.ant-transfer-list-content {
flex: auto;
margin: 0;
padding: 0;
overflow: auto;
list-style: none;
}
.ant-transfer-list-content-item {
display: flex;
align-items: center;
min-height: 32px;
padding: 6px 12px;
line-height: 20px;
transition: all 0.3s;
}
.ant-transfer-list-content-item > *:not(:last-child) {
margin-right: 8px;
}
.ant-transfer-list-content-item > * {
flex: none;
}
.ant-transfer-list-content-item-text {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-transfer-list-content-item-remove {
position: relative;
color: #d9d9d9;
cursor: pointer;
transition: all 0.3s;
}
.ant-transfer-list-content-item-remove:hover {
color: #70c4b8;
}
.ant-transfer-list-content-item-remove::after {
position: absolute;
top: -6px;
right: -50%;
bottom: -6px;
left: -50%;
content: '';
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
background-color: #e9e9ea;
cursor: pointer;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
background-color: #e4e4e5;
}
.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
background: transparent;
cursor: default;
}
.ant-transfer-list-content-item-checked {
background-color: #e9e9ea;
}
.ant-transfer-list-content-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-transfer-list-pagination {
padding: 8px 0;
text-align: right;
border-top: 1px solid #f0f0f0;
}
.ant-transfer-list-body-not-found {
flex: none;
width: 100%;
margin: auto 0;
color: rgba(0, 0, 0, 0.25);
text-align: center;
}
.ant-transfer-list-footer {
border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
display: flex;
flex: none;
flex-direction: column;
align-self: center;
margin: 0 8px;
vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
display: block;
}
.ant-transfer-operation .ant-btn:first-child {
margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
font-size: 12px;
}
.ant-transfer .ant-empty-image {
max-height: -2px;
}
.ant-transfer-rtl {
direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
padding-right: 8px;
padding-left: 24px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
right: auto;
left: 12px;
}
.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
margin-right: 0;
margin-left: 4px;
}
.ant-transfer-rtl .ant-transfer-list-header {
right: 0;
left: auto;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
margin-right: 0;
margin-left: 8px;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
right: 0;
left: auto;
}
.ant-typography {
color: rgba(0, 0, 0, 0.85);
word-break: break-word;
}
.ant-typography.ant-typography-secondary {
color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-success {
color: #52c41a;
}
.ant-typography.ant-typography-warning {
color: #faad14;
}
.ant-typography.ant-typography-danger {
color: #ff4d4f;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus {
color: #d9363e;
}
a.ant-typography.ant-typography-danger:hover {
color: #ff7875;
}
.ant-typography.ant-typography-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
-webkit-user-select: none;
user-select: none;
}
div.ant-typography,
.ant-typography p {
margin-bottom: 1em;
}
h1.ant-typography,
div.ant-typography-h1,
div.ant-typography-h1 > textarea,
.ant-typography h1 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 38px;
line-height: 1.23;
}
h2.ant-typography,
div.ant-typography-h2,
div.ant-typography-h2 > textarea,
.ant-typography h2 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 30px;
line-height: 1.35;
}
h3.ant-typography,
div.ant-typography-h3,
div.ant-typography-h3 > textarea,
.ant-typography h3 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 24px;
line-height: 1.35;
}
h4.ant-typography,
div.ant-typography-h4,
div.ant-typography-h4 > textarea,
.ant-typography h4 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 20px;
line-height: 1.4;
}
h5.ant-typography,
div.ant-typography-h5,
div.ant-typography-h5 > textarea,
.ant-typography h5 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
font-size: 16px;
line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
display: inline-block;
max-width: 100%;
}
a.ant-typography,
.ant-typography a {
color: #4cb8ac;
outline: none;
cursor: pointer;
transition: color 0.3s;
text-decoration: none;
}
a.ant-typography:focus-visible,
.ant-typography a:focus-visible,
a.ant-typography:hover,
.ant-typography a:hover {
color: #70c4b8;
}
a.ant-typography:active,
.ant-typography a:active {
color: #34918a;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
color: rgba(0, 0, 0, 0.25);
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
pointer-events: none;
}
.ant-typography code {
margin: 0 0.2em;
padding: 0.2em 0.4em 0.1em;
font-size: 85%;
background: rgba(150, 150, 150, 0.1);
border: 1px solid rgba(100, 100, 100, 0.2);
border-radius: 3px;
}
.ant-typography kbd {
margin: 0 0.2em;
padding: 0.15em 0.4em 0.1em;
font-size: 90%;
background: rgba(150, 150, 150, 0.06);
border: 1px solid rgba(100, 100, 100, 0.2);
border-bottom-width: 2px;
border-radius: 3px;
}
.ant-typography mark {
padding: 0;
background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
text-decoration: line-through;
}
.ant-typography strong {
font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
color: #4cb8ac;
outline: none;
cursor: pointer;
transition: color 0.3s;
margin-left: 4px;
}
.ant-typography-expand:focus-visible,
.ant-typography-edit:focus-visible,
.ant-typography-copy:focus-visible,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
color: #70c4b8;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
color: #34918a;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
color: #52c41a;
}
.ant-typography-edit-content {
position: relative;
}
div.ant-typography-edit-content {
left: -12px;
margin-top: -5px;
margin-bottom: calc(1em - 4px - 1px);
}
.ant-typography-edit-content-confirm {
position: absolute;
right: 10px;
bottom: 8px;
color: rgba(0, 0, 0, 0.45);
font-weight: normal;
font-size: 14px;
font-style: normal;
pointer-events: none;
}
.ant-typography-edit-content textarea {
height: 1em;
margin: 0 !important;
/* stylelint-disable-next-line property-no-vendor-prefix */
-moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
margin: 0 0 1em;
padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
margin: 0 0 0 20px;
padding: 0 0 0 4px;
}
.ant-typography ul {
list-style-type: circle;
}
.ant-typography ul ul {
list-style-type: disc;
}
.ant-typography ol {
list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
margin: 1em 0;
}
.ant-typography pre {
padding: 0.4em 0.6em;
white-space: pre-wrap;
word-wrap: break-word;
background: rgba(150, 150, 150, 0.1);
border: 1px solid rgba(100, 100, 100, 0.2);
border-radius: 3px;
}
.ant-typography pre code {
display: inline;
margin: 0;
padding: 0;
font-size: inherit;
font-family: inherit;
background: transparent;
border: 0;
}
.ant-typography blockquote {
padding: 0 0 0 0.6em;
border-left: 4px solid rgba(100, 100, 100, 0.2);
opacity: 0.85;
}
.ant-typography-single-line {
white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
overflow: hidden;
text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
/* stylelint-disable-next-line value-no-vendor-prefix */
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;
}
.ant-typography-rtl {
direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
margin-right: 4px;
margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
right: -12px;
left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
right: auto;
left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
margin: 0 20px 0 0;
padding: 0 4px 0 0;
}
.ant-upload {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
outline: 0;
}
.ant-upload p {
margin: 0;
}
.ant-upload-btn {
display: block;
width: 100%;
outline: none;
}
.ant-upload input[type='file'] {
cursor: pointer;
}
.ant-upload.ant-upload-select {
display: inline-block;
}
.ant-upload.ant-upload-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
width: 104px;
height: 104px;
margin-right: 8px;
margin-bottom: 8px;
text-align: center;
vertical-align: top;
background-color: #fafafa;
border: 1px dashed #d9d9d9;
border-radius: 2px;
cursor: pointer;
transition: border-color 0.3s;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
border-color: #4cb8ac;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
position: relative;
width: 100%;
height: 100%;
text-align: center;
background: #fafafa;
border: 1px dashed #d9d9d9;
border-radius: 2px;
cursor: pointer;
transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
border-color: #34918a;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
display: table;
height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
display: table-cell;
vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
border-color: #70c4b8;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
color: #70c4b8;
font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
margin: 0 0 4px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
color: rgba(0, 0, 0, 0.25);
font-size: 30px;
transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
display: inline-block;
width: 100%;
}
.ant-upload-picture-card-wrapper::before {
display: table;
content: '';
}
.ant-upload-picture-card-wrapper::after {
display: table;
clear: both;
content: '';
}
.ant-upload-picture-card-wrapper::before {
display: table;
content: '';
}
.ant-upload-picture-card-wrapper::after {
display: table;
clear: both;
content: '';
}
.ant-upload-list {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
list-style: none;
font-feature-settings: 'tnum';
line-height: 1.5715;
}
.ant-upload-list::before {
display: table;
content: '';
}
.ant-upload-list::after {
display: table;
clear: both;
content: '';
}
.ant-upload-list::before {
display: table;
content: '';
}
.ant-upload-list::after {
display: table;
clear: both;
content: '';
}
.ant-upload-list-item {
position: relative;
height: 22.001px;
margin-top: 8px;
font-size: 14px;
}
.ant-upload-list-item-name {
display: inline-block;
width: 100%;
padding-left: 22px;
overflow: hidden;
line-height: 1.5715;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-upload-list-item-card-actions {
position: absolute;
right: 0;
}
.ant-upload-list-item-card-actions-btn {
opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
height: 22.001px;
line-height: 1;
vertical-align: top;
}
.ant-upload-list-item-card-actions.picture {
top: 22px;
line-height: 0;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
color: rgba(0, 0, 0, 0.45);
transition: all 0.3s;
}
.ant-upload-list-item-card-actions:hover .anticon {
color: rgba(0, 0, 0, 0.85);
}
.ant-upload-list-item-info {
height: 100%;
transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
display: block;
width: 100%;
height: 100%;
}
.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
position: absolute;
top: 5px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
background-color: #e9e9ea;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
opacity: 1;
}
.ant-upload-list-item-progress {
position: absolute;
bottom: -12px;
width: 100%;
padding-left: 26px;
font-size: 14px;
line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
position: relative;
height: 66px;
padding: 8px;
border: 1px solid #d9d9d9;
border-radius: 2px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
border-color: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
width: 48px;
height: 48px;
line-height: 60px;
text-align: center;
opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
fill: #fff2f0;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
fill: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
position: absolute;
top: 50%;
left: 50%;
font-size: 26px;
transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
display: block;
width: 48px;
height: 48px;
overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
display: inline-block;
box-sizing: border-box;
max-width: 100%;
margin: 0 0 0 8px;
padding-right: 8px;
padding-left: 48px;
overflow: hidden;
line-height: 44px;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
margin-bottom: 12px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
bottom: 14px;
width: calc(100% - 24px);
margin-top: 0;
padding-left: 56px;
}
.ant-upload-list-picture-card-container {
display: inline-block;
width: 104px;
height: 104px;
margin: 0 8px 8px 0;
vertical-align: top;
}
.ant-upload-list-picture-card .ant-upload-list-item {
height: 100%;
margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
position: relative;
height: 100%;
overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: all 0.3s;
content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
white-space: nowrap;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
z-index: 10;
width: 16px;
margin: 0 4px;
color: rgba(255, 255, 255, 0.85);
font-size: 16px;
cursor: pointer;
transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
position: static;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
display: none;
margin: 8px 0 0;
padding: 0;
line-height: 1.5715;
text-align: center;
}
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
position: absolute;
bottom: 10px;
display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
bottom: 32px;
width: calc(100% - 14px);
padding-left: 0;
}
.ant-upload-list-text-container,
.ant-upload-list-picture-container {
transition: opacity 0.3s, height 0.3s;
}
.ant-upload-list-text-container::before,
.ant-upload-list-picture-container::before {
display: table;
width: 0;
height: 0;
content: '';
}
.ant-upload-list-text-container .ant-upload-span,
.ant-upload-list-picture-container .ant-upload-span {
display: block;
flex: auto;
}
.ant-upload-list-text .ant-upload-span,
.ant-upload-list-picture .ant-upload-span {
display: flex;
align-items: center;
}
.ant-upload-list-text .ant-upload-span > *,
.ant-upload-list-picture .ant-upload-span > * {
flex: none;
}
.ant-upload-list-text .ant-upload-list-item-name,
.ant-upload-list-picture .ant-upload-list-item-name {
flex: auto;
margin: 0;
padding: 0 8px;
}
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-picture .ant-upload-list-item-card-actions {
position: static;
}
.ant-upload-list-text .ant-upload-text-icon .anticon {
position: static;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
animation-duration: 0.3s;
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-fill-mode: forwards;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateInlineIn {
from {
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
}
@keyframes uploadAnimateInlineOut {
to {
width: 0;
height: 0;
margin: 0;
padding: 0;
opacity: 0;
}
}
.ant-upload-rtl {
direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
margin-right: auto;
margin-left: 8px;
}
.ant-upload-list-rtl {
direction: rtl;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
padding-right: 22px;
padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
padding-right: 22px;
padding-left: 28px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
padding-right: 22px;
padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
right: auto;
left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
padding-right: 0;
padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
padding-right: 0;
padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
padding-right: 26px;
padding-left: 0;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
right: 8px;
left: auto;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
right: 50%;
left: auto;
transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
margin: 0 8px 0 0;
padding-right: 48px;
padding-left: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
padding-right: 48px;
padding-left: 18px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
padding-right: 48px;
padding-left: 36px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
padding-right: 0;
padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
right: 50%;
left: auto;
transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
margin: 8px 0 0;
padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item {
float: unset;
}
.ant-select-auto-complete {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
}
.ant-select-auto-complete .ant-select-clear {
right: 13px;
}
.ant-select-dropdown-hidden {
display: none;
}
.ant-select-dropdown-content-wrapper {
max-height: 256px;
overflow-y: auto;
overflow-anchor: none;
}
.ant-select-dropdown-content {
display: flex;
flex-direction: column;
}
.ant-cascader-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
line-height: 1;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
border-color: #4cb8ac;
}
.ant-cascader-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #4cb8ac;
border-radius: 2px;
visibility: hidden;
animation: antCheckboxEffect 0.36s ease-in-out;
animation-fill-mode: backwards;
content: '';
}
.ant-cascader-checkbox:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after {
visibility: visible;
}
.ant-cascader-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
direction: ltr;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
border-collapse: separate;
transition: all 0.3s;
}
.ant-cascader-checkbox-inner::after {
position: absolute;
top: 50%;
left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
opacity: 0;
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
.ant-cascader-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
background-color: #4cb8ac;
border-color: #4cb8ac;
}
.ant-cascader-checkbox-disabled {
cursor: not-allowed;
}
.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
animation-name: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
cursor: not-allowed;
pointer-events: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
animation-name: none;
}
.ant-cascader-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-cascader-checkbox-disabled:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after {
visibility: hidden;
}
.ant-cascader-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer;
}
.ant-cascader-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
margin-left: 8px;
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] {
width: 14px;
height: 14px;
}
.ant-cascader-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
.ant-cascader-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-cascader-checkbox-group-item {
margin-right: 8px;
}
.ant-cascader-checkbox-group-item:last-child {
margin-right: 0;
}
.ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
margin-left: 0;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
background-color: #fff;
border-color: #d9d9d9;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #4cb8ac;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-checkbox-rtl {
direction: rtl;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item {
margin-right: 0;
margin-left: 8px;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item:last-child {
margin-left: 0 !important;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
margin-left: 8px;
}
.ant-cascader {
width: 184px;
}
.ant-cascader-checkbox {
top: 0;
margin-right: 8px;
}
.ant-cascader-menus {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
width: 100%;
height: auto;
}
.ant-cascader-menu {
flex-grow: 1;
min-width: 111px;
height: 180px;
margin: 0;
padding: 4px 0;
overflow: auto;
vertical-align: top;
list-style: none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu:not(:last-child) {
border-inline-end: 1px solid #f0f0f0;
}
.ant-cascader-menu-item {
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 5px 12px;
overflow: hidden;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
background: #e9e9ea;
}
.ant-cascader-menu-item-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
background: transparent;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
color: rgba(0, 0, 0, 0.25);
cursor: default;
pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
font-weight: 600;
background-color: #e9f7f3;
}
.ant-cascader-menu-item-content {
flex: auto;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
margin-left: 4px;
color: rgba(0, 0, 0, 0.45);
font-size: 10px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item-keyword {
color: #ff4d4f;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
margin-right: -1px;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-item-rtl {
margin-left: -1px;
}
.ant-cascader-compact-item:hover,
.ant-cascader-compact-item:focus,
.ant-cascader-compact-item:active {
z-index: 2;
}
.ant-cascader-compact-item[disabled] {
z-index: 0;
}
.ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item).ant-cascader {
border-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-item-rtl) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
.ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
margin-right: 4px;
margin-left: 0;
}
.ant-cascader-rtl .ant-cascader-checkbox {
top: 0;
margin-right: 0;
margin-left: 8px;
}
.ant-cascader-menus {
position: relative;
margin-top: 2px;
margin-bottom: 2px;
}
/*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
/*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
nz-tree-virtual-scroll-view {
position: relative;
display: block;
overflow: auto;
transform: translateZ(0);
will-change: scroll-position;
contain: strict;
-webkit-overflow-scrolling: touch;
}
nz-tree-virtual-scroll-view .ant-tree-list,
nz-tree-virtual-scroll-view .ant-tree-list-holder {
height: 100%;
}
nz-tree-virtual-scroll-view .ant-tree-switcher + .ant-tree-switcher.nz-tree-leaf-line-icon,
nz-tree-view .ant-tree-switcher + .ant-tree-switcher.nz-tree-leaf-line-icon {
display: none;
}
nz-tree-view .ant-tree-list-holder-inner {
display: flex;
flex-direction: column;
}
@keyframes ant-tree-node-fx-do-not-use {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
position: absolute;
top: 0;
right: 0;
bottom: 4px;
left: 0;
transition: background-color 0.3s;
content: '';
pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
background: #e9e9ea;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
border-radius: 0;
-webkit-user-select: none;
user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
color: #fff;
background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
background: #4cb8ac;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
color: #fff;
background: transparent;
}
.ant-tree-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
line-height: 1;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
border-color: #4cb8ac;
}
.ant-tree-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #4cb8ac;
border-radius: 2px;
visibility: hidden;
animation: antCheckboxEffect 0.36s ease-in-out;
animation-fill-mode: backwards;
content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
visibility: visible;
}
.ant-tree-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
direction: ltr;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
border-collapse: separate;
transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
position: absolute;
top: 50%;
left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
opacity: 0;
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
.ant-tree-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
background-color: #4cb8ac;
border-color: #4cb8ac;
}
.ant-tree-checkbox-disabled {
cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
cursor: not-allowed;
pointer-events: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
animation-name: none;
}
.ant-tree-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
visibility: hidden;
}
.ant-tree-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
margin-left: 8px;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
width: 14px;
height: 14px;
}
.ant-tree-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
.ant-tree-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-tree-checkbox-group-item {
margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
background-color: #fff;
border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #4cb8ac;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-checkbox-rtl {
direction: rtl;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item {
margin-right: 0;
margin-left: 8px;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child {
margin-left: 0 !important;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
margin-left: 8px;
}
.ant-tree {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
background: #fff;
border-radius: 2px;
transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
background: #e9f7f3;
}
.ant-tree-list-holder-inner {
align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
flex: auto;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
position: absolute;
top: 0;
right: 0;
bottom: 4px;
left: 0;
border: 1px solid #4cb8ac;
opacity: 0;
animation: ant-tree-node-fx-do-not-use 0.3s;
animation-play-state: running;
animation-fill-mode: forwards;
content: '';
pointer-events: none;
}
.ant-tree .ant-tree-treenode {
display: flex;
align-items: flex-start;
padding: 0 0 4px 0;
outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
background: #e9e9ea;
}
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
color: inherit;
font-weight: 500;
}
.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
width: 24px;
line-height: 24px;
text-align: center;
visibility: visible;
opacity: 0.2;
transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
opacity: 0.45;
}
.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon {
visibility: hidden;
}
.ant-tree-indent {
align-self: stretch;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
}
.ant-tree-indent-unit {
display: inline-block;
width: 24px;
}
.ant-tree-draggable-icon {
visibility: hidden;
}
.ant-tree-switcher {
position: relative;
flex: none;
align-self: stretch;
width: 24px;
margin: 0;
line-height: 24px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
display: inline-block;
font-size: 10px;
vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
transition: transform 0.3s;
}
.ant-tree-switcher-noop {
cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
color: #4cb8ac;
}
.ant-tree-switcher-leaf-line {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
height: 100%;
}
.ant-tree-switcher-leaf-line::before {
position: absolute;
top: 0;
right: 12px;
bottom: -4px;
margin-left: -1px;
border-right: 1px solid #d9d9d9;
content: ' ';
}
.ant-tree-switcher-leaf-line::after {
position: absolute;
width: 10px;
height: 14px;
border-bottom: 1px solid #d9d9d9;
content: ' ';
}
.ant-tree-checkbox {
top: initial;
margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
position: relative;
z-index: auto;
min-height: 24px;
margin: 0;
padding: 0 4px;
color: inherit;
line-height: 24px;
background: transparent;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
background-color: #e9e9ea;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
background-color: #ddebe7;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
background-color: transparent;
}
.ant-tree-node-content-wrapper {
line-height: 24px;
-webkit-user-select: none;
user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
position: absolute;
z-index: 1;
height: 2px;
background-color: #4cb8ac;
border-radius: 1px;
pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
position: absolute;
top: -3px;
left: -6px;
width: 8px;
height: 8px;
background-color: transparent;
border: 2px solid #4cb8ac;
border-radius: 50%;
content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
box-shadow: 0 0 0 2px #4cb8ac;
}
.ant-tree-show-line .ant-tree-indent-unit {
position: relative;
height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
position: absolute;
top: 0;
right: 12px;
bottom: -4px;
border-right: 1px solid #d9d9d9;
content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
display: none;
}
.ant-tree-show-line .ant-tree-switcher {
background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
top: auto !important;
bottom: auto !important;
height: 14px !important;
}
.ant-tree-rtl {
direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
right: -6px;
left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
right: auto;
left: -13px;
border-right: none;
border-left: 1px solid #d9d9d9;
}
.ant-tree-rtl .ant-tree-checkbox {
margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
margin: 4px 0 0 8px;
}
/*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
.font-highlight {
color: #ff4d4f;
}
.ant-tree-child-tree {
overflow: hidden;
}
nz-tree {
display: block;
}
.ant-select-tree-checkbox {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
position: relative;
top: 0.2em;
line-height: 1;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
border-color: #4cb8ac;
}
.ant-select-tree-checkbox-checked::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #4cb8ac;
border-radius: 2px;
visibility: hidden;
animation: antCheckboxEffect 0.36s ease-in-out;
animation-fill-mode: backwards;
content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
visibility: visible;
}
.ant-select-tree-checkbox-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
direction: ltr;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
border-collapse: separate;
transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
position: absolute;
top: 50%;
left: 21.5%;
display: table;
width: 5.71428571px;
height: 9.14285714px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
opacity: 0;
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
content: ' ';
}
.ant-select-tree-checkbox-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
position: absolute;
display: table;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(45deg) scale(1) translate(-50%, -50%);
opacity: 1;
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
background-color: #4cb8ac;
border-color: #4cb8ac;
}
.ant-select-tree-checkbox-disabled {
cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
border-color: rgba(0, 0, 0, 0.25);
animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
cursor: not-allowed;
pointer-events: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
background-color: #f5f5f5;
border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
border-color: #f5f5f5;
border-collapse: separate;
animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer;
}
.ant-select-tree-checkbox-wrapper::after {
display: inline-block;
width: 0;
overflow: hidden;
content: '\a0';
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
margin-left: 8px;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
width: 14px;
height: 14px;
}
.ant-select-tree-checkbox + span {
padding-right: 8px;
padding-left: 8px;
}
.ant-select-tree-checkbox-group {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
display: inline-block;
}
.ant-select-tree-checkbox-group-item {
margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
background-color: #fff;
border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
background-color: #4cb8ac;
border: 0;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree-checkbox-rtl {
direction: rtl;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item {
margin-right: 0;
margin-left: 8px;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child {
margin-left: 0 !important;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
margin-left: 8px;
}
.ant-tree-select-dropdown {
padding: 8px 4px;
}
.ant-tree-select-dropdown-rtl {
direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
align-items: stretch;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
flex: auto;
}
.ant-select-tree {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
background: #fff;
border-radius: 2px;
transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
background: #e9f7f3;
}
.ant-select-tree-list-holder-inner {
align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
flex: auto;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
position: relative;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
position: absolute;
top: 0;
right: 0;
bottom: 4px;
left: 0;
border: 1px solid #4cb8ac;
opacity: 0;
animation: ant-tree-node-fx-do-not-use 0.3s;
animation-play-state: running;
animation-fill-mode: forwards;
content: '';
pointer-events: none;
}
.ant-select-tree .ant-select-tree-treenode {
display: flex;
align-items: flex-start;
padding: 0 0 4px 0;
outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
background: #e9e9ea;
}
.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
color: inherit;
font-weight: 500;
}
.ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
width: 24px;
line-height: 24px;
text-align: center;
visibility: visible;
opacity: 0.2;
transition: opacity 0.3s;
}
.ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
opacity: 0.45;
}
.ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon {
visibility: hidden;
}
.ant-select-tree-indent {
align-self: stretch;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
}
.ant-select-tree-indent-unit {
display: inline-block;
width: 24px;
}
.ant-select-tree-draggable-icon {
visibility: hidden;
}
.ant-select-tree-switcher {
position: relative;
flex: none;
align-self: stretch;
width: 24px;
margin: 0;
line-height: 24px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.ant-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree-switcher .ant-select-tree-switcher-icon {
display: inline-block;
font-size: 10px;
vertical-align: baseline;
}
.ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
transition: transform 0.3s;
}
.ant-select-tree-switcher-noop {
cursor: default;
}
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
transform: rotate(-90deg);
}
.ant-select-tree-switcher-loading-icon {
color: #4cb8ac;
}
.ant-select-tree-switcher-leaf-line {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
height: 100%;
}
.ant-select-tree-switcher-leaf-line::before {
position: absolute;
top: 0;
right: 12px;
bottom: -4px;
margin-left: -1px;
border-right: 1px solid #d9d9d9;
content: ' ';
}
.ant-select-tree-switcher-leaf-line::after {
position: absolute;
width: 10px;
height: 14px;
border-bottom: 1px solid #d9d9d9;
content: ' ';
}
.ant-select-tree-checkbox {
top: initial;
margin: 4px 8px 0 0;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
position: relative;
z-index: auto;
min-height: 24px;
margin: 0;
padding: 0 4px;
color: inherit;
line-height: 24px;
background: transparent;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
background-color: #e9e9ea;
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
background-color: #ddebe7;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
vertical-align: top;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
display: none;
}
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
background-color: transparent;
}
.ant-select-tree-node-content-wrapper {
line-height: 24px;
-webkit-user-select: none;
user-select: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
position: absolute;
z-index: 1;
height: 2px;
background-color: #4cb8ac;
border-radius: 1px;
pointer-events: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
position: absolute;
top: -3px;
left: -6px;
width: 8px;
height: 8px;
background-color: transparent;
border: 2px solid #4cb8ac;
border-radius: 50%;
content: '';
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
box-shadow: 0 0 0 2px #4cb8ac;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
position: relative;
height: 100%;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
position: absolute;
top: 0;
right: 12px;
bottom: -4px;
border-right: 1px solid #d9d9d9;
content: '';
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
background: #fff;
}
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
vertical-align: -0.15em;
}
.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
top: auto !important;
bottom: auto !important;
height: 14px !important;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
transform: scaleY(-1);
}
.ant-tree.ant-select-tree.ant-tree-show-line nz-tree-node[builtin]:not(:last-child) > li::before {
position: absolute;
left: 12px;
width: 1px;
height: calc(100% - 16px);
margin: 26px 0;
border-left: 1px solid #d9d9d9;
content: ' ';
}
.ant-select-dropdown.ant-select-tree-dropdown {
position: relative;
top: 100%;
left: 0;
width: 100%;
margin-top: 4px;
margin-bottom: 4px;
overflow: auto;
}
.ant-select-dropdown.ant-select-tree-dropdown .cdk-virtual-scroll-content-wrapper {
overflow: auto;
}
.ant-picker-calendar {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: 'tnum';
background: #fff;
}
.ant-picker-calendar-header {
display: flex;
justify-content: flex-end;
padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
min-width: 70px;
margin-left: 8px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
background: #fff;
border: 0;
border-top: 1px solid #f0f0f0;
border-radius: 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
width: 100%;
}
.ant-picker-calendar-mini {
border-radius: 2px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
padding-right: 8px;
padding-left: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
border-radius: 0 0 2px 2px;
}
.ant-picker-calendar-mini .ant-picker-content {
height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
height: auto;
padding: 0;
line-height: 18px;
}
.ant-picker-calendar-mini .ant-picker-cell::before {
pointer-events: none;
}
.ant-picker-calendar-full .ant-picker-panel {
display: block;
width: 100%;
text-align: right;
background: #fff;
border: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
height: auto;
padding: 0 12px 5px 0;
line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
background: #e9e9ea;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
background: #e9e9ea;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
color: #4cb8ac;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
display: block;
width: auto;
height: auto;
margin: 0 4px;
padding: 4px 8px 0;
border: 0;
border-top: 2px solid #f0f0f0;
border-radius: 0;
transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
line-height: 24px;
transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
position: static;
width: auto;
height: 86px;
overflow-y: auto;
color: rgba(0, 0, 0, 0.85);
line-height: 1.5715;
text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
border-color: #4cb8ac;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
color: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 480px) {
.ant-picker-calendar-header {
display: block;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
width: 50%;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
width: calc(50% - 8px);
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
width: 100%;
margin-top: 8px;
margin-left: 0;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
width: 50%;
text-align: center;
}
}
.ant-picker-calendar-rtl {
direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
margin-right: 8px;
margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
margin-right: 8px;
margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
text-align: right;
}
.ant-result {
padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
color: #ff4d4f;
}
.ant-result-info .ant-result-icon > .anticon {
color: #4cb8ac;
}
.ant-result-warning .ant-result-icon > .anticon {
color: #faad14;
}
.ant-result-image {
width: 250px;
height: 295px;
margin: auto;
}
.ant-result-icon {
margin-bottom: 24px;
text-align: center;
}
.ant-result-icon > .anticon {
font-size: 72px;
}
.ant-result-title {
color: rgba(0, 0, 0, 0.85);
font-size: 24px;
line-height: 1.8;
text-align: center;
}
.ant-result-subtitle {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 1.6;
text-align: center;
}
.ant-result-extra {
margin: 24px 0 0 0;
text-align: center;
}
.ant-result-extra > * {
margin-right: 8px;
}
.ant-result-extra > *:last-child {
margin-right: 0;
}
.ant-result-content {
margin-top: 24px;
padding: 24px 40px;
background-color: #fafafa;
}
.ant-result-rtl {
direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
margin-right: 0;
margin-left: 8px;
}
.ant-result-rtl .ant-result-extra > *:last-child {
margin-left: 0;
}
nz-result {
display: block;
}
.ant-space {
display: inline-flex;
}
.ant-space-vertical {
flex-direction: column;
}
.ant-space-align-center {
align-items: center;
}
.ant-space-align-start {
align-items: flex-start;
}
.ant-space-align-end {
align-items: flex-end;
}
.ant-space-align-baseline {
align-items: baseline;
}
.ant-space-item:empty {
display: none;
}
.ant-space-compact {
display: inline-flex;
}
.ant-space-compact-block {
display: flex;
width: 100%;
}
.ant-space-compact-vertical {
flex-direction: column;
}
.ant-space-rtl {
direction: rtl;
}
.ant-space-compact-rtl {
direction: rtl;
}
nz-space-item {
display: block;
}
.ant-image {
position: relative;
display: inline-block;
}
.ant-image-img {
width: 100%;
height: auto;
vertical-align: middle;
}
.ant-image-img-placeholder {
background-color: #f5f5f5;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
background-repeat: no-repeat;
background-position: center center;
background-size: 30%;
}
.ant-image-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
opacity: 0;
transition: opacity 0.3s;
}
.ant-image-mask-info {
padding: 0 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
margin-inline-end: 4px;
}
.ant-image-mask:hover {
opacity: 1;
}
.ant-image-placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ant-image-preview {
pointer-events: none;
height: 100%;
text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
transform: none;
opacity: 0;
animation-duration: 0.3s;
-webkit-user-select: none;
user-select: none;
}
.ant-image-preview-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
height: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
display: none;
}
.ant-image-preview-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
outline: 0;
}
.ant-image-preview-body {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.ant-image-preview-img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
transform: scale3d(1, 1, 1);
cursor: grab;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-webkit-user-select: none;
user-select: none;
pointer-events: auto;
}
.ant-image-preview-img-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
display: inline-block;
width: 1px;
height: 50%;
margin-right: -1px;
content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
transition-duration: 0s;
}
.ant-image-preview-wrap {
z-index: 1080;
}
.ant-image-preview-operations-wrapper {
position: fixed;
top: 0;
right: 0;
z-index: 1081;
width: 100%;
}
.ant-image-preview-operations {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
font-feature-settings: 'tnum';
display: flex;
flex-direction: row-reverse;
align-items: center;
color: rgba(255, 255, 255, 0.85);
list-style: none;
background: rgba(0, 0, 0, 0.1);
pointer-events: auto;
}
.ant-image-preview-operations-operation {
margin-left: 12px;
padding: 12px;
cursor: pointer;
transition: all 0.3s;
}
.ant-image-preview-operations-operation:hover {
background: rgba(0, 0, 0, 0.2);
}
.ant-image-preview-operations-operation-disabled {
color: rgba(255, 255, 255, 0.25);
pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
margin-left: 0;
}
.ant-image-preview-operations-progress {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.ant-image-preview-operations-icon {
font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
position: fixed;
top: 50%;
right: 8px;
z-index: 1081;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
color: rgba(255, 255, 255, 0.85);
background: rgba(0, 0, 0, 0.1);
border-radius: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 0.3s;
pointer-events: auto;
}
.ant-image-preview-switch-left:hover,
.ant-image-preview-switch-right:hover {
background: rgba(0, 0, 0, 0.2);
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled,
.ant-image-preview-switch-left-disabled:hover,
.ant-image-preview-switch-right-disabled:hover {
color: rgba(255, 255, 255, 0.25);
background: rgba(0, 0, 0, 0.1);
cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon,
.ant-image-preview-switch-left-disabled:hover > .anticon,
.ant-image-preview-switch-right-disabled:hover > .anticon {
cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
font-size: 18px;
}
.ant-image-preview-switch-left {
left: 8px;
}
.ant-image-preview-switch-right {
right: 8px;
}
.ant-image-preview-focus-trap {
width: 0;
height: 0;
overflow: hidden;
outline: none;
}
.cdk-overlay-backdrop.ant-image-preview-mask {
opacity: 1;
}
.cdk-global-overlay-wrapper[dir='rtl'] .ant-image-preview-switch-left {
right: 10px;
left: unset;
rotate: 180deg;
}
.cdk-global-overlay-wrapper[dir='rtl'] .ant-image-preview-switch-right {
right: unset;
left: 10px;
rotate: 180deg;
}
.ant-cron-expression {
display: flex;
flex-wrap: nowrap;
}
.ant-cron-expression-content {
width: 100%;
}
.ant-cron-expression-content .ant-cron-expression-input-group-error-focus {
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
.ant-cron-expression nz-cron-expression-input {
width: 20%;
}
.ant-cron-expression-input-group {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.ant-cron-expression-input-group input {
width: 100%;
padding: 0;
border: none !important;
border-radius: 0;
outline: none;
box-shadow: none !important;
}
.ant-cron-expression-input-group-focus {
border-color: #4cb8ac;
outline: 0;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
}
.ant-cron-expression nz-cron-expression-label {
width: 20%;
}
.ant-cron-expression-label-group {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ant-cron-expression-label-group-default {
padding: 0 12px;
}
.ant-cron-expression-label-foucs {
color: #4cb8ac;
}
.ant-cron-expression-map {
margin-left: 12px;
}
.ant-cron-expression-preview {
display: flex;
padding: 12px;
}
.ant-cron-expression-preview-dateTime {
display: flex;
flex: 1 1 auto;
align-items: center;
}
.ant-cron-expression-preview-dateTime-center {
justify-content: center;
}
.ant-cron-expression-preview-content {
display: flex;
flex: 0 0 220px;
align-items: center;
padding-left: 16px;
}
.ant-cron-expression-preview-list,
.ant-cron-expression-preview-icon {
margin: 0;
padding: 0;
list-style: none;
}
.ant-cron-expression-preview-list li,
.ant-cron-expression-preview-icon li {
margin: 0;
padding: 0;
list-style: none;
}
.ant-cron-expression-preview-list {
height: 132px;
overflow-y: scroll;
}
.ant-cron-expression-preview-icon {
display: flex;
flex: 0 0 16px;
justify-content: center;
}
.ant-cron-expression-error {
color: #ff4d4f;
}
.ant-qrcode {
position: relative;
display: inline-block;
padding: 12px;
}
.ant-qrcode > canvas {
display: block;
}
.ant-qrcode-border {
border: 1px solid #f0f0f0;
border-radius: 2px;
}
.ant-qrcode-mask {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.96);
}
.ant-qrcode-expired {
color: rgba(0, 0, 0, 0.85);
}
.ant-water-mark {
position: relative;
display: block;
}
.ant-color-picker {
position: absolute;
z-index: 1;
display: block;
width: max-content;
min-width: 250px;
visibility: visible;
}
.ant-color-picker-hidden {
display: none;
}
.ant-color-picker-panel {
display: flex;
flex-direction: column;
width: 250px;
border-radius: 2px;
}
.ant-color-picker-panel-disabled {
cursor: not-allowed;
}
.ant-color-picker-gradient {
position: absolute;
inset: 0;
}
.ant-color-picker-palette {
position: relative;
}
.ant-color-picker-select {
margin-bottom: 12px;
}
.ant-color-picker-select .ant-color-picker-palette {
min-height: 160px;
overflow: hidden;
border-radius: 2px;
}
.ant-color-picker-select .ant-color-picker-palette > .ant-color-picker-gradient {
border-top-left-radius: 5px;
}
.ant-color-picker-saturation {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
border-radius: inherit;
}
.ant-color-picker-transform {
position: absolute;
z-index: 1;
}
.ant-color-picker-handler {
box-sizing: border-box;
width: 16px;
height: 16px;
border: 1px solid #fff;
border-radius: 50%;
}
.ant-color-picker-handler-sm {
width: 12px;
height: 12px;
}
.ant-color-picker-slider {
width: 100%;
border-radius: 2px;
}
.ant-color-picker-slider .ant-color-picker-palette {
height: 8px;
}
.ant-color-picker-slider .ant-color-picker-gradient {
border-radius: 2px;
}
.ant-color-picker-slider-hue {
margin-bottom: 12px;
}
.ant-color-picker-slider-alpha {
background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0);
background-size: 8px 8px;
}
.ant-color-picker-trigger {
display: flex;
align-items: center;
justify-content: center;
min-width: 32px;
height: 32px;
padding: 3px;
border: 1px solid #f0f0f0;
border-radius: 2px;
cursor: pointer;
transition: all 0.2s;
}
.ant-color-picker-trigger:hover {
border-color: #4cb8ac;
}
.ant-color-picker-trigger-text {
margin: 0 4px 0 8px;
font-size: 14px;
}
.ant-color-picker-sm {
min-width: 24px;
height: 24px;
}
.ant-color-picker-lg {
min-width: 40px;
height: 40px;
}
.ant-color-picker-lg .ant-color-picker-trigger-text {
font-size: 16px;
}
.ant-color-picker-color-block {
position: relative;
width: 28px;
height: 28px;
overflow: hidden;
background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0);
background-size: 50% 50%;
border-radius: 2px;
}
.ant-color-picker-color-block-inner {
box-sizing: border-box;
width: 100%;
height: 100%;
border: 1px solid #f0f0f0;
}
.ant-color-picker-slider-container {
display: flex;
gap: 12px;
margin-bottom: 12px;
}
.ant-color-picker-slider-container .ant-color-picker-slider-group {
flex: 1;
}
.ant-color-picker-slider-container .ant-color-picker-slider-group-disabled-alpha {
display: flex;
align-items: center;
}
.ant-color-picker-slider-container .ant-color-picker-slider-group-disabled-alpha .ant-color-picker-slider {
margin-bottom: 0;
}
.ant-color-picker-title {
display: flex;
}
.ant-color-picker-title-content {
flex: 1;
margin-bottom: 8px;
}
.ant-color-picker-title .ant-color-picker-clear {
flex: 0 0 18px;
margin-left: 8px;
}
.ant-color-picker-clear {
position: relative;
width: 18px;
height: 18px;
margin-bottom: 8px;
overflow: hidden;
border: 1px solid #f0f0f0;
border-radius: 2px;
cursor: pointer;
}
.ant-color-picker-clear::after {
position: absolute;
top: 0;
display: block;
width: 40px;
height: 2px;
background-color: #f5222d;
transform: rotate(-45deg);
transform-origin: right;
content: '';
inset-inline-end: 1px;
}
.ant-color-picker-input-container {
display: flex;
}
.ant-color-picker-input-container .ant-select {
font-size: 12px;
}
.ant-color-picker-input-container .ant-input {
font-size: 12px;
}
.ant-color-picker-input-container .ant-input-number {
width: auto;
font-size: 12px;
}
.ant-color-picker-input-container .ant-input-number-sm input {
padding: 0 0 0 4px;
}
.ant-color-picker-input-container .ant-select-selector {
padding: 0;
}
.ant-color-picker-input-container .ant-color-picker-format-select {
width: auto;
}
.ant-color-picker-input-container .ant-color-picker-input {
flex: 1;
}
.ant-color-picker-input-container .ant-color-picker-input .ant-color-picker-hex-input {
margin-right: 4px;
padding: 0;
}
.ant-color-picker-input-container .ant-color-picker-input .ant-color-picker-hsb-input {
display: flex;
gap: 4px;
align-items: center;
}
.ant-color-picker-input-container .ant-color-picker-input .ant-color-picker-rgb-input {
display: flex;
gap: 4px;
align-items: center;
}
.ant-color-picker-input-container .ant-color-picker-steppers {
flex: 1;
}
.ant-color-picker-input-container .ant-color-picker-alpha-input {
flex: 0 0 44px;
margin-left: 4px;
}
.ant-color-picker-disabled {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
cursor: not-allowed;
}
.ant-color-picker-disabled .ant-color-picker-trigger {
cursor: not-allowed;
}
.ant-color-picker-disabled .ant-color-picker-trigger:hover {
border-color: #f0f0f0;
}
.ant-color-picker-inline {
display: inline-block;
}
.ant-color-picker-inline .ant-color-picker-color-block {
width: 24px;
height: 24px;
margin: 0;
}
.ant-color-picker-inline-lg .ant-color-picker-color-block {
width: 32px;
height: 32px;
}
.ant-color-picker-inline-sm .ant-color-picker-color-block {
width: 16px;
height: 16px;
}
.ant-hash-code {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
list-style: none;
cursor: pointer;
}
.ant-hash-code-header-copy {
margin-left: 8px;
cursor: pointer;
opacity: 0.45;
}
.ant-hash-code-header {
display: flex;
justify-content: left;
width: 100%;
height: 22px;
padding-bottom: 8px;
}
.ant-hash-code-header .ant-hash-code-header-title {
font-size: 14px;
line-height: 1.5715;
text-align: center;
opacity: 0.45;
}
.ant-hash-code-header .ant-hash-code-header-logo {
display: flex;
flex: 1;
justify-content: right;
}
.ant-hash-code-double {
width: 172px;
}
.ant-hash-code-double.ant-hash-code-primary {
width: 220px;
}
.ant-hash-code-single {
display: flex;
flex-direction: row-reverse;
width: 236px;
}
.ant-hash-code-single.ant-hash-code-primary {
width: 284px;
}
.ant-hash-code-single .ant-hash-code-header-copy {
margin-top: 8px;
}
.ant-hash-code-strip {
width: 350px;
}
.ant-hash-code-strip.ant-hash-code-primary {
width: 398px;
}
.ant-hash-code-rect {
display: flex;
flex-direction: row-reverse;
width: 196px;
}
.ant-hash-code-rect.ant-hash-code-primary {
width: 244px;
}
.ant-hash-code-primary {
padding: 24px;
background-color: #4cb8ac;
border-radius: 24px;
}
.ant-hash-code-primary .ant-hash-code-header-copy {
opacity: 1;
}
.ant-hash-code-primary .ant-hash-code-header-title,
.ant-hash-code-primary .ant-hash-code-header-copy,
.ant-hash-code-primary .ant-hash-code-header-logo {
color: rgba(255, 255, 255, 0.85);
}
.ant-hash-code-contant {
width: 100%;
height: 100%;
}
.ant-hash-code-code-value {
display: flex;
flex-wrap: wrap;
gap: 0 10px;
justify-content: space-between;
height: 35px;
overflow: hidden;
}
.ant-hash-code-code-value-block {
height: 16px;
font-size: 14px;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.ant-hash-code-value-primary .ant-hash-code-code-value-block {
color: #fff;
}
.ant-hash-code-texaure-double {
width: 175px;
height: 36px;
}
.ant-hash-code-texaure {
position: absolute;
margin-top: -35px;
overflow: hidden;
}
.ant-hash-code-texaure-single {
width: 210px;
height: 28px;
margin-top: -21px;
}
.ant-hash-code-texaure-strip {
width: 350px;
height: 36px;
}
.ant-hash-code-texaure-rect {
width: 175px;
height: 72px;
margin-top: -71px;
}
.ant-float-btn {
position: fixed;
bottom: 48px;
z-index: 99;
display: block;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
cursor: pointer;
inset-inline-end: 24px;
}
.ant-float-btn-hidden {
display: none;
}
.ant-float-btn-pure {
position: relative;
inset: auto;
}
.ant-float-btn:empty {
display: none;
}
.ant-float-btn .ant-badge {
width: 100%;
height: 100%;
}
.ant-float-btn .ant-badge .ant-badge-count {
top: -6px;
transform: translate(0, 0);
transform-origin: center;
inset-inline-end: -6px;
}
.ant-float-btn-body {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
transition: all 0.2s;
}
.ant-float-btn-body .ant-float-btn-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 4px / 2 4px;
overflow: hidden;
text-align: center;
}
.ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon {
width: 18px;
margin: auto;
font-size: 18px;
line-height: 1;
text-align: center;
}
.ant-float-btn-inner {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
border: none;
}
.ant-float-btn-rtl {
direction: rtl;
}
.ant-float-btn-circle {
height: 40px;
border-radius: 50%;
}
.ant-float-btn-circle .ant-badge .ant-badge-dot {
top: 5.6px;
inset-inline-end: 5.6px;
}
.ant-float-btn-circle .ant-float-btn-inner,
.ant-float-btn-circle .ant-float-btn-body {
border-radius: 50%;
}
.ant-float-btn-square {
height: auto;
min-height: 40px;
border-radius: 2px;
}
.ant-float-btn-square .ant-badge .ant-badge-dot {
top: 1px;
inset-inline-end: 1px;
}
.ant-float-btn-square .ant-float-btn-body {
height: auto;
border-radius: 2px;
}
.ant-float-btn-default {
background-color: #fff;
transition: background-color 0.2s;
}
.ant-float-btn-default .ant-float-btn-body {
background-color: #fff;
transition: background-color 0.2s;
}
.ant-float-btn-default .ant-float-btn-body:hover {
color: rgba(0, 0, 0, 0.85);
background-color: #f5f5f5;
}
.ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon {
color: rgba(0, 0, 0, 0.85);
}
.ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-description {
display: flex;
align-items: center;
color: rgba(0, 0, 0, 0.85);
font-size: 12px;
line-height: 1.5715;
}
.ant-float-btn-default:focus {
color: rgba(0, 0, 0, 0.85);
}
.ant-float-btn-top {
padding: 0 !important;
}
.ant-float-btn-group {
position: fixed;
bottom: 48px;
z-index: 99;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 40px;
height: auto;
min-height: 40px;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 1.5715;
list-style: none;
border: none;
border-radius: 2px;
box-shadow: none;
inset-inline-end: 24px;
}
.ant-float-btn-group-wrap {
position: absolute;
z-index: -1;
display: flex;
align-items: center;
justify-content: center;
}
.ant-float-btn-group.ant-float-btn-group-rtl {
direction: rtl;
}
.ant-float-btn-group .ant-float-btn {
position: static;
}
.ant-float-btn-group-top > .ant-float-btn-group-wrap {
top: auto;
bottom: calc(40px + 16px);
flex-direction: column;
}
.ant-float-btn-group-top > .ant-float-btn-group-wrap::after {
position: absolute;
bottom: -16px;
width: 100%;
height: 16px;
content: '';
}
.ant-float-btn-group-bottom > .ant-float-btn-group-wrap {
top: calc(40px + 16px);
bottom: auto;
flex-direction: column;
}
.ant-float-btn-group-bottom > .ant-float-btn-group-wrap::after {
position: absolute;
top: -16px;
width: 100%;
height: 16px;
content: '';
}
.ant-float-btn-group-left > .ant-float-btn-group-wrap {
right: calc(40px + 16px);
left: auto;
flex-direction: row;
}
.ant-float-btn-group-left > .ant-float-btn-group-wrap::after {
position: absolute;
right: -16px;
width: 16px;
height: 100%;
content: '';
}
.ant-float-btn-group-right > .ant-float-btn-group-wrap {
right: auto;
left: calc(40px + 16px);
flex-direction: row;
}
.ant-float-btn-group-right > .ant-float-btn-group-wrap::after {
position: absolute;
left: -16px;
width: 16px;
height: 100%;
content: '';
}
.ant-float-btn-group-circle {
gap: 16px;
}
.ant-float-btn-group-circle .ant-float-btn-group-wrap {
gap: 16px;
}
.ant-float-btn-group-circle .ant-float-btn-body {
width: 40px;
height: 40px;
}
.ant-float-btn-group-square .ant-float-btn-square {
padding: 0;
border-radius: 0;
}
.ant-float-btn-group-square .ant-float-btn-square.ant-float-btn-group-trigger {
border-radius: 2px;
}
.ant-float-btn-group-square .ant-float-btn-square:first-child {
border-start-start-radius: 2px;
border-start-end-radius: 2px;
}
.ant-float-btn-group-square .ant-float-btn-square:last-child {
border-end-start-radius: 2px;
border-end-end-radius: 2px;
}
.ant-float-btn-group-square .ant-float-btn-square:not(:last-child) {
border-bottom: 1px solid #d9d9d9;
}
.ant-float-btn-group-square .ant-float-btn-square .ant-badge .ant-badge-count {
top: -10px;
inset-inline-end: -10px;
}
.ant-float-btn-group-square .ant-float-btn-group-wrap {
border-radius: 2px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square {
padding: 4px;
border-radius: 0;
box-shadow: none;
}
.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
width: 32px;
height: 32px;
}
.ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
.ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
border-start-start-radius: 2px;
border-start-end-radius: 2px;
}
.ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
.ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
border-end-start-radius: 2px;
border-end-end-radius: 2px;
}
.ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
.ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
border-bottom: 1px solid #d9d9d9;
}
.ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
.ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
border-start-start-radius: 2px;
border-end-start-radius: 2px;
}
.ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
.ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
border-start-end-radius: 2px;
border-end-end-radius: 2px;
}
.ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
.ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
border-inline-end: 1px solid #d9d9d9;
border-bottom: none;
}
.ant-float-btn-group-circle-shadow {
box-shadow: none;
}
.ant-float-btn-group-square-shadow {
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-float-btn-group-square-shadow .ant-float-btn-square {
padding: 4px;
box-shadow: none;
}
.ant-float-btn-group-square-shadow .ant-float-btn-square .ant-float-btn-body {
width: 32px;
height: 32px;
}
.ant-check-list {
position: fixed;
right: 32px;
bottom: 32px;
z-index: 999;
font-size: 14px;
cursor: pointer;
}
.ant-check-list .ant-check-list-button {
position: relative;
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
min-width: 110px;
height: 40px;
border-radius: 20px;
}
.ant-check-list .ant-check-list-icon {
font-size: 24px;
line-height: 24px;
}
.ant-check-list .ant-check-list-description {
font-size: 14px;
}
.ant-check-list .ant-check-list-trigger-dot {
position: absolute;
top: -12px;
right: -12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
color: #4cb8ac;
background-color: #fff;
border: 1px solid #4cb8ac;
border-radius: 50%;
}
.ant-check-list .ant-check-list-trigger-dot-text {
font-weight: 500;
font-size: 16px;
font-style: italic;
line-height: 16px;
}
.ant-check-list-content {
display: block;
width: 303px;
}
.ant-check-list-content .ant-check-list-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 12px 16px;
}
.ant-check-list-content .ant-check-list-header .ant-check-list-header-title {
font-weight: 500;
font-size: 20px;
}
.ant-check-list-content .ant-check-list-header .ant-check-list-header-extra {
cursor: pointer;
}
.ant-check-list-content .ant-check-list-header-finish {
width: 304px;
padding-top: 12px;
text-align: center;
}
.ant-check-list-content .ant-check-list-header-finish .ant-check-list-header-finish-icon {
width: 64px;
height: 64px;
color: #4cb8ac;
font-size: 64px;
}
.ant-check-list-content .ant-check-list-header-finish .ant-check-list-header-finish-title {
margin-top: 8px;
margin-bottom: 8px;
font-weight: 500;
font-size: 16px;
}
.ant-check-list-content .ant-check-list-progressBar {
display: flex;
justify-content: space-between;
margin: 12px 16px;
margin-top: 0;
}
.ant-check-list-content .ant-check-list-progressBar .ant-check-list-progressBar-progress {
flex: auto;
}
.ant-check-list-content .ant-check-list-steps-content {
max-height: 250px;
overflow-y: scroll;
}
.ant-check-list-content .ant-check-list-steps {
display: flex;
align-items: center;
justify-content: space-between;
height: 52px;
padding-right: 12px;
padding-left: 12px;
border-radius: 6px;
cursor: pointer;
}
.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item {
display: flex;
gap: 12px;
align-items: center;
justify-content: center;
width: calc(100% - 22px);
font-weight: 400;
}
.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-circle {
display: flex;
flex: 0 0 28px;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
font-weight: 600;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 50%;
-webkit-user-select: none;
user-select: none;
}
.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-circle .ant-check-list-steps-number {
color: #4cb8ac;
font-size: 16px;
}
.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-circle .ant-check-list-steps-checkoutlined {
color: #fff;
font-size: 14px;
}
.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-description {
flex: 1;
overflow: hidden;
line-height: 2;
white-space: nowrap;
text-overflow: ellipsis;
}
.ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item-arrows {
flex: 0 0 22px;
width: 38px;
height: 38px;
color: #4cb8ac;
font-size: 22px;
}
.ant-check-list-content .ant-check-list-checked .ant-check-list-steps-item .ant-check-list-steps-item-circle {
background-color: #4cb8ac;
border: none;
}
.ant-check-list-content .ant-check-list-checked .ant-check-list-steps-item .ant-check-list-steps-item-description {
font-weight: 500;
text-decoration: line-through;
text-decoration-thickness: 2px;
text-decoration-color: rgba(0, 0, 0, 0.85);
opacity: 0.85;
}
.ant-check-list-content .ant-check-list-highlight {
background-color: #e9f7f3;
}
.ant-check-list-content .ant-check-list-highlight .ant-check-list-steps-item .ant-check-list-steps-item-circle {
border: 1px solid #4cb8ac;
}
.ant-check-list-content .ant-check-list-highlight .ant-check-list-steps-item .ant-check-list-steps-item-circle .ant-check-list-steps-number {
color: #4cb8ac;
}
.ant-check-list-content .ant-check-list-highlight .ant-check-list-steps-item .ant-check-list-steps-item-description {
font-weight: 600;
}
.ant-check-list-content .ant-check-list-footer {
padding: 12px 12px 0;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
text-decoration: underline;
cursor: pointer;
}
.ant-check-list-content .ant-check-list-close-check {
display: flex;
flex-direction: column;
padding: 12px;
}
.ant-check-list-content .ant-check-list-close-check .ant-check-list-close-check-title {
margin-bottom: 24px;
font-weight: 500;
font-size: 16px;
}
.ant-check-list-content .ant-check-list-close-check .ant-check-list-close-check-action {
display: flex;
flex-direction: row;
gap: 8px;
margin-bottom: 16px;
}
.ant-check-list-content .ant-check-list-close-check .ant-check-list-close-check-other {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
cursor: pointer;
}
/**** theme buttons******/
/**** theme header******/
/**** theme sidebar******/
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* ng-zorro-antd styles: loaded via angular.json (ng-zorro-antd.min.css) for Angular 15+ package exports */
/* You can add global styles to this file, and also import other style files */
/*** Color Variables *****/
/* You can add global styles to this file, and also import other style files */
/* ng-zorro-antd styles: loaded via angular.json (ng-zorro-antd.min.css) for Angular 15+ package exports */
.ngx-slider {
display: inline-block;
position: relative;
height: 4px;
width: 100%;
margin: 35px 0 15px 0;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
touch-action: pan-y;
}
.ngx-slider.with-legend {
margin-bottom: 40px;
}
.ngx-slider[disabled] {
cursor: not-allowed;
}
.ngx-slider[disabled] .ngx-slider-pointer {
cursor: not-allowed;
background-color: #d8e0f3;
}
.ngx-slider[disabled] .ngx-slider-draggable {
cursor: not-allowed;
}
.ngx-slider[disabled] .ngx-slider-selection {
background: #8b91a2;
}
.ngx-slider[disabled] .ngx-slider-tick {
cursor: not-allowed;
}
.ngx-slider[disabled] .ngx-slider-tick.ngx-slider-selected {
background: #8b91a2;
}
.ngx-slider .ngx-slider-span {
white-space: nowrap;
position: absolute;
display: inline-block;
}
.ngx-slider .ngx-slider-base {
width: 100%;
height: 100%;
padding: 0;
}
.ngx-slider .ngx-slider-bar-wrapper {
left: 0;
box-sizing: border-box;
margin-top: -16px;
padding-top: 16px;
width: 100%;
height: 32px;
z-index: 1;
}
.ngx-slider .ngx-slider-draggable {
cursor: move;
}
.ngx-slider .ngx-slider-bar {
left: 0;
width: 100%;
height: 4px;
z-index: 1;
background: #d8e0f3;
border-radius: 2px;
}
.ngx-slider .ngx-slider-bar-wrapper.ngx-slider-transparent .ngx-slider-bar {
background: transparent;
}
.ngx-slider .ngx-slider-bar-wrapper.ngx-slider-left-out-selection .ngx-slider-bar {
background: #df002d;
}
.ngx-slider .ngx-slider-bar-wrapper.ngx-slider-right-out-selection .ngx-slider-bar {
background: #03a688;
}
.ngx-slider .ngx-slider-selection {
z-index: 2;
background: #0db9f0;
border-radius: 2px;
}
.ngx-slider .ngx-slider-pointer {
cursor: pointer;
width: 32px;
height: 32px;
top: -14px;
background-color: #0db9f0;
z-index: 3;
border-radius: 16px;
}
.ngx-slider .ngx-slider-pointer:after {
content: "";
width: 8px;
height: 8px;
position: absolute;
top: 12px;
left: 12px;
border-radius: 4px;
background: #fff;
}
.ngx-slider .ngx-slider-pointer:hover:after {
background-color: #fff;
}
.ngx-slider .ngx-slider-pointer.ngx-slider-active {
z-index: 4;
}
.ngx-slider .ngx-slider-pointer.ngx-slider-active:after {
background-color: #451aff;
}
.ngx-slider .ngx-slider-bubble {
cursor: default;
bottom: 16px;
padding: 1px 3px;
color: #55637d;
font-size: 16px;
}
.ngx-slider .ngx-slider-bubble.ngx-slider-limit {
color: #55637d;
}
.ngx-slider .ngx-slider-ticks {
box-sizing: border-box;
width: 100%;
height: 0;
position: absolute;
left: 0;
top: -3px;
margin: 0;
z-index: 1;
list-style: none;
}
.ngx-slider .ngx-slider-ticks-values-under .ngx-slider-tick-value {
top: auto;
bottom: -36px;
}
.ngx-slider .ngx-slider-tick {
text-align: center;
cursor: pointer;
width: 10px;
height: 10px;
background: #d8e0f3;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
margin-left: 11px;
}
.ngx-slider .ngx-slider-tick.ngx-slider-selected {
background: #0db9f0;
}
.ngx-slider .ngx-slider-tick-value {
position: absolute;
top: -34px;
transform: translate(-50%, 0);
}
.ngx-slider .ngx-slider-tick-legend {
position: absolute;
top: 24px;
transform: translate(-50%, 0);
max-width: 50px;
white-space: normal;
}
.ngx-slider.vertical {
position: relative;
width: 4px;
height: 100%;
margin: 0 20px;
padding: 0;
vertical-align: baseline;
touch-action: pan-x;
}
.ngx-slider.vertical .ngx-slider-base {
width: 100%;
height: 100%;
padding: 0;
}
.ngx-slider.vertical .ngx-slider-bar-wrapper {
top: auto;
left: 0;
margin: 0 0 0 -16px;
padding: 0 0 0 16px;
height: 100%;
width: 32px;
}
.ngx-slider.vertical .ngx-slider-bar {
bottom: 0;
left: auto;
width: 4px;
height: 100%;
}
.ngx-slider.vertical .ngx-slider-pointer {
left: -14px !important;
top: auto;
bottom: 0;
}
.ngx-slider.vertical .ngx-slider-bubble {
left: 16px !important;
bottom: 0;
}
.ngx-slider.vertical .ngx-slider-ticks {
height: 100%;
width: 0;
left: -3px;
top: 0;
z-index: 1;
}
.ngx-slider.vertical .ngx-slider-tick {
vertical-align: middle;
margin-left: auto;
margin-top: 11px;
}
.ngx-slider.vertical .ngx-slider-tick-value {
left: 24px;
top: auto;
transform: translate(0, -28%);
}
.ngx-slider.vertical .ngx-slider-tick-legend {
top: auto;
right: 24px;
transform: translate(0, -28%);
max-width: none;
white-space: nowrap;
}
.ngx-slider.vertical .ngx-slider-ticks-values-under .ngx-slider-tick-value {
bottom: auto;
left: auto;
right: 24px;
}
.ngx-slider * {
transition: none;
}
.ngx-slider.animate .ngx-slider-bar-wrapper {
transition: all linear 0.3s;
}
.ngx-slider.animate .ngx-slider-selection {
transition: background-color linear 0.3s;
}
.ngx-slider.animate .ngx-slider-pointer {
transition: all linear 0.3s;
}
.ngx-slider.animate .ngx-slider-pointer:after {
transition: all linear 0.3s;
}
.ngx-slider.animate .ngx-slider-bubble {
transition: all linear 0.3s;
}
.ngx-slider.animate .ngx-slider-bubble.ngx-slider-limit {
transition: opacity linear 0.3s;
}
.ngx-slider.animate .ngx-slider-bubble.ngx-slider-combined {
transition: opacity linear 0.3s;
}
.ngx-slider.animate .ngx-slider-tick {
transition: background-color linear 0.3s;
}
.ngx-slider-inner-tooltip {
height: 100%;
}
/* FullCalendar: see src/assets/css/fullcalendar-bundle.css (angular.json) — node_modules .css breaks custom-webpack global pipeline */
.main {
padding: 20px;
}
html {
scroll-behavior: smooth;
}
.no-scroll {
overflow: hidden !important;
}
.no-border {
border: none !important;
}
.no-scroll-x {
overflow-x: hidden !important;
}
.no-scroll-y {
overflow-y: hidden !important;
}
body.custom-scroll {
overflow: auto !important;
}
.ant-radio {
margin: 0;
font-size: 14px;
font-feature-settings: "tnum";
top: 0;
line-height: 1;
vertical-align: sub;
outline: none;
}
.radio-block-control .ant-radio-wrapper .ant-radio {
top: 3px;
}
.text-muted {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
-webkit-user-select: none;
user-select: none;
}
.hubspot button:focus {
outline: none;
}
.list-icon-1,
.list-icon-2 {
height: 40px;
width: 40px;
border-radius: 50%;
text-align: center;
padding: 9px;
position: fixed;
right: 68px;
z-index: 1;
}
.list-icon-1 :hover,
.list-icon-2 :hover {
cursor: pointer;
}
.list-icon-1 {
background-color: #4a90e2;
bottom: 169px;
}
.list-icon-1 i {
color: #ffffff;
font-size: 20px;
}
.list-icon-1 img {
width: 20px;
height: 21px;
object-fit: contain;
}
.list-icon-2 {
background-color: #4cb8ac;
bottom: 98px;
}
body {
font-family: "Roboto", sans-serif;
color: #13171f;
font-size: 16px;
background: #fcfbfb;
overflow-x: auto;
}
.cdk-global-scrollblock {
overflow-y: auto !important;
}
html.htmltop,
html.htmltop.cdk-global-scrollblock {
top: 0 !important;
}
.fb-clr {
color: #475993 !important;
}
.twt-clr {
color: #03a9f4 !important;
}
.in-clr {
color: #0077b7 !important;
}
.home-section {
padding: 120px 0px;
}
.content-tp {
padding-top: 61px;
}
.p-20 {
padding: 20px;
}
.p-6 {
padding: 6px;
}
.p-a-0 {
padding: 0px !important;
}
.p-t-0 {
padding-top: 0px !important;
}
.p-r-0 {
padding-right: 0px !important;
}
.p-b-0 {
padding-bottom: 0px !important;
}
.p-l-0 {
padding-left: 0px !important;
}
.p-a-5 {
padding: 5px !important;
}
.p-t-5 {
padding-top: 5px !important;
}
.p-t-6 {
padding-top: 6px !important;
}
.p-r-5 {
padding-right: 5px !important;
}
.p-b-5 {
padding-bottom: 5px !important;
}
.p-l-5 {
padding-left: 5px !important;
}
.p-a-10 {
padding: 10px !important;
}
.p-t-10 {
padding-top: 10px !important;
}
.p-t-13 {
padding-top: 13px !important;
}
.p-r-10 {
padding-right: 10px !important;
}
.p-b-10 {
padding-bottom: 10px !important;
}
.p-l-10 {
padding-left: 10px !important;
}
.p-a-20 {
padding: 20px !important;
}
.p-t-20 {
padding-top: 20px !important;
}
.p-r-20 {
padding-right: 20px !important;
}
.p-b-20 {
padding-bottom: 20px !important;
}
.p-l-15 {
padding-left: 15px !important;
}
.p-l-20 {
padding-left: 20px !important;
}
.p-30 {
padding: 30px;
}
.p-l-60 {
padding-left: 60px;
}
.f-w-500 {
font-weight: 500;
}
.m-a-0 {
margin: 0px !important;
}
.m-l-0 {
margin-left: 0px !important;
}
.m-r-0 {
margin-right: 0px !important;
}
.m-r-8 {
margin-right: 8px !important;
}
.m-l-5 {
margin-left: 5px !important;
}
.m-l-8 {
margin-left: 8px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.m-l-20 {
margin-left: 20px !important;
}
.m-l-25 {
margin-left: 25px !important;
}
.m-a-40 {
margin: 40px !important;
}
.m-l-40 {
margin-left: 40px !important;
}
.m-r-40 {
margin-right: 40px !important;
}
.m-t-40 {
margin-top: 40px !important;
}
.m-b-40 {
margin-bottom: 40px !important;
}
.m-a-30 {
margin: 30px !important;
}
.m-l-30 {
margin-left: 30px !important;
}
.m-r-30 {
margin-right: 30px !important;
}
.m-t-3 {
margin-top: 3px !important;
}
.m-t-30 {
margin-top: 30px !important;
}
.m-b-30 {
margin-bottom: 30px !important;
}
.m-l-3p {
margin-left: 3% !important;
}
.marginLeft {
margin-left: 30px !important;
}
.p-r-60 {
padding-right: 60px;
}
.p-t-60 {
padding-top: 60px;
}
.d-none {
display: none;
}
.p-r-30 {
padding-right: 30px;
}
.p-l-30 {
padding-left: 30px;
}
.p-l-30 {
padding-left: 32px;
}
.d-block {
display: block !important;
}
.min-w-100 {
min-width: 100px !important;
}
.w-200 {
width: 200px;
}
.min-w-600 {
min-width: 600px;
}
.min-w-200 {
min-width: 200px !important;
}
.b-rad-0 {
border-radius: 0 !important;
}
.min-w-300 {
min-width: 300px !important;
}
.max-w-50 {
max-width: 50px !important;
}
.max-w-100 {
max-width: 100px !important;
}
.max-w-150 {
max-width: 150px !important;
}
.max-w-200 {
max-width: 200px !important;
}
.max-w-300 {
max-width: 300px !important;
}
.max-w-400 {
max-width: 400px !important;
}
.max-w-500 {
max-width: 500px !important;
}
.max-w-600 {
max-width: 600px !important;
}
.max-w-650 {
max-width: 650px !important;
}
.max-w-700 {
max-width: 700px !important;
}
.mb-100 {
margin-bottom: 100px;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-24 {
margin-bottom: 24px !important;
}
.mb-28 {
margin-bottom: 28px !important;
}
.mb-16 {
margin-bottom: 16px !important;
}
.mb-18 {
margin-bottom: 16px !important;
}
.lowercase {
text-transform: lowercase !important;
}
.normal-text {
text-transform: none !important;
}
.remove-scroller {
overflow: hidden;
}
.ant-form-item-label.select-label {
line-height: 16px;
font-size: 14px;
width: 100%;
text-align: left;
color: #566074;
}
.ant-form-item-label.select-label label {
height: 16px;
font-size: 14px;
display: block;
}
:focus {
outline-color: #4cb8ac;
}
:focus:visible {
outline-color: #4cb8ac;
}
.ant-input {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #ccd8db;
border-radius: 0px;
padding-left: 0px;
height: 36px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 18px;
}
.ant-input:hover {
outline: none;
box-shadow: none;
}
.ant-input:focus {
outline: none;
box-shadow: none;
}
.ant-input:active {
outline: none;
box-shadow: none;
}
.ant-input::-webkit-input-placeholder {
color: #b7b9c1;
}
.ant-input:-moz-placeholder {
color: #b7b9c1;
}
.ant-input::-moz-placeholder {
color: #b7b9c1;
}
.ant-input:-ms-input-placeholder {
color: #b7b9c1;
}
.ant-drawer-close {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: block;
padding: 20px;
margin: 0;
}
.login-form .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
margin-top: -5px;
line-height: 36px;
height: 36px;
}
.login-form .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
margin-top: -5px;
font-size: 16px;
font-weight: 400;
}
.login-form .ant-select:not(.ant-select-customize-input) .ant-select-selector {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #ccd8db;
border-radius: 0px;
padding-left: 0px;
height: 36px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 18px;
}
.login-form .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
box-shadow: none;
}
.fc-scroller.fc-time-grid-container {
height: auto !important;
overflow: hidden !important;
}
.ant-popover-inner {
display: flex;
padding-bottom: 15px;
padding-top: 4px;
}
a {
color: #4cb8ac;
}
a:hover {
color: #4cb8ac;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
font-family: "Roboto", sans-serif;
font-style: normal;
font-weight: 500;
margin: 0;
}
.bottom-heading h4 {
font-size: 1.1rem;
color: #fff;
}
ul.ant-rate {
color: #4cb8ac;
}
.share-dp share-button.sb-button {
display: block;
width: 100%;
font-family: Archivo Narrow, sans-serif;
margin: 0px;
padding-bottom: 7px;
}
.share-dp .sb-button {
margin: 0px;
}
.share-dp share-button.sb-button {
display: block;
width: 100%;
margin: 0px;
padding-bottom: 7px;
}
.share-dp share-button.sb-button .sb-icon {
color: #fff;
width: 14px !important;
height: 33px !important;
border-radius: 100px;
}
.share-dp share-button.sb-button:nth-child(1) .sb-icon {
background: #425f9b;
}
.share-dp share-button.sb-button:nth-child(2) .sb-icon {
background: #1da1f2;
}
.share-dp share-button.sb-button:nth-child(3) .sb-icon {
background: #0073b0;
}
.share-dp share-button.sb-button:nth-child(4) .sb-icon {
background: orange;
}
.share-dp share-button.sb-button:nth-child(4) {
padding-bottom: 0px;
}
/******mat-mdc-form*******/
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
background: transparent none !important;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper,
.mat-mdc-form-field .mat-form-field-wrapper,
.mat-form-field .mat-mdc-text-field-wrapper,
.mat-form-field .mat-form-field-wrapper {
padding: 0px;
background: transparent none;
}
.mat-mdc-form-field .mdc-evolution-chip-set__chips .mat-standard-chip,
.mat-mdc-form-field .mat-chip-list-wrapper .mat-standard-chip,
.mat-form-field .mdc-evolution-chip-set__chips .mat-standard-chip,
.mat-form-field .mat-chip-list-wrapper .mat-standard-chip {
padding: 4px 4px 4px 12px;
background: 0 0;
border: 1px solid #dbdbdb;
font-size: 14px;
font-weight: 500;
line-height: 16px;
color: #13171f;
min-height: 24px;
}
.mat-mdc-form-field .mdc-evolution-chip-set__chips .mat-standard-chip:hover,
.mat-mdc-form-field .mat-chip-list-wrapper .mat-standard-chip:hover,
.mat-form-field .mdc-evolution-chip-set__chips .mat-standard-chip:hover,
.mat-form-field .mat-chip-list-wrapper .mat-standard-chip:hover {
background-color: #e0e0e0;
}
.mat-mdc-form-field .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon {
padding: 4px 4px 4px 12px;
border: 1px solid #dbdbdb;
font-size: 14px;
font-weight: 500;
line-height: 16px;
color: #13171f;
min-height: 24px;
}
.mat-mdc-form-field .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon:hover:after,
.mat-mdc-form-field .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon:hover:after,
.mat-form-field .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon:hover:after,
.mat-form-field .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon:hover:after {
background: transparent;
}
.mat-mdc-form-field .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon .mat-chip-remove.mat-icon,
.mat-mdc-form-field .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon .mat-chip-remove.mat-icon,
.mat-form-field .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon .mat-chip-remove.mat-icon,
.mat-form-field .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon .mat-chip-remove.mat-icon {
width: 16px;
height: 16px;
background-color: #13171f;
opacity: 1;
color: #fff;
border-radius: 20px;
font-size: 6px;
padding: 0px 5px;
}
.mat-mdc-form-field .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon .area-title,
.mat-mdc-form-field .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon .area-title,
.mat-form-field .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon .area-title,
.mat-form-field .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon .area-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mat-mdc-form-field .mdc-evolution-chip-set__chips .mat-chip-with-trailing-icon + .ant-input,
.mat-mdc-form-field .mat-chip-list-wrapper .mat-chip-with-trailing-icon + .ant-input,
.mat-form-field .mdc-evolution-chip-set__chips .mat-chip-with-trailing-icon + .ant-input,
.mat-form-field .mat-chip-list-wrapper .mat-chip-with-trailing-icon + .ant-input {
display: none;
}
.mat-mdc-form-field .mat-mdc-form-field-flex,
.mat-mdc-form-field .mat-form-field-flex,
.mat-form-field .mat-mdc-form-field-flex,
.mat-form-field .mat-form-field-flex {
padding: 0px;
}
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-infix,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-infix,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-infix,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-infix,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-infix,
.mat-form-field .mat-form-field-flex .mat-form-field-infix {
padding-left: 24px;
margin: 0px;
padding: 0;
border: none;
width: 300px;
min-height: auto;
}
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper {
padding-left: 24px;
padding-right: 16px;
}
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mat-mdc-chip-set,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-infix .mat-mdc-chip-set,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mat-mdc-chip-set,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set,
.mat-form-field .mat-form-field-flex .mat-form-field-infix .mat-mdc-chip-set {
padding: 0px;
display: block;
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/icons/search.png);
background-repeat: no-repeat;
background-size: 16px;
background-position: left 8px;
top: 0;
}
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set .ant-input,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set .ant-input.mat-mdc-chip-input,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mat-mdc-chip-set .ant-input,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mat-mdc-chip-set .ant-input.mat-mdc-chip-input,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set .ant-input,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set .ant-input.mat-mdc-chip-input,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-infix .mat-mdc-chip-set .ant-input,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-infix .mat-mdc-chip-set .ant-input.mat-mdc-chip-input,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set .ant-input,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set .ant-input.mat-mdc-chip-input,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mat-mdc-chip-set .ant-input,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-infix .mat-mdc-chip-set .ant-input.mat-mdc-chip-input,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set .ant-input,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set .ant-input.mat-mdc-chip-input,
.mat-form-field .mat-form-field-flex .mat-form-field-infix .mat-mdc-chip-set .ant-input,
.mat-form-field .mat-form-field-flex .mat-form-field-infix .mat-mdc-chip-set .ant-input.mat-mdc-chip-input {
height: 24px;
margin: 4px;
}
.mat-mdc-form-field .mat-mdc-form-field-focus-overlay,
.mat-mdc-form-field .mdc-line-ripple,
.mat-form-field .mat-mdc-form-field-focus-overlay,
.mat-form-field .mdc-line-ripple {
display: none;
}
.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field .mat-mdc-form-field-underline,
.mat-mdc-form-field .mat-form-field-subscript-wrapper,
.mat-mdc-form-field .mat-form-field-underline,
.mat-form-field .mat-mdc-form-field-subscript-wrapper,
.mat-form-field .mat-mdc-form-field-underline,
.mat-form-field .mat-form-field-subscript-wrapper,
.mat-form-field .mat-form-field-underline {
display: none;
}
.mat-mdc-form-field .mat-mdc-form-field-label-wrapper,
.mat-mdc-form-field .mat-form-field-label-wrapper,
.mat-form-field .mat-mdc-form-field-label-wrapper,
.mat-form-field .mat-form-field-label-wrapper {
padding: 0 12px 0 24px;
display: block;
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/search.png");
background-repeat: no-repeat;
background-size: 16px;
background-position: left 5px;
top: 0;
}
.mat-mdc-form-field .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
.mat-mdc-form-field .mat-mdc-form-field-label-wrapper .mat-form-field-label,
.mat-mdc-form-field .mat-form-field-label-wrapper .mat-mdc-form-field-label,
.mat-mdc-form-field .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
.mat-form-field .mat-mdc-form-field-label-wrapper .mat-form-field-label,
.mat-form-field .mat-form-field-label-wrapper .mat-mdc-form-field-label,
.mat-form-field .mat-form-field-label-wrapper .mat-form-field-label {
padding-left: 24px;
}
/***********profile-card**********/
.profile-card.ant-card {
box-shadow: none;
background: none;
}
.profile-card.ant-card .ant-card-body {
padding: 0px;
}
.profile-card.ant-card .ant-card-body .vtab .ant-tabs-tabpane {
padding: 30px;
}
.profile-card.ant-card .ant-tabs-left > .ant-tabs-content-holder,
.profile-card.ant-card .ant-tabs-left > div > .ant-tabs-content-holder {
border: none;
}
.profile-card.ant-card .ant-tabs .ant-tabs-tabpane h3 {
line-height: 30px;
}
.profile-card.ant-card .ant-tabs .ant-tabs-tabpane h4 {
line-height: 24px;
}
.profile-card.ant-card .ant-tabs .ant-tabs-content-holder {
border: none;
padding-left: 15px;
margin-left: 260px;
}
.profile-card.ant-card .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane {
padding: 0px;
background: #fff;
margin-bottom: 1px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav {
width: 263px;
border-radius: 4px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none;
background: #fff;
margin: 0px;
height: calc(100vh - 130px);
padding: 20px 0px;
position: fixed;
top: 100px;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab {
text-align: left;
color: #13171f;
margin: 0;
padding: 13px 0 13px 25px;
font-size: 16px;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab:before {
position: absolute;
top: -1px;
left: 0;
width: 100%;
border-top: 2px solid transparent;
border-radius: 4px 4px 0 0;
transition: all 0.3s;
content: "";
pointer-events: none;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab:hover {
background: #ebfffd;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab-btn {
line-height: 24px;
color: #13171f;
font-weight: 400;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab-btn .offerCount {
font-size: 12px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #8190b0;
float: right;
margin-right: 25px;
position: absolute;
right: 0;
line-height: 24px;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav-list .ant-tabs-ink-bar {
background: #4cb8ac;
right: auto;
left: 1px;
min-height: 49px;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
padding: 0;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab-active {
background: #ebfffd;
margin-right: 0px;
}
.profile-card.ant-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn {
font-weight: 500;
}
/***********profile-card**********/
/***********card-offer-layout **********/
.card-offer-layout {
padding: 40px 30px 28px;
}
.card-offer-layout .profile-card .ant-card-body {
padding: 0px;
}
.card-offer-layout .profile-card .ant-tabs-left > .ant-tabs-content-holder,
.card-offer-layout .profile-card .ant-tabs-left > div > .ant-tabs-content-holder {
border: none;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-tabpane h3 {
line-height: 30px;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-tabpane h4 {
line-height: 24px;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-content-holder {
border: none;
padding-left: 15px;
margin-left: 260px;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane {
padding: 0px;
background: #fff;
margin-bottom: 1px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-nav {
width: 260px;
border-radius: 4px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none;
background: #fff;
margin: 0px;
height: calc(100vh - 130px);
padding: 20px 0px;
position: fixed;
top: 100px;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab {
text-align: left;
color: #13171f;
margin: 0;
padding: 13px 0 13px 25px;
font-size: 16px;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab::before {
position: absolute;
top: -1px;
left: 0;
width: 100%;
border-top: 2px solid transparent;
border-radius: 4px 4px 0 0;
transition: all 0.3s;
content: "";
pointer-events: none;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab:hover {
background: #ebfffd;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab-btn {
line-height: 24px;
color: #13171f;
font-weight: 400;
padding: 0;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab-btn .offerCount {
font-size: 12px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #8190b0;
float: right;
margin-right: 25px;
position: absolute;
right: 0;
line-height: 24px;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-nav-list .ant-tabs-ink-bar {
background: #4cb8ac;
right: auto;
left: 1px;
min-height: 49px;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab-active {
background: #ebfffd;
margin-right: 0px;
}
.card-offer-layout .profile-card .ant-tabs .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn {
font-weight: 500;
}
.offerTable .ant-table {
margin: 0 0 24px 0;
height: calc(100vh - 309px);
overflow-y: auto;
}
.offerTable .ant-table-pagination {
width: 100%;
justify-content: center;
}
.offerTable .ant-table-pagination .ant-pagination-item {
margin-right: 16px;
border-radius: 50px;
}
.offerTable .ant-table-pagination .ant-pagination-item {
border-color: #ffffff;
color: #2B2D34;
}
.offerTable .ant-table-pagination .ant-pagination-item:hover {
border-color: #4cb8ac;
background-color: transparent;
color: #ffffff;
}
.offerTable .ant-table-pagination .ant-pagination-item a {
border-radius: 50px;
}
.offerTable .ant-table-pagination .ant-pagination-item:hover a {
background-color: transparent;
border-color: #4cb8ac;
color: #4cb8ac;
}
.offerTable .ant-table-pagination .ant-pagination-prev button,
.offerTable .ant-table-pagination .ant-pagination-next button {
border-radius: 50px;
border-color: #ffffff;
}
.offerTable .ant-table-pagination .ant-pagination-prev button,
.offerTable .ant-table-pagination .ant-pagination-next button,
.offerTable .ant-table-pagination .ant-pagination-item {
border-color: #ffffff;
color: #2B2D34;
font-size: 14px;
font-weight: 500;
}
.offerTable .ant-table-pagination .ant-pagination-prev.ant-pagination-disabled button,
.offerTable .ant-table-pagination .ant-pagination-next.ant-pagination-disabled button {
color: #566074;
}
.offerTable .ant-table-pagination .ant-pagination-prev.ant-pagination-disabled button:hover,
.offerTable .ant-table-pagination .ant-pagination-next.ant-pagination-disabled button:hover {
background-color: transparent;
border-color: #566074;
color: #566074;
}
.offerTable .ant-table-pagination .ant-pagination-item-active,
.offerTable .ant-table-pagination .ant-pagination-item-active a,
.offerTable .ant-table-pagination .ant-pagination-prev button:hover,
.offerTable .ant-table-pagination .ant-pagination-next button:hover {
border-color: #4cb8ac;
background-color: #4cb8ac;
color: #ffffff;
border-radius: 50px;
}
.offerTable .ant-table-pagination {
margin: 0;
}
.offerTable .ant-table-pagination .ant-pagination-total-text {
position: absolute;
right: 0;
font-size: 12px;
line-height: 32px;
margin: 0;
color: #566074;
font-weight: 400;
letter-spacing: 0.5px;
}
.offerTable .ant-table-pagination .ant-pagination-options {
position: absolute;
left: 0;
margin: 0;
}
.offerTable .ant-table-pagination .ant-pagination-options .ant-select:not(.ant-select-customize-input) .ant-select-selector {
border: none;
padding-left: 0;
}
.offerTable .ant-table-pagination .ant-pagination-options .ant-select-arrow svg {
color: #566074;
}
.offerTable .ant-table-pagination .ant-pagination-options .ant-select-selection-item {
font-size: 12px;
margin: 0;
color: #566074;
font-weight: 400;
letter-spacing: 0.5px;
}
/***********card-offer-layout **********/
/***********photo-edit-modal **********/
.payment_start .ant-modal .ant-modal-content .ant-modal-body .payment_start_content .upload_photo .download_all_btn .btn-primary-line {
margin-bottom: 5px;
}
/***********photo-edit-modal **********/
.collapse-form {
border-top: 1px solid #efefef;
}
.collapse-form .ant-form-item {
margin: 0px;
border-bottom: 1px solid #efefef;
padding: 30px 50px 20px 50px;
display: block;
flex-direction: column;
flex-flow: unset;
}
.collapse-form .ant-form-item .ant-row {
flex-flow: unset;
height: unset;
line-height: initial;
}
.collapse-form .ant-form-item .ant-form-item-label {
display: block;
line-height: 19px;
color: #13171f;
text-align: left;
font-size: 16px;
}
.collapse-form .ant-form-item .ant-btn-link {
height: 19px;
color: #4cb8ac;
font-weight: 500;
font-size: 16px;
line-height: 19px;
padding: 0 15px;
}
.collapse-form .ant-form-item .img-icon {
height: 18px;
margin-right: 12px;
display: inline-block;
vertical-align: middle;
}
.collapse-form .ant-form-item .user_id {
height: 22px;
line-height: 22px;
}
.collapse-form .ant-form-item .ant-form-item-control-input {
min-height: auto;
}
.collapse-form .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content {
font-size: 16px;
font-weight: 300;
}
.collapse-form .ant-form-item .ant-form-item-label > label {
font-weight: 400;
position: relative;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
}
.collapse-form .collapsablePlaceholder .ant-form-item {
padding-bottom: 30px;
}
.collapse-form .footer .ant-btn {
margin-left: 16px;
height: 36px;
padding: 8px 36px;
letter-spacing: 2px;
line-height: 20px;
background: #4cb8ac;
border-color: #4cb8ac;
font-size: 16px;
transition: none;
}
.collapse-form .footer .ant-btn.ant-btn-background-ghost.ant-btn-primary {
border: none;
color: #4cb8ac;
background: rgba(76, 184, 172, 0.1) !important;
}
.collapse-form .footer .ant-btn.ant-btn-background-ghost.ant-btn-primary:hover {
background: rgb(76, 184, 172) !important;
color: #fff;
}
/****** angular select********/
.table-operations .ant-select-multiple .ant-select-selection-item-content {
display: inline-block;
margin-right: 4px;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis;
}
.table-operations .ant-select-multiple .ant-select-selection-item-remove {
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
color: rgba(0, 0, 0, 0.45);
font-weight: 700;
font-size: 10px;
line-height: inherit;
cursor: pointer;
}
.table-operations .ant-select-multiple .ant-select-selection-item-remove > * {
line-height: 1;
}
/****** angular 11 popup ********/
.nav-dropdown {
min-width: 193px;
padding: 0;
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
background: #ff0000;
}
.nav-dropdown .ant-dropdown-menu-item {
padding: 0;
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
background: transparent;
}
.nav-dropdown .ant-menu-title-content {
width: 100%;
}
.topnav-dropdown {
position: relative;
margin: 0px;
}
.cdk-overlay-container {
z-index: 1000;
}
/* CDK expects a fixed fullscreen wrapper; position:relative breaks nz-modal / CDK overlays */
.cdk-global-overlay-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1001;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.falaya-fam-stories .testimonial-slider .nav-btn.prev-slide {
left: 58%;
top: 95%;
}
.falaya-fam-stories .testimonial-slider .nav-btn.next-slide {
right: 30%;
top: 95%;
}
.falaya-success .testimonial-slider .nav-btn.prev-slide {
left: 42%;
top: 454px;
background-color: #fff;
}
.falaya-success .testimonial-slider .nav-btn.prev-slide:hover {
background-color: #4cb8ac;
}
.falaya-success .testimonial-slider .nav-btn.next-slide {
right: 48.5%;
top: 454px;
background-color: #fff;
}
.falaya-success .testimonial-slider .nav-btn.next-slide:hover {
background-color: #4cb8ac;
}
.falaya-success .testimonial-slider .slick-dots {
position: absolute;
left: auto;
bottom: 147px;
right: auto;
margin: 0 auto;
width: 410px;
}
.falaya-success .testimonial-slider .slick-dots li.slick-active button:before {
opacity: 0.75;
color: #4cb8ac;
}
.testimonial-section .slick-dots li {
top: 25px;
margin: 0 0 0 3px;
}
.testimonial-section .slick-dots li:first-child {
margin: 0;
}
.document-modal .ant-modal {
width: 1024px;
}
.document-modal .ant-modal-content {
position: relative;
}
.document-modal .ant-modal-close {
position: absolute;
top: -34px;
right: -50px;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
border: solid 1px #f1f0f0;
background-color: white;
border-radius: 50%;
cursor: pointer;
z-index: 1111;
}
.document-modal .ant-modal-close:focus {
outline: none;
}
.document-modal .ant-modal-close .anticon {
color: #13192d;
font-size: 14px;
}
.add-modal .ant-modal-body {
padding: 40px 60px !important;
}
.add-modal .contact-form .form-group .ant-input {
font-size: 16px;
line-height: 18px;
}
.add-modal .contact-form .form-group .ant-select {
font-size: 16px;
line-height: 18px;
}
.add-modal .contact-form .form-group .ant-select:not(.ant-select-customize-input) .ant-select-selector {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #ccd8db;
border-radius: 0px;
padding-left: 0px;
height: 36px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
}
.add-modal .contact-form .form-group .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
box-shadow: none;
}
.add-modal .contact-form .form-group .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
box-shadow: none;
border-color: #70c4b8 !important;
}
.x-modal .ant-modal-content {
border-radius: 6px;
box-shadow: none;
}
.x-modal .ant-modal-content .ant-modal-close {
position: absolute;
top: -44px;
right: -44px;
width: 34px;
height: 34px;
margin: 0;
padding: 0;
box-shadow: none;
border: none;
background-color: white;
border-radius: 50%;
cursor: pointer;
z-index: 100;
}
.x-modal .ant-modal-content .ant-modal-close:focus {
outline: none;
}
.x-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 34px;
height: 34px;
font-size: 18px;
font-style: normal;
line-height: 32px;
text-align: center;
text-transform: none;
text-rendering: auto;
}
.x-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
vertical-align: middle;
background: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/x-close.png");
height: 16px;
width: 16px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
margin: 9px auto;
}
.x-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.x-modal .ant-modal-content .ant-modal-body {
padding: 0px;
}
.cdk-global-overlay-wrapper:has(.x-modal .full_view_popup) {
z-index: 1002 !important;
}
.alert-modal .ant-modal-content {
border-radius: 6px;
box-shadow: none;
}
.alert-modal .ant-modal-content .ant-modal-close {
position: absolute;
top: 20px;
right: 20px;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
box-shadow: none;
border: none;
background-color: white;
border-radius: 50%;
cursor: pointer;
z-index: 100;
}
.alert-modal .ant-modal-content .ant-modal-close:focus {
outline: none;
}
.alert-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 24px;
height: 24px;
font-size: 18px;
font-style: normal;
line-height: 24px;
text-align: center;
text-transform: none;
text-rendering: auto;
}
.alert-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
background: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 24px;
width: 24px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
margin: 0px auto;
}
.alert-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.alert-modal .ant-modal-content .ant-modal-body {
padding: 0px;
}
.video-modal-cancel {
max-width: 1150px;
margin: 0 auto;
overflow: visible;
display: flex;
align-items: center;
justify-content: center;
}
.video-modal-cancel .ant-modal {
margin-top: -120px;
}
.video-modal-cancel .video-container {
padding: 0px;
}
.video-modal-cancel .video-container iframe {
width: 100%;
min-height: 540px;
vertical-align: middle;
}
.video-modal-cancel .ant-modal-content .ant-modal-close {
position: absolute;
top: -60px;
right: -75px;
width: 48px;
height: 48px;
margin: 0;
padding: 0;
box-shadow: none;
border: none;
background-color: white;
border-radius: 50%;
cursor: pointer;
z-index: 100;
}
.video-modal-cancel .ant-modal-content .ant-modal-close:focus {
outline: none;
}
.video-modal-cancel .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 24px;
height: 24px;
font-size: 24px;
font-style: normal;
line-height: 24px;
text-align: center;
text-transform: none;
text-rendering: auto;
margin: 0 auto;
}
.video-modal-cancel .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
background: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 24px;
width: 24px;
display: block;
background-position: center center;
background-repeat: no-repeat;
}
.video-modal-cancel .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.share_popup {
width: 149px;
position: absolute;
left: -70px;
top: 0;
}
.edit_modal {
width: 100%;
height: 100%;
background-color: #fcfbfb;
display: block;
}
.edit_modal .ant-modal {
padding: 0px;
}
.edit_modal .ant-modal .ant-modal-close {
position: fixed;
top: 30px;
right: 70px;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
border: solid 1px #f1f0f0;
background-color: white;
border-radius: 50%;
cursor: pointer;
z-index: 1111;
}
.edit_modal .ant-modal .ant-modal-close:focus {
outline: none;
}
.edit_modal .ant-modal .ant-modal-close .ant-modal-close-x {
width: 36px;
height: 36px;
font-size: 18px;
font-style: normal;
line-height: 32px;
text-align: center;
text-transform: none;
text-rendering: auto;
}
.edit_modal .ant-modal .ant-modal-close .ant-modal-close-x .anticon {
vertical-align: middle;
background: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 16px;
width: 16px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 10px 10px;
margin: 9px auto;
}
.edit_modal .ant-modal .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.edit_modal .ant-modal .ant-steps-vertical {
width: 100%;
display: block;
margin-left: 3px;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item {
overflow: visible;
white-space: nowrap;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item:last-child {
padding-right: 0px;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container {
outline: 0;
position: relative;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
order: 3;
left: -9px;
margin: 0;
padding: 22px 0 4px;
position: absolute;
width: 1px;
height: 100%;
top: -3px;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail:after {
width: 2px;
margin-left: 12px;
height: 100%;
border-radius: 1px;
display: inline-block;
border-radius: 1px;
background: #e8e8e8;
content: "";
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
margin-top: 0;
margin-right: 0;
height: 14px;
width: 14px;
left: -3px;
margin-left: 0;
position: relative;
padding-right: 0;
line-height: 8px;
background: 0 0;
float: left;
border: 0;
font-size: 12px;
text-align: center;
display: inline-block;
vertical-align: top;
border-radius: 24px;
transition: background-color 0.3s, border-color 0.3s;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon {
color: rgba(0, 0, 0, 0.25);
position: relative;
top: -1px;
line-height: 1;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot {
background: 0 0;
height: 14px;
width: 14px;
border: 2px solid #d8d8d8;
position: relative;
float: left;
border-radius: 100px;
transition: all 0.3s;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot:after {
position: absolute;
top: -12px;
left: -26px;
width: 60px;
height: 32px;
background: rgba(0, 0, 0, 0.001);
content: "";
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
order: 2;
display: block;
min-height: 55px;
/*width: 115px;*/
width: 140px;
overflow: hidden;
cursor: pointer;
vertical-align: top;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
font-size: 14px;
font-weight: 500;
color: #9ea4a5;
padding: 0;
line-height: 14px;
margin-left: 10px;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
display: none;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon {
left: -1px;
top: 0px;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #fff;
height: 14px;
width: 14px;
border: 2px solid #4cb8ac;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
color: #4cb8ac;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
vertical-align: middle;
display: inline-block;
position: relative;
top: 0px;
font: normal normal normal 14px/1 "Font Awesome 5 Free";
font-display: swap;
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px;
left: -3px;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon:before {
content: "\f00c";
position: absolute;
left: 0;
color: #fff;
z-index: 1;
font-size: 9px;
width: 14px;
text-align: center;
line-height: 12px;
right: 0;
margin: 0 auto;
left: 0px;
top: 1px;
font: normal normal normal 9px/1 "Font Awesome 5 Free";
font-display: swap;
font-weight: 900;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-tail:after {
background: #4cb8ac;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #4cb8ac;
height: 14px;
width: 14px;
border: 2px solid #4cb8ac;
}
.edit_modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
color: #4cb8ac;
}
.edit_modal .ant-modal .form-group .inline-group-radio.ng-invalid .ant-radio-wrapper .ant-radio-inner {
border-color: #f5222d !important;
}
.edit_modal .ant-modal .form-group .inline-group-radio.ng-invalid .ant-radio-wrapper span {
color: #f5222d !important;
}
.edit_modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio + * {
padding: 0 8px;
}
.edit_modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio {
margin: 0;
color: rgba(0, 0, 0, 0.65);
position: relative;
display: inline-block;
line-height: 1;
white-space: nowrap;
vertical-align: middle;
outline: 0;
cursor: pointer;
}
.edit_modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio .ant-radio-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
cursor: pointer;
opacity: 0;
}
.edit_modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio .ant-radio-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
background-color: #fff;
border-radius: 100px;
transition: all 0.3s;
border: 1px solid #d9d9d9;
}
.edit_modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio .ant-radio-inner:after {
position: absolute;
top: 3px;
left: 3px;
display: table;
width: 8px;
height: 8px;
border-top: 0;
border-left: 0;
border-radius: 8px;
transform: scale(0);
opacity: 0;
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
content: " ";
background-color: #4cb8ac !important;
margin: 0;
}
.edit_modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner:after {
transform: scale(1);
opacity: 1;
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
background-color: #4cb8ac !important;
}
.edit_modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper .ant-radio.ant-radio-checked:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 50%;
visibility: hidden;
animation: 0.36s ease-in-out both antRadioEffect;
content: "";
}
.edit_modal .ant-modal .ant-modal-content {
background: none;
box-shadow: none;
border: none;
}
.edit_modal .ant-modal .ant-modal-content .ant-modal-body {
padding: 0px;
}
.form-group .select-label_noti {
height: 14px;
}
.form-group .select-label_noti label {
margin: 0px;
font-size: 12px;
line-height: 14px;
color: #566074;
display: block;
}
.signature-create .ant-modal-content {
background-color: transparent;
}
.signature-create .ant-modal-body {
padding: 24px 10px;
}
.signature-create .ant-modal-close {
position: absolute;
top: 64px;
right: 4px;
color: rgba(0, 0, 0, 0.45) !important;
}
.full-width-modal {
width: 100vw;
height: 100%;
background-color: #fcfbfb;
display: block;
}
.full-width-modal .ant-modal {
padding: 0px;
margin: 0px;
max-width: 100%;
width: 100%;
}
.full-width-modal .ant-modal .ant-modal-close {
position: fixed;
top: 30px;
right: 60px;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
border: solid 1px #f1f0f0;
background-color: white;
border-radius: 50%;
cursor: pointer;
z-index: 1111;
}
.full-width-modal .ant-modal .ant-modal-close:focus {
outline: none;
}
.full-width-modal .ant-modal .ant-modal-close .ant-modal-close-x {
width: 36px;
height: 36px;
font-size: 18px;
font-style: normal;
line-height: 32px;
text-align: center;
text-transform: none;
text-rendering: auto;
}
.full-width-modal .ant-modal .ant-modal-close .ant-modal-close-x .anticon {
vertical-align: middle;
background: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 16px;
width: 16px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 10px 10px;
margin: 9px auto;
}
.full-width-modal .ant-modal .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.full-width-modal .ant-modal .ant-steps-vertical {
width: 100%;
display: block;
margin-left: 3px;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item {
overflow: visible;
white-space: nowrap;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item:last-child {
padding-right: 0px;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container {
outline: 0;
position: relative;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
order: 3;
left: -9px;
margin: 0;
padding: 22px 0 4px;
position: absolute;
width: 1px;
height: 100%;
top: -3px;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail:after {
width: 2px;
margin-left: 12px;
height: 100%;
border-radius: 1px;
display: inline-block;
border-radius: 1px;
background: #e8e8e8;
content: "";
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
margin-top: 0;
margin-right: 0;
height: 14px;
width: 14px;
left: -3px;
margin-left: 0;
position: relative;
padding-right: 0;
line-height: 8px;
background: 0 0;
float: left;
border: 0;
font-size: 12px;
text-align: center;
display: inline-block;
vertical-align: top;
border-radius: 24px;
transition: background-color 0.3s, border-color 0.3s;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon {
color: rgba(0, 0, 0, 0.25);
position: relative;
top: -1px;
line-height: 1;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot {
background: 0 0;
height: 14px;
width: 14px;
border: 2px solid #d8d8d8;
position: relative;
float: left;
border-radius: 100px;
transition: all 0.3s;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot:after {
position: absolute;
top: -12px;
left: -26px;
width: 60px;
height: 32px;
background: rgba(0, 0, 0, 0.001);
content: "";
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
order: 2;
display: block;
min-height: 55px;
/*width: 115px;*/
width: 140px;
overflow: hidden;
cursor: pointer;
vertical-align: top;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
font-size: 16px;
font-weight: 500;
color: #9ea4a5;
padding: 0;
line-height: 16px;
margin-left: 10px;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
display: none;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon {
left: -2px;
top: 1px;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #fff;
height: 14px;
width: 14px;
border: 2px solid #4cb8ac;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
color: #4cb8ac;
font-size: 16px;
font-weight: 500;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
vertical-align: middle;
display: inline-block;
position: relative;
top: 0px;
font: normal normal normal 14px/1 "Font Awesome 5 Free";
font-display: swap;
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px;
left: -3px;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon:before {
content: "\f00c";
position: absolute;
left: 0;
color: #fff;
z-index: 1;
font-size: 9px;
width: 14px;
text-align: center;
line-height: 12px;
right: 0;
margin: 0 auto;
left: 0px;
top: 1px;
font: normal normal normal 9px/1 "Font Awesome 5 Free";
font-display: swap;
font-weight: 900;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-tail:after {
background: #4cb8ac;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #4cb8ac;
height: 14px;
width: 14px;
border: 2px solid #4cb8ac;
}
.full-width-modal .ant-modal .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
color: #4cb8ac;
}
.full-width-modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio + * {
padding: 0 8px;
}
.full-width-modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio {
margin: 0;
color: rgba(0, 0, 0, 0.65);
position: relative;
display: inline-block;
line-height: 1;
white-space: nowrap;
vertical-align: middle;
outline: 0;
cursor: pointer;
}
.full-width-modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio .ant-radio-input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
cursor: pointer;
opacity: 0;
}
.full-width-modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio .ant-radio-inner {
position: relative;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
background-color: #fff;
border-radius: 100px;
transition: all 0.3s;
border: 1px solid #d9d9d9;
}
.full-width-modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper span.ant-radio .ant-radio-inner:after {
position: absolute;
top: 3px;
left: 3px;
display: table;
width: 8px;
height: 8px;
border-top: 0;
border-left: 0;
border-radius: 8px;
transform: scale(0);
opacity: 0;
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
content: " ";
background-color: #4cb8ac !important;
}
.full-width-modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner:after {
transform: scale(1);
opacity: 1;
transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
background-color: #4cb8ac !important;
}
.full-width-modal .ant-modal .form-group .inline-group-radio label.ant-radio-wrapper .ant-radio.ant-radio-checked:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1890ff;
border-radius: 50%;
visibility: hidden;
animation: 0.36s ease-in-out both antRadioEffect;
content: "";
}
.full-width-modal .ant-modal .ant-modal-content {
background: none;
box-shadow: none;
border: none;
}
.full-width-modal .ant-modal .ant-modal-content .ant-modal-body {
padding: 0px;
}
.document_view .ant-modal .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
min-height: 41px;
}
.property-details .ant-card-body {
padding: 30px 60px;
}
.pricing-pop {
width: 100vw;
height: 100vh;
background-color: #fcfbfb;
overflow-y: auto;
display: block;
padding: 0px;
}
.pricing-pop .ant-modal-content {
background: none;
box-shadow: none;
border-radius: 0px;
}
.pricing-pop .ant-modal-content .ant-modal-body {
padding: 0px;
}
.pricing-pop .ant-modal-close {
position: fixed;
left: auto;
top: 30px;
right: 70px;
color: #4cb8ac;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
border: solid 1.1px #f1f0f0;
width: 36px;
height: 36px;
background: #fff;
border-radius: 50%;
display: block;
text-align: center;
text-decoration: none;
padding: 0;
line-height: 34px;
outline: 0;
cursor: pointer;
transition: color 0.3s;
z-index: 10;
}
.pricing-pop .ant-modal-close .ant-modal-close-x {
width: 36px;
height: 36px;
font-size: 18px;
font-style: normal;
line-height: 32px;
text-align: center;
text-transform: none;
text-rendering: auto;
}
.pricing-pop .ant-modal-close .ant-modal-close-x .anticon {
vertical-align: middle;
background: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 16px;
width: 16px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 10px 10px;
margin: 9px auto;
}
.pricing-pop .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.pricing-pop .ant-modal {
top: 60px;
}
/****** angular 11 popup ********/
.login-modal-box .ant-modal-header {
background: #fff;
}
.login-modal-box .login-in-modal .container-login100 {
min-height: auto;
padding: 0px;
}
.login-modal-box .vfull-hight .ant-col-6 {
width: 5%;
}
.login-modal-box .vfull-hight .ant-col-12 {
width: 60%;
}
.login-modal-box .vfull-hight .sign-float-btn {
right: 40px !important;
top: 30px !important;
}
.login-modal-box .signup-modal-form .heading {
margin: 0px auto 10px !important;
}
.login-modal-box .sign-form .ant-form-item {
margin-bottom: 5px;
}
.login-modal-box .sign-form .ant-divider {
margin: 10px 0px !important;
}
.login-modal-box .sign-form .btn-area {
margin-top: 15px;
}
.login-modal-box .sign-banner {
border-radius: 6px 0px 0px 6px;
}
.login-modal-box .ant-modal {
width: 100% !important;
top: 0px !important;
padding: 0px;
}
.login-modal-box .ant-modal-content {
border-radius: 0px;
}
.login-modal-box .ant-modal-content .ant-modal-close {
top: 0px !important;
right: 0px !important;
}
.check-list {
margin: 0px;
padding: 0px;
list-style: none;
}
.check-list li {
padding-left: 25px;
position: relative;
font-size: 20px;
color: #3b414d;
font-weight: normal;
line-height: 24px;
margin-bottom: 15px;
}
.check-list li i {
left: 0px;
top: 5px;
font-size: 14px;
color: #4cb8ac;
position: absolute;
}
.mt-4 {
margin-top: 4px !important;
}
.mb-4 {
margin-bottom: 4px !important;
}
.mt-60 {
margin-top: 60px !important;
}
.mt-33 {
margin-top: 33px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.m-b-24 {
margin-bottom: 24px !important;
}
.m-t-60 {
margin-top: 60px !important;
}
.m-t-100 {
margin-top: 100px !important;
}
.m-t-0 {
margin-top: 0px !important;
}
.t-60 {
top: 60px !important;
}
.m-b-0 {
margin-bottom: 0px !important;
}
.m-t-20 {
margin-top: 20px !important;
}
.m-r-20 {
margin-right: 20px !important;
}
.m-b-20 {
margin-bottom: 20px !important;
}
.m-l-20 {
margin-left: 20px !important;
}
.m-t-24 {
margin-top: 24px !important;
}
.m-r-24 {
margin-right: 24px !important;
}
.m-b-24 {
margin-bottom: 24px !important;
}
.m-l-24 {
margin-left: 24px !important;
}
.m-t-15 {
margin-top: 15px !important;
}
.m-r-15 {
margin-right: 15px !important;
}
.m-b-15 {
margin-bottom: 15px !important;
}
.m-l-15 {
margin-left: 15px !important;
}
.m-t-5 {
margin-top: 5px !important;
}
.m-t-10 {
margin-top: 10px !important;
}
.m-r-5 {
margin-right: 5px !important;
}
.m-b-5 {
margin-bottom: 5px !important;
}
.m-r-10 {
margin-right: 10px !important;
}
.m-r-12 {
margin-right: 12px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.m-b-14 {
margin-bottom: 14px !important;
}
.m-b-16 {
margin-bottom: 16px !important;
}
.p-0 {
padding: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.p-0 .ant-card-body {
padding: 0 !important;
}
.text-right {
text-align: right;
}
.pl-20 {
padding-left: 20px !important;
}
.pr-20 {
padding-right: 20px !important;
}
.pb-12 {
padding-bottom: 12px !important;
}
.m-t-15 {
margin-top: 15px !important;
}
.m-t-14 {
margin-top: 14px !important;
}
.bg-white {
background: #fff !important;
}
.bg-light-blue {
background: #f2fffe !important;
}
.bg-transparent {
background: transparent none !important;
}
.pull-right {
float: right;
}
.w-100 {
width: 100% !important;
}
.ant-steps-item {
cursor: pointer;
}
.ant-breadcrumb a {
color: #848484;
transition: color 0.3s;
}
nz-breadcrumb-item:last-child {
color: rgb(19, 25, 45);
}
.ant-steps-item-content {
cursor: pointer;
}
.ngx-gallery-image {
border-radius: 6px;
}
.ngx-gallery-thumbnails-wrapper {
margin-top: 14px;
border-radius: 6px;
}
.ngx-gallery-thumbnails-wrapper .ngx-gallery-active {
border-radius: 4px;
z-index: 1;
}
.document-view-popup {
background-color: #fcfbfb;
}
.document-view-popup .ant-modal {
margin: 0px;
max-width: 100%;
padding: 0px;
}
.document-view-popup .ant-modal .ant-modal-close {
position: fixed;
left: auto;
top: 12px;
right: 30px;
color: #4cb8ac;
box-shadow: none;
width: 36px;
height: 36px;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
border: solid 1.1px #f1f0f0;
}
.document-view-popup .ant-modal .ant-modal-close .ant-modal-close-x {
width: 14px;
height: 14px;
font-size: 18px;
line-height: 14px;
margin: 0px auto;
}
.document-view-popup .ant-modal .ant-modal-close .ant-modal-close-x .anticon {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 14px;
width: 14px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 14px 14px;
margin: 0px auto;
}
.document-view-popup .ant-modal .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.document-view-popup .ant-modal .ant-modal-content {
background: transparent;
box-shadow: none;
border-radius: 0px;
}
.document-view-popup .ant-modal .ant-modal-content .ant-modal-body {
padding: 0px;
}
.document-view-popup .ant-modal .ant-modal-content .ant-modal-body .pdf-viewer-inner {
width: 828px;
margin: 30px auto;
border-radius: 4px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1);
border: solid 1px #f1f0f0;
background: #fff;
}
.document-view-popup .ant-modal .ant-modal-content .ant-modal-body .offers-pdf-view .pdf-viewer-inner {
width: 890px;
margin: 0px auto;
border-radius: 4px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1);
border: solid 1px #f1f0f0;
background: #fff;
}
.view-modal .ant-modal {
margin: 0px;
max-width: 100%;
padding: 0px;
}
.view-modal .ant-modal .ant-modal-close {
position: fixed;
left: auto;
top: 0px;
right: 0px;
color: #4cb8ac;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
border-left: solid 1px #ededed;
width: 56px;
height: 56px;
border-radius: 0px;
border-bottom: none;
border-top: none;
border-right: none;
}
.view-modal .ant-modal .ant-modal-close .ant-modal-close-x {
width: 16px;
height: 16px;
font-size: 18px;
line-height: 16px;
margin: 0px auto;
}
.view-modal .ant-modal .ant-modal-close .ant-modal-close-x .anticon {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 16px;
width: 16px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
margin: 0px auto;
}
.view-modal .ant-modal .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.view-modal .ant-modal .ant-modal-body {
padding: 0px;
}
.gallery-modal {
background-color: rgba(0, 0, 0, 0.9) !important;
}
.gallery-modal .ant-modal-content {
background: none;
}
.preview-modal ngx-gallery-arrows .ngx-gallery-arrow-left .ngx-gallery-icon {
left: -45px !important;
font-size: 32px !important;
}
.preview-modal ngx-gallery-arrows .ngx-gallery-arrow-right .ngx-gallery-icon {
right: -45px !important;
font-size: 32px !important;
}
textarea.ant-input {
border-radius: 0px;
font-size: 16px;
}
b,
strong {
font-weight: bolder;
font-family: "Roboto", sans-serif;
}
.city-search nz-input-group .ant-select-selection {
border-radius: 0px !important;
}
.ant-empty {
margin: 0 8px;
font-size: 14px;
line-height: 22px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: calc(100vh - 200px);
flex-direction: column;
}
.b-b {
border-bottom: 1px solid #c0cbd1;
}
.preferences .form-group .ant-select-selection__placeholder {
top: 45% !important;
}
.preferences.property-status-modal .form-group.upload-view .ant-upload {
display: none !important;
}
.ant-radio-checked .ant-radio-inner {
border-color: #4cb8ac !important;
}
.ant-radio-inner::after {
background-color: #4cb8ac !important;
}
.form-section .form-group .repeated {
display: flex;
width: 100%;
margin-top: 5px;
}
.form-section .form-group .repeated label {
flex-basis: 30px;
position: relative;
margin: 0px 12px 0px 0px !important;
}
.form-section .form-group .repeated label span.ant-checkbox-inner {
width: 30px;
height: 30px;
border-radius: 100%;
background: #f9f9f9;
border: 1px solid #c9cdcd;
}
.form-section .form-group .repeated input {
height: 30px;
}
.calendar_popup .ant-modal-content .ant-modal-body {
padding: 0px;
border-radius: 4px;
}
.calendar_popup .ant-modal-content .ant-modal-close {
right: 16px;
top: 16px;
}
.calendar_popup .ant-modal-content .ant-modal-close .ant-modal-close-x {
height: 20px;
width: 20px;
background-color: #fff;
border-radius: 50%;
line-height: 20px;
font-size: 12px;
}
.valuation-modal .ant-modal-content .ant-modal-body {
background-color: #f9f9f9;
border-radius: 6px;
}
.form-group .repeated > label span + span {
position: absolute;
left: 0px;
top: 6px;
padding: 0px;
width: 30px;
text-align: center;
}
.form-group .repeated > label span.ant-checkbox-checked + span {
color: #fff;
}
.form-group .repeated > label span.ant-checkbox-checked .ant-checkbox-inner::after {
z-index: -1;
}
.fc-toolbar.fc-header-toolbar button {
height: 40px;
text-transform: capitalize;
line-height: 21px;
}
.fc-view {
background: #fff;
}
.fc th {
font-family: "Roboto", sans-serif;
}
.fc-button-active {
background: #4cb8ac !important;
color: #fff !important;
}
.fc-button:focus {
box-shadow: none !important;
}
.date-range .ant-calendar-picker {
width: 100%;
margin-bottom: 0px;
margin-right: 0px;
}
.date-range span.ant-calendar-picker-input {
height: 40px;
border-radius: 0px;
}
.date-range span.ant-calendar-picker-input input.ant-calendar-range-picker-input {
height: 30px;
}
.date-range .ant-calendar-range-picker-separator {
line-height: 33px;
}
.lead-managemant {
display: block;
width: 100%;
}
.lead-managemant .ant-empty {
height: 100px;
}
.lead-managemant .ant-list-item {
padding: 16px;
border-color: rgba(216, 216, 216, 0.47);
position: relative;
}
.lead-managemant .ant-list-item-meta-avatar {
position: relative;
}
.lead-managemant .ant-list-item-meta-avatar:before {
content: "";
position: absolute;
display: block;
height: 10px;
width: 10px;
background: #24b324;
z-index: 900;
left: 0px;
top: 0px;
border: 2px solid #fff;
border-radius: 50%;
}
.lead-managemant nz-avatar.ant-avatar {
width: 40px;
height: 40px;
position: relative;
}
.lead-managemant h4.ant-list-item-meta-title {
margin-bottom: 0px;
color: #13171f;
font-size: 14px;
line-height: 22px;
font-weight: 500;
}
.lead-managemant h4.ant-list-item-meta-title a {
color: #13171f;
}
.lead-managemant h4.ant-list-item-meta-title a:hover {
color: #4cb8ac;
}
.lead-managemant .ant-list-item-meta-description {
color: #acb2be;
font-size: 12px;
line-height: 22px;
font-weight: 400;
}
.lead-managemant .icons {
position: absolute;
right: 30px;
top: 22px;
}
.lead-managemant .icons ul li {
background: #fff;
text-align: center;
border-radius: 50%;
border: 1px solid #efefef;
height: 30px;
width: 30px;
vertical-align: middle;
margin-left: 10px;
padding: 0px;
line-height: 28px;
color: #4cb8ac;
}
.property-status-modal .form-group .ant-calendar-picker {
display: inline-block;
cursor: text;
transition: opacity 0.3s;
width: 100%;
}
.property-status-modal .form-group .ant-calendar-picker .ant-calendar-picker-icon {
color: #4cb8ac;
}
span.badge {
border-radius: 100px;
background: #f5f5f5;
font-size: 12px;
padding: 2px 10px 3px 10px;
}
span.badge.pending {
background: #ff7a0a;
color: #fff;
}
span.badge.declined {
background: #d0031c;
color: #fff;
}
span.badge.close {
background: #1f60c3;
color: #fff;
}
span.badge.forsale {
background: #4cb8ac;
color: #fff;
}
span.badge.sale {
background: #d10034;
color: #fff;
}
span.badge.contingent {
background: #f9c21f;
color: #fff;
}
span.badge.withdrawn {
background: #000;
color: #fff;
}
span.badge.sold {
background: #ece4e5;
color: #EC6878;
}
span.badge.contingent {
background: #f9c21f;
color: #fff;
}
span.badge.offmarket {
background: #13192d;
color: #fff;
}
span.badge.rent {
background: #f1e7fe;
color: #bb8efc;
}
span.badge.sale {
background: #4cb8ac;
color: #fff;
}
span.badge.sent {
background: #f1e7fe;
color: #bb8efc;
}
.ui-timepicker-wrapper.custom-height {
height: auto;
}
.ui-timepicker-wrapper.d-none {
display: none;
}
.sub-header:before {
background: rgba(19, 25, 45, 0.568627451);
content: "";
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
.sub-header {
min-height: 232px;
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/images/leasing-your-property-banner.jpg");
background-size: 100% 150%;
background-position: 0px -114px;
background-repeat: no-repeat;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.sub-header h2 {
color: #fff;
position: relative;
font-weight: 700;
font-size: 51px;
text-transform: capitalize;
letter-spacing: 0.4px;
}
.sub-header p {
color: #fff;
position: relative;
text-transform: capitalize;
}
.nz-spin-center {
display: flex !important;
width: 100%;
justify-content: center;
align-items: center;
}
/**** Property Status Color ****/
.tag.pending span {
background: #ff7a0a !important;
}
.tag.close span {
background: #1f60c3 !important;
}
.tag.contingent span {
background: #f9c21f !important;
color: #000 !important;
}
.tag.withdrawn span {
background: #000 !important;
color: #fff !important;
}
.inline-list {
list-style: none;
margin: 0px;
padding: 0px;
}
.inline-list li {
padding: 0px 5px;
display: inline-block;
}
.inline-list li:first-child {
padding-left: 0px;
}
.tag.close span {
background: #1f60c3;
color: #fff;
}
.tag.forsale span {
background: #dff7f9;
color: #4cb8ac !important;
}
.tag.salepending span {
background: #fff2dc;
color: #f5a623 !important;
}
.tag.contingent span {
background: #f1e7ff;
color: #bb8eff !important;
}
.tag.withdrawn span {
background: #fff0e2;
color: #b78151 !important;
}
.tag.sold span {
background: #ffebee;
color: #eb6777 !important;
}
.tag.offmarket span {
background: #13192d;
color: #fff;
}
.tag.rent span {
background: #e2efff;
color: #4a90e2 !important;
}
.tag.sale span {
background: #4cb8ac;
color: #fff;
}
.grid-view .new-tags {
clip-path: polygon(101% -6%, 0 5%, 80% 330%);
}
.new-tags {
position: absolute;
right: -24px;
border: 10px;
background: #13192d;
color: #fff;
padding: 1px 8px;
font-size: 14px;
border-radius: 0px;
text-align: center;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
bottom: 15px;
height: 25px;
line-height: 22px;
box-shadow: 0px 0px 7px 1px rgba(149, 149, 150, 0.7607843137);
width: 100px;
transform: rotate(-45deg);
clip-path: polygon(102% -9%, 0 2%, 17% 330%);
}
.braintree-heading {
display: none !important;
}
.vertical-ellipsis {
transform: rotate(90deg);
font-size: 26px;
color: #afafaf;
margin-left: 7px;
}
/***** Payment Section Design ****/
.v-center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ps__rail-y {
display: none;
opacity: 0.9;
z-index: 999;
}
/****** Error Input Fields *****/
.error-msg,
.warning-icon {
display: none;
}
.error .error-msg {
position: absolute;
color: #d0031c;
font-size: 12px;
margin-left: 4px;
padding: 2px 0px;
font-style: italic;
text-align: center;
display: inline !important;
}
.error .warning-icon {
position: absolute;
right: 12px;
top: 16px;
color: #d0031c;
display: inline !important;
}
.ant-input:focus,
.ant-input:hover {
border-color: #4cb8ac;
box-shadow: none;
}
.ant-select-selection {
border-radius: 0px;
height: 40px;
}
.ant-select-selection:hover {
border-color: #4cb8ac;
border-right-width: 1px !important;
}
.ant-select-selection--single,
.ant-select-selection--multiple {
position: relative;
height: 40px;
cursor: pointer;
border-radius: 0px;
}
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li,
.ant-select-selection--multiple > ul > li {
height: 27px;
margin-top: 5.4px;
line-height: 25px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon {
color: #4cb8ac;
}
.ant-select-selection-selected-value {
font-size: 16px;
height: 40px;
line-height: 38px;
}
perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
top: 0 !important;
right: 2px !important;
left: auto !important;
width: 10px;
opacity: 1;
cursor: default;
transition: width 200ms linear, opacity 200ms linear, background-color 200ms linear;
}
/*** Modal Design **/
/*** AI Modal Design **/
.add-template.pdf-viewer .ant-modal {
min-width: 880px;
}
.add-template.pdf-viewer .ant-modal .ant-modal-body {
max-height: calc(100vh - 150px);
overflow: hidden;
}
.add-template.pdf-viewer .ant-modal .ant-modal-body .pdf-viewer-inn {
max-height: calc(100vh - 230px);
overflow: hidden;
}
.cdk-overlay-container:has(.add-note-modal) .ant-modal-mask {
background-color: rgba(0, 0, 0, 0.25);
}
.add-note-modal .ant-modal {
margin: 0 auto 0 20vw;
}
.add-note-modal .ant-modal-content .ant-modal-body {
padding: 40px 60px;
}
.add-note-modal .ant-modal-content .ant-modal-body .label {
font-size: 14px;
line-height: 16px;
font-weight: 500;
padding: 0;
background: transparent;
color: #13171f;
margin: 0px;
height: 32px;
}
.add-note-modal .ant-modal-content .ant-modal-body .label:first-child {
margin-left: 0;
}
.add-note-modal .ant-modal-content .ant-modal-body .form-control {
position: relative;
margin-bottom: 20px;
width: 100%;
}
.add-note-modal .ant-modal-content .ant-modal-body .inline-list {
text-align: right;
display: flex;
flex-direction: row;
gap: 0px;
align-items: center;
justify-content: flex-end;
}
.add-note-modal .ant-modal-content .ant-modal-body .inline-list li {
padding: 0;
}
.add-note-modal .ant-modal-content .ant-modal-body .ant-btn {
min-width: 120px;
height: 34px;
line-height: 26px;
box-shadow: none;
text-shadow: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 0 20px;
}
.add-note-modal .ant-modal-content .ant-modal-body .ant-input {
font-size: 16px;
line-height: 30px;
}
.add-note-modal .ant-modal-content .ant-modal-footer {
padding: 0;
border: none;
}
.add-note-modal .ant-modal-content .ant-modal-footer .ant-btn {
border-radius: 4px;
min-width: 100px;
font-weight: 500;
}
.add-note-modal .ant-modal-content .ant-modal-footer .ant-btn {
cursor: pointer;
font-weight: 500;
}
.add-note-modal .ant-modal-content .ant-modal-footer .ant-btn:first-child {
color: #4cb8ac;
background-color: rgba(255, 255, 255, 0);
border-color: #4cb8ac;
min-height: 40px;
font-size: 16px;
height: 40px;
font-weight: 500;
}
.add-new-template .ant-modal {
min-width: 640px;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .document-upload .document-heading {
margin-bottom: 20px;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .document-upload .document-heading .ant-btn {
padding: 0;
height: 34px;
width: 82px;
border: 1px solid #51C3BA;
border-radius: 27px;
color: #4cb8ac;
background-color: #fff;
letter-spacing: 0.5px;
line-height: 16px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .document-upload .document-heading .ant-btn:hover {
cursor: pointer;
color: #fff;
background-color: #4cb8ac;
border: 1px solid #fff;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .document-upload .doc-grid {
border: none;
background: transparent;
padding: 0;
margin: 0;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .document-upload .doc-grid .inline-list {
text-align: right;
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
width: 100%;
justify-content: flex-start;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .document-upload .doc-grid .doc-card {
width: 194px;
border-radius: 4px;
box-shadow: 0 8px 16px -8px rgba(0, 0, 0, 0.05);
border: solid 1px #e5e5e5;
background: #fff;
text-align: center;
padding: 40px 10px 32px 10px;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .ant-btn {
height: 40px;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .ant-select .ant-select-selection-search {
left: 0;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .label {
color: #566074;
font-weight: 400;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .ant-input {
color: #13171f;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .drop_zone {
margin: 8px 0 12px 0;
height: 132px;
border-color: #D8D8D8;
background-color: #FCFBFB;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .drop_zone .ngx-dropzone-label {
gap: 8px;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .drop_zone img {
margin: 0 0 8px 0;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .drop_zone p {
color: #757B86;
font-size: 12px;
line-height: 14px;
}
.add-new-template .ant-modal .ant-modal-content .ant-modal-body .drop_zone h2 {
margin: 0;
font-size: 14px;
line-height: 16px;
}
.add-new-template h2 {
font-size: 24px;
line-height: 28px;
font-weight: 400;
color: #13171f;
margin: 0 0 32px 0;
}
.add-template .ant-modal-content .ant-modal-body {
padding: 40px 60px;
}
.add-template .ant-modal-content .ant-modal-body .label {
font-size: 14px;
line-height: 16px;
font-weight: 500;
padding: 0;
background: transparent;
color: #13171f;
margin: 0px;
height: 32px;
}
.add-template .ant-modal-content .ant-modal-body .label:first-child {
margin-left: 0;
}
.add-template .ant-modal-content .ant-modal-body .form-control {
position: relative;
margin-bottom: 20px;
width: 100%;
}
.add-template .ant-modal-content .ant-modal-body .doc-grid {
width: 100%;
border: 1px dashed #4cb8ac;
background-color: #f9ffff;
min-height: 180px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.add-template .ant-modal-content .ant-modal-body .doc-grid .doc-card {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
}
.add-template .ant-modal-content .ant-modal-body .inline-list {
text-align: right;
display: flex;
flex-direction: row;
gap: 0px;
align-items: center;
justify-content: flex-end;
}
.add-template .ant-modal-content .ant-modal-body .inline-list li {
padding: 0;
}
.add-template .ant-modal-content .ant-modal-body .ant-btn {
min-width: 120px;
height: 34px;
line-height: 26px;
box-shadow: none;
text-shadow: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 0 20px;
}
.add-template .ant-modal-content .ant-modal-body .ant-input {
font-size: 16px;
line-height: 30px;
}
.add-template .ant-modal-content .ant-modal-body .filter-dropdown {
display: flex;
align-items: flex-start;
gap: 10px;
flex-direction: column;
}
.add-template .ant-modal-content .ant-modal-body .filter-dropdown .ant-form-item {
width: 100%;
}
.add-template .ant-modal-content .ant-modal-body .filter-dropdown .ant-select {
cursor: pointer;
width: 100%;
padding-top: 4px;
}
.add-template .ant-modal-content .ant-modal-body .filter-dropdown .ant-select .ant-select-selector {
border: none;
border-bottom: 1px solid #d9d9d9;
padding: 0;
border-radius: 0px;
box-shadow: none;
cursor: pointer;
}
.add-template .ant-modal-content .ant-modal-body .filter-dropdown .ant-select .ant-select-selector .ant-select-selection-search-input {
cursor: pointer;
}
.add-template .ant-modal-content .ant-modal-body .filter-dropdown .ant-select .ant-select-selector .ant-select-selection-placeholder {
font-size: 16px;
line-height: 30px;
}
.add-template .ant-modal-content .ant-modal-body .filter-dropdown .ant-select:hover .ant-select-selection-item {
color: #4cb8ac;
}
.add-template .ant-modal-content .ant-modal-body .filter-dropdown .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
box-shadow: none;
border-color: #70c4b8 !important;
}
.add-template .ant-modal-content .ant-modal-body .filter-dropdown .form-group .ant-select {
font-size: 16px;
line-height: 18px;
}
.add-template .ant-modal-content .ant-modal-body .drop_zone {
margin-top: 40px;
border-color: #717386;
background-color: #f9ffff;
}
.add-template .ant-modal-content .ant-modal-body .drop_zone:hover {
border-color: #4cb8ac;
background-color: #f9ffff;
}
.add-template .ant-modal-content .ant-modal-body .drop_zone ngx-dropzone-label {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
margin: 0;
width: 100%;
}
.add-template .ant-modal-content .ant-modal-body .drop_zone h2 {
color: #3b414d;
font-size: 20px;
line-height: 20px;
font-weight: 600;
}
.add-template .ant-modal-content .ant-modal-body .drop_zone p {
font-size: 14px;
line-height: 24px;
color: #3b414d;
font-weight: 400;
margin-bottom: 0;
}
.add-template .ant-modal-content .ant-modal-footer {
padding: 0;
border: none;
}
.add-template .ant-modal-content .ant-modal-footer .ant-btn {
border-radius: 4px;
min-width: 100px;
font-weight: 500;
}
.add-template .ant-modal-content .ant-modal-footer .ant-btn {
cursor: pointer;
font-weight: 500;
}
.add-template .ant-modal-content .ant-modal-footer .ant-btn:first-child {
color: #4cb8ac;
background-color: rgba(255, 255, 255, 0);
border-color: #4cb8ac;
min-height: 40px;
font-size: 16px;
height: 40px;
font-weight: 500;
}
/*** AI Modal Design **/
.ant-modal-body {
font-size: 14px;
line-height: 1.5;
word-wrap: break-word;
}
.ant-modal-mask {
background-color: rgba(0, 0, 0, 0.9);
}
.ant-modal-header {
padding: 16px 14px;
color: rgba(0, 0, 0, 0.65);
background: #f0f2f5;
border-bottom: 1px solid #e0dfe0;
border-radius: 4px 4px 0 0;
}
.ant-modal-title {
font-family: "Roboto", sans-serif;
font-size: 18px;
text-transform: capitalize;
color: #13192d;
}
.modal-footer {
background: #f0f2f5;
padding: 7px 14px;
margin: 0px -14px -20px -14px;
border-top: 1px solid #e0dfe0;
display: inline-block;
width: calc(100% + 28px);
height: 55px;
border-radius: 0px 0px 3px 3px;
}
/******** Custom Checkbox Style ******/
.container-check {
display: block;
position: relative;
margin-bottom: 12px;
cursor: pointer;
padding-left: 9px;
font-size: 22px;
-webkit-user-select: none;
user-select: none;
margin-bottom: 3px !important;
margin-top: 3px;
}
/* Hide the browser's default checkbox */
.container-check input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 3px;
left: -8px;
height: 21px;
width: 21px;
background-color: #f0f2f5;
margin-right: 12px;
display: inline-block;
}
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
background-color: #4cb8ac;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container-check .checkmark:after {
left: 4px;
top: 1px;
width: 6px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/***** Form Group ************/
.checkbox-list input {
height: inherit !important;
vertical-align: middle;
}
.form-group .ant-form-item {
margin-bottom: 0px;
}
.form-group > label {
font-size: 16px;
margin-bottom: 2px;
display: inline-block;
width: 100%;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #757474;
}
/***** Fieldset Design *******/
.fieldset {
border: 1px solid #e8e8e8;
padding: 0px 14px 7px 14px;
background: rgba(249, 249, 249, 0.29);
margin-bottom: 14px;
}
.fieldset:last-child {
margin-bottom: 0px;
}
.fieldset legend {
font-size: 16px;
padding: 0px 14px;
text-transform: uppercase;
max-width: inherit;
width: inherit;
font-weight: 600;
color: #4cb8ac;
font-family: "Roboto", sans-serif;
}
.fieldset.error {
border-color: #d0031c;
background: rgba(255, 0, 0, 0.03);
}
.fieldset.error > legend {
color: #d0031c;
}
.edit-property-modal .rooms .group-input .ant-form-item-has-error input {
outline: 1px solid #f5222d;
outline-offset: -1px;
}
.ant-form-item-has-error .md-inputs.ant-input {
outline: 1px solid #f5222d;
}
.ant-form-item-has-error .md-inputs.ant-input:hover {
outline: 1px solid #f5222d;
}
.edit-property-modal .rooms .group-input {
display: flex;
}
.group-input input + input {
border-left: none;
}
.with-icon .ant-select-selection--single {
padding-left: 40px;
}
.helping-text small {
font-size: 12px;
color: #a2a2a2;
line-height: 13px !important;
font-style: italic;
}
/******* Tab Design *************/
.account-switcher-tab .ant-tabs-nav .ant-tabs-tab {
position: relative;
display: inline-block;
box-sizing: border-box;
height: 100%;
margin: 0px 0px 0 0;
padding: 6px 46px 10px 46px;
text-decoration: none;
cursor: pointer;
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
background: #13192d;
color: #fff;
font-family: "Roboto", sans-serif;
font-size: 17px;
}
.account-switcher-tab .ant-tabs-nav .ant-tabs-tab-active {
background: #4cb8ac;
color: #fff !important;
font-weight: 500;
}
.account-switcher-tab .ant-tabs-nav .ant-tabs-tab-active:hover {
color: #13192d !important;
}
.account-switcher-tab .ant-tabs-ink-bar {
width: inherit !important;
}
.account-switcher-tab .ant-tabs-bar {
width: auto !important;
margin-bottom: 0px;
}
.center-tab.account-switcher-tab {
justify-content: flex-end !important;
}
.ant-checkbox-checked .ant-checkbox-inner {
background-color: #4cb8ac !important;
border-color: #4cb8ac !important;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
color: #4cb8ac;
}
.ant-steps-item-finish .ant-steps-item-icon {
background-color: #fff;
border-color: #4cb8ac;
}
.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title::after,
.ant-steps-item-finish > .ant-steps-item-tail::after {
background-color: #4cb8ac;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
border-color: #4cb8ac !important;
border-right-width: 1px !important;
}
.ant-checkbox-input:focus + .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner {
border-color: #4cb8ac !important;
}
.image-section h3 {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
text-align: center;
margin-top: 18px;
text-transform: uppercase;
color: #13192d;
}
.checkbox-notification .form-group span.ant-form-item-children {
line-height: 33px;
}
/****** Buttons Style ****/
.btn-default,
.ant-btn-default {
color: #13171f;
border: solid 1px #d9d9d9;
transition: none;
padding-top: 0;
padding-bottom: 0;
}
.btn-default:hover,
.ant-btn-default:hover {
background: #fff;
border-color: #e0dfe0;
color: #4a4848;
}
.btn-default:focus,
.ant-btn-default:focus {
background: #fff;
border-color: #e0dfe0;
color: #4a4848;
}
.btn-default:active,
.ant-btn-default:active {
background: #fff;
border-color: #e0dfe0;
color: #4a4848;
}
.ant-btn-primary {
background: #4cb8ac;
border-color: #4cb8ac;
font-size: 16px;
height: 40px;
transition: none;
}
.ant-btn-primary:hover {
background: #4cb8ac;
border-color: #4cb8ac;
}
.ant-btn-primary:focus {
background: #4cb8ac;
border-color: #4cb8ac;
}
.ant-btn-primary:active {
background: #4cb8ac;
border-color: #4cb8ac;
}
.ant-btn-background-ghost.ant-btn-primary {
border-color: #d1ebed;
background: #e4f8f9 !important;
color: #4cb8ac;
font-size: 14px;
font-weight: 500;
line-height: 20px;
height: 34px;
}
.ant-btn-background-ghost.ant-btn-primary .bedge {
width: 22px;
height: 22px;
background: #4cb8ac;
border-radius: 3px;
display: inline-block;
color: #fff;
text-align: center;
margin-left: 15px;
vertical-align: middle;
font-size: 12px;
border: 1px solid #e4f8f9;
}
.ant-btn-background-ghost.ant-btn-primary:hover {
color: #fff;
background: #4cb8ac !important;
border-color: #4cb8ac;
}
.ant-btn-background-ghost.ant-btn-primary:focus {
color: #fff;
background: #4cb8ac !important;
border-color: #4cb8ac;
}
.ant-btn-background-ghost.ant-btn-primary:active {
color: #fff;
background: #4cb8ac !important;
border-color: #4cb8ac;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] {
color: rgba(0, 0, 0, 0.25) !important;
background-color: #f5f5f5 !important;
}
.ant-btn-background-ghost.ant-btn-primary.ant-btn-lg {
font-size: 16px;
}
.btn-primary-line {
border-color: #4cb8ac;
background: #fff;
font-size: 14px;
font-weight: 500;
line-height: 20px;
height: 34px;
color: #4cb8ac;
}
.btn-primary-line:hover {
color: #fff;
background: #4cb8ac;
border-color: #4cb8ac;
}
.btn-primary-line:focus {
color: #fff;
background: #4cb8ac;
border-color: #4cb8ac;
}
.btn-primary-line:active {
color: #fff;
background: #4cb8ac;
border-color: #4cb8ac;
}
.btn-secondary {
background: #4179bd;
border-color: #4179bd;
border-radius: 0px;
font-size: 16px;
height: 40px;
}
.btn-secondary:hover {
background: #3a6daa;
border-color: #3a6daa;
}
.btn-secondary:focus {
background: #3a6daa;
border-color: #3a6daa;
}
.btn-secondary:active {
background: #3a6daa;
border-color: #3a6daa;
}
.nzempty {
height: calc(68vh - 200px) !important;
}
.margin-t-64 {
margin-top: 64px;
}
.has-success.has-feedback .ant-form-item-children-icon {
right: 10px !important;
}
.has-success.has-feedback .ant-select-selection__clear {
right: 38px !important;
}
.ant-form-item-has-error.has-feedback .ant-form-item-children-icon {
right: 10px !important;
}
/***** Table Design *******/
.ant-table-thead > tr > th {
color: #13192d;
font-weight: 600;
font-size: 16px;
text-align: left;
border-bottom: 1px solid #e8e8e8;
transition: 0.3s ease;
background: #fff;
border-radius: 0px;
padding: 10px 15px;
border-top: 1px solid #e8e8e8;
font-family: "Roboto", sans-serif;
}
.ant-table-placeholder {
border-bottom: none;
}
.ant-table-tbody > tr > td,
.ant-table-thead > tr > th {
color: #13192d;
padding: 10px 16px;
}
.user-detail span {
display: block;
}
.ant-card-extra input {
display: inline-block;
width: 170px;
height: 40px;
border-radius: 0px;
margin-right: 10px;
border: 1px solid #cccccc;
font-size: 16px;
color: #13192d;
position: relative;
top: 1px;
}
/****** Card Design Custom *****/
.ant-card-head-title {
font-size: 20px;
font-family: "Roboto", sans-serif;
font-style: normal;
font-weight: 700;
}
nz-card.ant-card {
box-shadow: 0px 0px 9px rgba(156, 155, 155, 0.49);
border-radius: 0px;
}
.ant-progress .ant-progress-status-normal .ant-progress-show-info .ant-progress-circle .profile-status .ant-progress-circle-path {
stroke: #ff7a0a;
}
/*********update-css*********/
.container {
width: 1160px;
margin-right: auto;
margin-left: auto;
}
.container-sidebar-open {
width: 1150px;
margin-right: auto;
}
/*********update-css*********/
.responsive-img {
max-width: 100%;
display: block;
}
.light-bg {
background: #f9f9f9;
}
.light-gray-bg {
background: #eff4f5;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.padding-left-50 {
padding-left: 50px !important;
}
.detail-layout {
margin-top: 60px;
margin-left: 80px;
background-color: #fcfbfb;
}
.ai-detail-layout {
margin-left: 0;
}
.ai-detail-layout .nav-top-right {
text-align: right;
}
.list-grid-view {
display: inline-flex;
margin-left: 15px;
}
.list-grid-view a {
border: 1px solid #dedede;
color: rgba(36, 36, 37, 0.7215686275);
margin-right: 10px;
width: 40px;
height: 40px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
background: #fff;
}
.list-grid-view a:hover {
color: #4cb8ac;
border-color: #4cb8ac;
}
.list-grid-view a.active {
color: #4cb8ac;
border-color: #4cb8ac;
}
/*********tooltip************/
.ant-tooltip {
z-index: 899;
}
.ant-tooltip-content .ant-tooltip-inner {
background: #4cb8ac;
text-align: justify;
font-size: 12px;
border-radius: 4px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
border-top-color: #4cb8ac;
}
.ant-tooltip-placement-top .ant-tooltip-arrow .ant-tooltip-arrow-content {
background: #4cb8ac;
}
.ant-tooltip-arrow::before {
background-color: #4cb8ac;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
border-bottom-color: #4cb8ac;
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
border-left-color: #4cb8ac;
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
border-right-color: #4cb8ac;
}
.ant-tooltip-placement-right .ant-tooltip-arrow:before {
background-color: #4cb8ac;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
border-color: #d8e5e6;
}
/*********tooltip************/
.ant-slider .ant-slider-rail {
background-color: #d8e5e6;
}
.ant-slider .ant-slider-track {
background-color: #d8e5e6;
}
.ant-slider:hover .ant-slider-track {
background-color: #d8e5e6;
}
.ant-slider .ant-slider-handle {
width: 48px;
height: 48px;
background: #4cb8ac;
border: 5px solid #fff;
top: -18px;
margin-top: 0px;
margin-left: -24px;
}
.ant-slider .ant-slider-handle:focus {
box-shadow: none;
}
.ant-slider .ant-slider-handle:before {
display: block;
font: normal normal normal 14px/1 "Font Awesome 5 Free";
font-display: swap;
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f07e";
color: #fff;
font-size: 22px;
line-height: 38px;
text-align: center;
}
/******* x tabs **********/
.ant-tabs-card.x-tabs {
display: block;
}
.ant-tabs-card.x-tabs .ant-tabs-bar {
height: 58px;
border-radius: 29px;
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #f2f2f2;
background-color: #fff;
margin: 0px auto 80px;
padding: 5px;
}
.ant-tabs-card.x-tabs .ant-tabs-bar .ant-tabs-nav-container {
height: auto;
}
.ant-tabs-card.x-tabs .ant-tabs-ink-bar {
display: none !important;
}
.ant-tabs-card.x-tabs .ant-tabs-tab-arrow-show {
display: none;
}
.ant-tabs-card.x-tabs .ant-tabs-nav-container-scrolling {
padding: 0px;
}
/************citi slider*****************/
.slick-list {
overflow: auto;
overflow-y: visible;
overflow-x: hidden;
}
.slick-list .slick-slide {
position: relative;
}
.slick-list .slick-slide .cap {
position: absolute;
bottom: 30px;
left: 30px;
}
.slick-list .slick-slide .cap h4 {
font-size: 24px;
font-weight: 500;
color: #fff;
}
.slick-list .slick-slide .cap p {
color: #fff;
font-weight: 300;
font-size: 16px;
}
.slick-list .slick-slide .cap p strong {
font-weight: 500;
}
.slick-list .slick-slide.slick-current {
z-index: 9;
}
.citi-slider .nav-btn {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 48px;
height: 48px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
color: #13192d;
background: #fff;
border-radius: 50%;
z-index: 9;
}
.citi-slider .nav-btn i {
color: #13192d;
}
.citi-slider .prev-slide {
left: -25px;
}
.citi-slider .prev-slide .left {
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/images/slider/arrow-left.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 16px 0px;
height: 16px;
display: block;
}
.citi-slider .next-slide {
right: -25px;
}
.citi-slider .next-slide .right {
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/images/slider/arrow-right.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 16px 0px;
height: 16px;
display: block;
}
/***********testimonial-slider**************/
.testimonial-slider {
margin: 0px auto;
width: 860px;
display: block;
}
.testimonial-slider .slick-list {
padding: 0px !important;
overflow: hidden;
}
.testimonial-slider .testi {
text-align: center;
}
.testimonial-slider .testi i {
color: #bccacb;
font-size: 24px;
margin-bottom: 20px;
}
.testimonial-slider .testi p {
font-size: 23px;
color: #13171f;
}
.testimonial-slider .testi .user {
margin-top: 40px;
}
.testimonial-slider .testi .user .user-avatar {
width: 78px;
height: 78px;
display: block;
margin: 0px auto 25px;
border-radius: 50%;
overflow: hidden;
}
.testimonial-slider .testi .user h3 {
font-size: 16px;
font-weight: 500;
color: #4cb8ac;
margin-bottom: 8px;
}
.testimonial-slider .testi .user p {
font-size: 16px;
font-weight: 300;
color: #13171f;
}
.testimonial-slider .nav-btn {
position: absolute;
top: 32%;
display: block;
width: 44px;
height: 44px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
border: solid 1px #e4eeef;
outline: none;
background: transparent;
border-radius: 50%;
z-index: 9;
}
.testimonial-slider .nav-btn i {
color: #4cb8ac;
}
.testimonial-slider .nav-btn:hover {
background-color: #4cb8ac;
}
.testimonial-slider .nav-btn:hover i {
filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(7432%) hue-rotate(197deg) brightness(100%) contrast(116%);
}
.testimonial-slider .fe-nav-btn {
top: 108%;
}
.testimonial-slider .nav-btn.prev-slide {
left: 0px;
}
.testimonial-slider .nav-btn.prev-slide .left {
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/icons/arrow-left-testi.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 12px 0;
height: 18px;
display: block;
}
.testimonial-slider .nav-btn.next-slide {
right: 36px;
}
.testimonial-slider .nav-btn.next-slide .right {
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/icons/arrow-right-testi.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 12px 0;
height: 18px;
display: block;
}
.artical-slider {
/*.slick-list {
padding: 0px !important;
overflow: hidden;
}*/
}
.artical-slider .nav-btn {
position: absolute;
bottom: 0%;
display: block;
width: 44px;
height: 44px;
padding: 0;
transform: none;
cursor: pointer;
border: none;
outline: none;
background: transparent;
border-radius: 50%;
z-index: 9;
border: solid 1px #e4eeef;
left: 0px;
}
.artical-slider .nav-btn i {
color: #13192d;
}
.artical-slider .nav-btn.prev-slide {
left: 0px;
}
.artical-slider .nav-btn.prev-slide .left {
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/images/arrow-left-primary.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 13px 0px;
height: 16px;
display: block;
}
.artical-slider .nav-btn.next-slide {
left: 75px;
}
.artical-slider .nav-btn.next-slide .right {
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/images/arrow-right-primary.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 13px 0px;
height: 16px;
display: block;
}
.pac-container {
box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 30px 0px 10px 0px;
border: none;
margin-top: 2px;
border: solid 1px #e5e5e5;
font-family: "Roboto", sans-serif;
z-index: 1001;
}
.pac-container .two {
font-size: 16px;
font-weight: 500;
color: #13171f;
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/icons/location.png);
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
padding-left: 24px;
margin-left: 36px;
line-height: 16px;
font-family: "Roboto", sans-serif;
margin-bottom: 10px;
}
.pac-container .pac-item {
padding: 15px 30px 15px 60px;
margin: 0px;
position: relative;
border: none;
cursor: pointer;
}
.pac-container .pac-item span {
font-size: 14px;
color: #656c78;
}
.pac-container .pac-item .pac-item-query {
display: block;
color: #4cb8ac;
font-size: 16px;
}
.pac-container .pac-item .pac-item-query span {
padding: 0px;
color: #4cb8ac;
}
.pac-container .pac-item .pac-icon {
background: none;
padding-left: 0px;
left: 30px;
display: none;
}
.pac-container .pac-item:hover {
background-color: #effffd;
}
.pac-container .pac-item:before {
border-top: 1px dashed #d0d0d0;
height: 1px;
width: 84%;
position: absolute;
top: 0px;
left: 60px;
display: block;
content: "";
}
.pac-container .pac-item:nth-child(2):before {
display: none;
}
.pac-containerNew {
box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 30px 0px 10px 0px;
border: none;
margin-top: 2px;
border: solid 1px #e5e5e5;
font-family: "Roboto", sans-serif;
background: white;
z-index: 999999;
}
.pac-containerNew .two {
font-size: 16px;
font-weight: 500;
color: #13171f;
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/icons/location.png);
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
padding-left: 24px;
margin-left: 36px;
line-height: 16px;
font-family: "Roboto", sans-serif;
margin-bottom: 10px;
}
.pac-containerNew .pac-item {
padding: 15px 30px 15px 60px;
margin: 0px;
position: relative;
border: none;
cursor: pointer;
}
.pac-containerNew .pac-item span {
font-size: 14px;
color: #656c78;
}
.pac-containerNew .pac-item .pac-item-query {
display: block;
color: #4cb8ac;
font-size: 16px;
}
.pac-containerNew .pac-item .pac-item-query span {
padding: 0px;
color: #4cb8ac;
}
.pac-containerNew .pac-item .pac-icon {
background: none;
padding-left: 0px;
left: 30px;
display: none;
}
.pac-containerNew .pac-item:hover {
background-color: #effffd;
}
.pac-containerNew .pac-item:before {
border-top: 1px dashed #d0d0d0;
height: 1px;
width: 84%;
position: absolute;
top: 0px;
left: 60px;
display: block;
content: "";
}
.pac-containerNew .pac-item:nth-child(2):before {
display: none;
}
.pac-logo:after {
display: none;
}
/***********updated css******************/
.search_bar {
border-radius: 6px;
}
.search_bar:before {
display: none;
}
.search_bar span {
border-radius: 6px;
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/search.png");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
height: 16px;
width: 16px;
display: block;
right: auto;
left: 30px;
position: absolute;
top: 50%;
z-index: 2;
align-items: center;
color: rgba(0, 0, 0, 0.65);
line-height: 0;
transform: translateY(-50%);
margin: 0px;
}
.search_bar span i {
display: none;
}
.search_bar .ant-input {
border: none;
height: auto;
padding: 18px 30px 18px 60px;
line-height: 32px;
margin-bottom: 1px;
border-radius: 6px;
}
/*************updated css****************/
.inner-page-features .two-col-content {
background: transparent !important;
padding: 120px 0px 120px 0px !important;
margin: 0px !important;
}
.inner-page-features .two-col-content .number-two-col {
display: none !important;
}
.all-listing-view {
padding: 20px;
background-color: #f9f9f9;
}
.all-listing-view .list_spacing.grid-view {
padding-left: 6px;
padding-right: 6px;
margin-bottom: 12px;
}
.all-listing-view .list_spacing.grid-view .single-featured-property {
margin-bottom: 0px !important;
}
.all-listing-view .list_spacing.grid-view .property-thumb img {
height: 170px;
}
.xdropdown-menu {
position: relative;
margin: 0;
padding: 10px 0px;
text-align: left;
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 4px;
outline: none;
border: none;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
width: 200px;
}
.radio-group-vlist [nz-radio] {
display: block;
padding: 10px 20px;
line-height: 16px;
}
.radio-group-vlist [nz-radio] .ant-radio {
margin-right: 12px;
}
.radio-group-vlist [nz-radio] span {
font-size: 16px;
font-weight: 500;
color: #273142;
line-height: 16px;
}
.radio-group-vlist [nz-radio].ant-radio-wrapper-checked span {
color: #4cb8ac;
}
.dropdown__box {
display: flex;
align-items: center;
justify-content: center;
}
.dropdown__box a {
color: #000000;
position: relative;
margin: 0 auto;
}
.dropdown__box a .anticon anticon-down {
margin-left: 20px;
}
.dropdown_checklist {
max-height: 400px;
overflow: auto;
padding: 10px 0 !important;
}
.ant-dropdown-menu {
position: relative;
margin: 0;
padding: 4px 0;
text-align: left;
list-style-type: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 2px;
outline: none;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
clear: both;
margin: 0;
padding: 5px 12px;
color: rgba(0, 0, 0, 0.85);
font-weight: 400;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
cursor: pointer;
transition: all 0.3s;
}
.ant-dropdown-menu-item label.ant-checkbox-wrapper,
.ant-dropdown-menu-submenu-title label.ant-checkbox-wrapper {
margin-right: 10px;
}
.ant-dropdown-menu-item > a .download-icon {
color: #4cb8ac;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
background-color: #f5f5f5;
}
.home-section .grid-view .single-featured-property .property-content h5 {
font-size: 18px !important;
}
.home-section .grid-view .d-flex span {
font-size: 16px !important;
}
.home-section .grid-view .d-flex .inline-list li span {
font-size: 20px !important;
}
.filter span svg {
color: #566074;
}
.filter .ant-table-wrapper span svg {
color: unset;
}
.price-filter-section .ant-select-selection {
border-color: #dee2ec;
border-radius: 4px;
}
.price-filter-section span {
display: inline-block;
vertical-align: middle;
padding: 0px 3px;
}
.ant-empty .ant-empty-description h3 {
font-size: 20px;
color: #475163;
margin-bottom: 15px;
}
.ant-empty .ant-empty-description p {
font-size: 14px;
color: #a1a7b3;
}
.ant-empty .ant-empty-image img {
width: 100%;
height: auto;
}
.ant-breadcrumb {
margin-bottom: 20px;
line-height: 16px;
}
.ant-breadcrumb .ant-breadcrumb-link {
color: #acb2be;
font-size: 14px;
line-height: 16px;
}
.ant-breadcrumb .ant-breadcrumb-link a {
color: #4cb8ac;
}
.ant-breadcrumb .ant-breadcrumb-separator {
color: #13171f;
line-height: 16px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
.dl-horizontal dt {
float: left;
width: 200px;
clear: left;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 220px;
}
.vertical-slider .ant-slider {
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
list-style: none;
font-feature-settings: "tnum";
position: relative;
height: 12px;
margin: 14px 6px 10px;
padding: 4px 0;
cursor: pointer;
touch-action: none;
}
/*************updated css****************/
.ant-radio-wrapper {
font-size: 14px;
font-weight: 500;
color: #9eabae;
}
.ant-radio-wrapper.ant-radio-wrapper-checked {
color: #4cb8ac;
}
.ginputfix span {
background: #fff;
color: #4cb8ac;
font-size: 16px;
font-weight: 500;
}
.popup-x-form .x-modal-body .x-modal-heading {
margin-bottom: 38px;
}
.x-form .x-model-content .example-chip-list .mat-chip-list-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
margin: unset !important;
}
.x-form .x-model-content .example-chip-list .mat-form-field-label-wrapper {
position: absolute;
left: 0;
box-sizing: content-box;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
top: 0;
padding-top: 0.84375em;
}
.mat-chip {
overflow: hidden;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 10px 0 0;
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em;
}
.mat-form-field.mat-focused .mat-form-field-label {
color: #3f51b5;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-empty.mat-form-field-label {
display: block;
}
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
transform: translateY(-1.34375em) scale(0.75);
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
transform: translateY(-13px) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-13px) scale(0.75);
}
.popup-x-form.auto-w-popup .ant-modal {
width: auto !important;
min-width: 300px;
max-width: 650px;
display: flex;
}
.x-modal-body .x-modal-heading {
margin-bottom: 50px;
}
.x-modal-body .x-modal-heading .heading-title {
color: #3b414d;
font-size: 20px;
line-height: 20px;
font-weight: 400;
}
.x-modal-body .x-modal-heading .heading-title a {
margin-right: 10px;
}
.x-modal-body .x-modal-heading p {
font-size: 14px;
line-height: 24px;
color: #3b414d;
font-weight: 400;
margin-bottom: 0px;
}
.x-modal-body .x-model-content {
margin-bottom: 40px;
}
.video-container {
padding: 5px;
padding-bottom: 0px;
}
.ant-btn-link {
color: #4cb8ac;
}
.ant-btn-link:hover {
color: #4cb8ac;
}
.ant-btn-link:focus {
color: #4cb8ac;
}
.ant-btn-link:active {
color: #4cb8ac;
}
.mb-0 {
margin-bottom: 0px !important;
}
.braintree-dropin .braintree-placeholder {
display: none;
}
.braintree-dropin .braintree-card {
border: none;
margin-left: -40px;
margin-right: -40px;
width: auto;
}
.braintree-dropin .braintree-card .braintree-sheet__header {
border: none;
background-color: #f9fafc;
padding: 22px 40px;
}
.braintree-dropin .braintree-card .braintree-sheet__header .braintree-sheet__header-label {
display: none;
flex-grow: unset;
align-items: unset;
width: 100%;
}
.braintree-dropin .braintree-card .braintree-sheet__header .braintree-sheet__header-label .braintree-sheet__logo--header {
display: inline-block;
vertical-align: middle;
}
.braintree-dropin .braintree-card .braintree-sheet__header .braintree-sheet__header-label .braintree-sheet__text {
display: inline-block;
color: #13171f;
font-size: 16px;
margin-left: 5px;
}
.braintree-dropin .braintree-card .braintree-sheet__header .braintree-sheet__icons {
display: block;
margin: 0px;
padding: 0px;
}
.braintree-dropin .braintree-card .braintree-sheet__content {
padding: 0px 40px 0px 35px;
margin-top: 40px;
}
.braintree-dropin .braintree-card .braintree-sheet__content .braintree-form__label {
display: none;
}
.braintree-dropin .braintree-card .braintree-sheet__content .braintree-form__field .braintree-form__hosted-field {
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #ccd8db;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
font-size: 12px;
}
.mat-form-field-underline {
background-color: #ccd8db;
}
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #3f51b5;
}
.cdk-overlay-connected-position-bounding-box {
z-index: 1001;
pointer-events: auto;
}
.form-group {
margin-bottom: 50px;
}
.form-group label {
font-size: 14px;
color: #566074;
font-weight: normal;
margin: 0px 0px 15px 0px;
line-height: 16px;
}
.form-group .inline-group-radio label.ant-radio-wrapper {
display: inline-block;
width: auto;
font-size: 18px;
line-height: 20px;
}
.form-group .inline-group-radio label.ant-radio-wrapper span {
vertical-align: middle;
}
.form-group .inline-group-radio label.ant-radio-wrapper.ant-radio-wrapper-checked {
color: #4cb8ac;
}
.form-group label.ant-radio-wrapper {
margin-bottom: 0px;
color: #bcc6c8;
}
.form-group .ant-radio-wrapper.ant-radio-wrapper-checked {
color: #4cb8ac;
}
.form-group .ant-input.md-inputs {
border-color: #ccd8db;
border-left: none;
border-right: none;
border-top: none;
padding: 6px 0px 6px 0px;
height: 36px;
border-radius: 0px;
}
.form-group .ant-input.md-inputs:focus {
outline: none;
box-shadow: none;
}
.form-group .ant-input.md-inputs:hover {
outline: none;
box-shadow: none;
}
.form-group .ant-input.md-inputs:active {
outline: none;
box-shadow: none;
}
perfect-scrollbar .ps.ps--active-y .ps__rail-y {
width: 15px !important;
border-radius: 6px;
background: #f4f4f4;
}
perfect-scrollbar .ps.ps--active-y .ps__rail-y .ps__thumb-y {
background-color: #999;
width: 11px;
}
.form-section .contact-add-list h4 {
color: #13171f;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
margin: 0 0 16px 0;
}
.form-section .contact-add-list .md-inputs .mat-form-field-label {
margin: 0px;
color: #bcc6c8;
font-size: 14px;
font-weight: 400;
}
.form-section .contact-add-list .remove-contact {
padding: 0px 4px 0px 0px !important;
text-align: center;
}
.ant-btn.full-block-btn {
border: solid 1px #d1ebed;
background-color: #fcffff;
box-shadow: none;
}
.bselect.ant-select {
display: block;
}
.bselect.ant-select .ant-select-selector {
border-radius: 4px;
height: 40px;
border: solid 1px #e8e8e8;
background-color: #fcfcfc;
}
.bselect.ant-select .ant-select-selector .ant-select-selection-search-input {
height: 40px;
}
.bselect.ant-select .ant-select-selection-placeholder {
line-height: 40px;
}
.bselect.ant-select .ant-select-arrow {
color: #000;
}
.ant-radio-group {
display: block;
}
.ant-picker.md-inputs {
border-top: none;
border-left: none;
border-right: none;
padding: 6px 0px;
width: 100%;
display: block;
}
.ant-picker.md-inputs:hover {
border-color: #70c4b8;
}
.ant-picker.md-inputs .anticon {
color: #4cb8ac;
}
.md-form-group {
position: relative;
margin-bottom: 30px;
}
.md-form-group .ant-input ~ .form-label {
position: absolute;
top: 0;
left: 0;
padding-top: 12px;
pointer-events: none;
transform-origin: 0 0;
transition: all 0.2s ease-out;
color: #bcc6c8;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
}
.md-form-group .md-group-inputs ~ .form-label {
position: absolute;
top: 0;
left: 0;
padding-top: 12px;
pointer-events: none;
transform-origin: 0 0;
transition: all 0.2s ease-out;
color: #bcc6c8;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
z-index: 1;
}
.md-form-group .ant-input.active ~ .form-label {
font-size: 13px;
top: -24px;
}
.md-form-group .ant-input:focus ~ .form-label {
font-size: 13px;
top: -24px;
}
.md-form-group.active .ant-input ~ .form-label {
font-size: 13px;
top: -24px;
color: #566074;
}
.md-form-group .ant-input:focus ~ .form-label {
color: #566074;
}
.md-form-group .md-group-inputs .ant-input.active ~ .form-label {
font-size: 13px;
top: -24px;
}
.md-form-group .md-group-inputs .ant-input:focus ~ .form-label {
font-size: 13px;
top: -24px;
}
.md-form-group.active .md-group-inputst .ant-input ~ .form-label {
font-size: 13px;
top: -24px;
color: #566074;
}
.md-form-group .md-group-inputs .ant-input:focus ~ .form-label {
color: #566074;
}
.x-form .radio-block-label {
display: block;
width: 100%;
}
.x-form .radio-block-label label {
line-height: 16px;
font-size: 14px;
width: 100%;
text-align: left;
color: #566074;
height: 16px;
}
.x-form .radio-block-label .ant-form-item-control {
line-height: 36px;
}
.x-form .radio-block-label .ant-form-item-control .ant-radio-group {
display: block;
}
.x-form .radio-block-label .ant-form-item-control .ant-radio-group .ant-radio-wrapper-checked .ant-radio-checked + span {
color: #4cb8ac;
}
.x-form .md-inputs.ant-select .ant-select-selector {
border-color: #ccd8db;
border-left: none;
border-right: none;
border-top: none;
padding: 6px 0px;
height: 36px;
box-shadow: none !important;
outline: none;
line-height: 24px;
}
.x-form .md-inputs.ant-select .ant-select-selector .ant-select-selection-search-input {
height: 36px;
margin: 0px !important;
}
.x-form .md-inputs.ant-select .ant-select-selector .ant-select-selection__rendered {
margin: 0px;
}
.x-form .md-inputs.ant-select .ant-select-selector:focus {
outline: none;
box-shadow: none;
}
.x-form .md-inputs.ant-select .ant-select-selector:hover {
outline: none;
box-shadow: none;
}
.x-form .md-inputs.ant-select .ant-select-selector:active {
outline: none;
box-shadow: none;
}
.x-form .md-inputs.ant-select .ant-select-arrow {
right: 0px;
color: #4cb8ac;
}
.x-form .md-inputs.ant-select .ant-select-selection-placeholder {
line-height: 24px;
font-size: 16px;
color: #bcc6c8;
left: 0px;
top: auto;
transform: none;
}
.x-form .md-inputs.ant-select.sq_ft {
height: 44px;
margin-top: 32px;
}
.x-form .ant-form-item-has-error .md-inputs.ant-select .ant-select-selection {
border-color: #f5222d;
}
.x-form .ant-form-item-has-error .md-inputs.ant-select:hover .ant-select-selection {
border-color: #f5222d;
}
.x-form .label-space {
margin-top: 14px;
}
.x-form .md-group-inputs .ant-input-group .ant-input {
border-color: #f1f0f0;
border-left: none;
border-right: none;
border-top: none;
border-radius: 0px;
padding: 6px 0px 6px 0px;
height: 36px;
line-height: 24px;
background-color: transparent;
}
.x-form .md-group-inputs .ant-input-group .ant-input-group-addon {
border-color: #f1f0f0;
background: none;
color: #bcc6c8;
font-size: 18px;
border-left: none;
border-right: none;
border-top: none;
border-radius: 0px;
}
.x-form .ant-form-item-has-error .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
border-color: #f5222d;
}
.x-form .ant-form-item-has-error .ant-checkbox-wrapper span {
color: #f5222d;
}
.x-form .ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input-content .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
border-color: #f5222d;
}
.x-form .ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input-content .ant-checkbox-wrapper span {
color: #f5222d;
}
.x-form .ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input .ng-invalid.ng-touched label .ant-radio-inner {
border-color: #f5222d;
}
.x-form .ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input .ng-invalid.ng-touched label span {
color: #f5222d;
}
.x-form .ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input .ng-valid label .ant-radio-inner {
border-color: #f5222d;
}
.x-form .ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input .ng-valid label span {
color: #f5222d;
}
.x-form .ant-form-item-has-error .md-group-inputs .ant-input-group .ant-input {
border-color: #f5222d;
}
.x-form .ant-form-item-has-error .md-group-inputs:hover .ant-input-group .ant-input {
border-color: #f5222d;
}
.ant-modal .x-form .md-inputs.ant-select-multiple .ant-select-selector {
padding: 0;
box-shadow: none;
}
.ant-modal .x-form .md-inputs.ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content {
font-size: 12px;
margin-bottom: 5px;
}
.chat_modal {
background-color: rgba(0, 0, 0, 0.85);
}
.chat_modal .ant-modal {
width: 780px;
}
.chat_modal .ant-modal .ant-modal-content {
border-radius: 6px;
}
.chat_modal .ant-modal .ant-modal-content .ant-modal-close {
position: absolute;
top: -44px;
right: -44px;
color: #3b414d;
box-shadow: none;
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
background: #ffffff;
display: block;
}
.chat_modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 34px;
height: 34px;
font-size: 18px;
line-height: 16px;
margin: 0px auto;
}
.chat_modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x i {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 12px;
width: 12px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
margin: 10px auto;
}
.chat_modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x i svg {
display: none;
visibility: hidden;
}
.chat_modal .ant-modal .ant-modal-content .ant-modal-body {
padding: 0px;
}
.payment_start-listing-modal {
background-color: rgba(0, 0, 0, 0.85);
}
.payment_start-listing-modal .ant-modal {
width: 680px;
}
.payment_start-listing-modal .ant-modal .ant-modal-content {
border-radius: 6px;
}
.payment_start-listing-modal .ant-modal .ant-modal-content .ant-modal-close {
position: absolute;
top: -44px;
right: -44px;
color: #3b414d;
box-shadow: none;
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
background: #ffffff;
display: block;
}
.payment_start-listing-modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 34px;
height: 34px;
font-size: 18px;
line-height: 16px;
margin: 0px auto;
}
.payment_start-listing-modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 12px;
width: 12px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
margin: 10px auto;
}
.payment_start-listing-modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.payment_start-listing-modal .ant-modal .ant-modal-content .ant-modal-body {
padding: 60px 80px 40px 80px;
}
.mls-change-request-modal {
background-color: rgba(0, 0, 0, 0.85);
}
.mls-change-request-modal .ant-modal {
width: 680px;
}
.mls-change-request-modal .ant-modal .ant-modal-content {
border-radius: 6px;
}
.mls-change-request-modal .ant-modal .ant-modal-content .ant-modal-close {
position: absolute;
top: -44px;
right: -44px;
color: #3b414d;
box-shadow: none;
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
background: #ffffff;
display: block;
}
.mls-change-request-modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 34px;
height: 34px;
font-size: 18px;
line-height: 16px;
margin: 0px auto;
}
.mls-change-request-modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 12px;
width: 12px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
margin: 10px auto;
}
.mls-change-request-modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.mls-change-request-modal .ant-modal .ant-modal-content .ant-modal-body {
padding: 60px 80px 40px 80px;
}
.mls-listing-select-modal .ant-modal-body {
padding: 24px 40px 20px;
display: flex;
flex-direction: column;
}
.mls-listing-select-modal .ant-modal-content {
padding-bottom: 0;
}
.mls-listing-select-modal .mls-select-modal-content {
display: flex;
flex-direction: column;
padding: 0;
}
.mls-listing-select-modal .mls-select-modal-title {
margin: 0 0 20px;
font-size: 22px;
font-weight: 600;
color: #13171f;
}
.mls-listing-select-modal .mls-select-modal-form-group {
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
.mls-listing-select-modal .mls-select-modal-label {
margin-bottom: 6px;
font-size: 14px;
font-weight: 500;
color: #566074;
padding-left: 0;
}
.mls-listing-select-modal .mls-select-modal-form-group .ant-select {
width: 100% !important;
}
.mls-listing-select-modal .mls-select-modal-form-group .ant-select .ant-select-selector {
min-height: 44px !important;
padding: 8px 30px 8px 0 !important;
font-size: 15px;
line-height: 1.5;
border: none !important;
border-bottom: 1px solid #d9d9d9 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.mls-listing-select-modal .mls-select-modal-form-group .ant-select.ant-select-focused .ant-select-selector {
border-color: transparent transparent #40a9ff transparent !important;
box-shadow: none !important;
}
.mls-listing-select-modal .mls-select-modal-form-group .ant-select .ant-select-selection-placeholder,
.mls-listing-select-modal .mls-select-modal-form-group .ant-select .ant-select-selection-item {
padding-left: 0 !important;
margin-left: 0 !important;
}
.mls-listing-select-modal .mls-select-modal-actions {
display: flex;
gap: 12px;
justify-content: flex-end;
padding-top: 4px;
}
.mls-listing-select-modal .ant-btn {
min-width: 110px;
height: 40px;
padding: 6px 20px;
font-size: 14px;
}
@media (max-width: 576px) {
.mls-listing-select-modal .ant-modal-body {
padding: 20px 20px 16px;
}
.mls-listing-select-modal .mls-select-modal-title {
font-size: 18px;
margin-bottom: 18px;
}
.mls-listing-select-modal .mls-select-modal-form-group .ant-select .ant-select-selector {
min-height: 40px !important;
}
.mls-listing-select-modal .ant-btn {
min-width: 90px;
height: 36px;
}
}
.emoji-mart {
position: absolute;
bottom: 36px;
right: -20px;
z-index: 10000;
}
.lead-tab.x-tab .ant-tabs-bar {
margin-bottom: 28px;
}
.lead-tab.x-tab .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
color: #13192d;
}
.lead-tab.x-tab .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:nth-child(2) {
color: #4cb8ac;
}
.lead-tab.x-tab .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:nth-child(3) {
color: #f5a623;
}
.lead-tab.x-tab .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:nth-child(4) {
color: #4a90e2;
}
.appointment.lead-tab.x-tab .ant-tabs-bar .ant-tabs-ink-bar {
width: 143px !important;
}
.viewed.lead-tab.x-tab .ant-tabs-bar .ant-tabs-ink-bar {
width: 143px;
background: #f5a623;
}
.all.lead-tab.x-tab .ant-tabs-bar .ant-tabs-ink-bar {
width: 35px !important;
background: #13192d;
}
.favorite.lead-tab.x-tab .ant-tabs-bar .ant-tabs-ink-bar {
width: 143px;
background: #4a90e2;
}
.lead-search-form .ant-input-prefix img {
height: 14px;
}
.ant-fullcalendar-next-month-btn-day,
.ant-fullcalendar-last-month-cell {
color: #e8e8e8;
}
.single-popup .ant-modal-content .ant-modal-close {
width: 20px;
height: 20px;
line-height: 20px;
top: 16px;
right: 16px;
}
.single-popup .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 20px;
height: 20px;
font-size: 12px;
line-height: 20px;
}
.chat-modal-top .x-modal-body {
padding: 0px;
}
.chat-right-side .ant-empty {
height: calc(100vh - 61px);
}
.chat-right-side .ant-empty .ant-empty-image {
margin: 0px auto;
}
.chat-right-side .ant-empty .ant-empty-description {
display: none;
font-size: 16px;
font-weight: 500;
color: #a1a7b3;
}
.select-modal .ant-modal {
max-width: calc(100vw - 16px);
}
.select-modal .ant-modal .ant-modal-close-x {
vertical-align: middle;
display: inline-block;
}
.select-modal .ant-modal .ant-modal-close-x .anticon {
background: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/x-close.png");
height: 20px;
width: 20px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 14px 14px;
margin: 17px 15px;
}
.select-modal .ant-modal .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.select-modal .ant-modal .ant-modal-footer .ant-btn {
height: 40px;
vertical-align: middle;
}
.page-section .ant-form-item-label label {
color: #13171f;
font-size: 16px;
}
.ant-empty .ant-empty-image {
margin: 0px;
}
.ant-empty .ant-empty-description {
font-size: 16px;
font-weight: 500;
color: #a1a7b3;
margin-top: 15px;
line-height: 20px;
}
.original-img {
overflow: hidden;
}
.original-img img {
height: 580px;
min-width: 100%;
}
.original-img.mini img {
height: 290px;
}
/******* settings **********/
.ant-card.profile-xcard {
box-shadow: none;
background: none;
}
.ant-card.profile-xcard .ant-card-body {
padding: 0px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav {
width: 250px;
border-radius: 4px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none;
background: #fff;
margin: 0px;
height: calc(100vh - 60px);
position: fixed;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav .ant-tabs-nav-wrap {
margin-right: -2px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav .ant-tabs-tab {
text-align: left;
color: #13171f;
margin: 0px;
padding: 18.43px 20px 18.44px 30px;
font-size: 16px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
width: 100%;
text-align: left;
padding: 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav .ant-tabs-tab a {
color: #13171f;
display: block;
position: relative;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav .ant-tabs-tab a .tab-count {
position: absolute;
right: 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav .ant-tabs-tab:hover {
background: #ebfffd;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav .ant-tabs-tab-active {
background: #ebfffd;
margin-right: 2px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
color: #273142;
font-weight: 500;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-nav .ant-tabs-ink-bar {
background: #4cb8ac;
right: auto;
left: 1px;
min-height: 49px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder {
border: none;
padding-left: 15px;
margin-left: 250px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .tab-contents {
background: #ffffff;
border-radius: 4px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .tab-contents.card-filter {
border: none;
margin-bottom: 30px;
background-color: transparent;
box-shadow: none;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse {
border: none;
background: transparent;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item {
margin-bottom: 24px;
background-color: #ffffff;
border-radius: 4px;
padding: 0;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none !important;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header {
color: #13171f;
background-color: transparent;
padding: 14px 75px 14px 58px;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
position: relative;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header:before {
content: "";
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.3 5.05234C6.3 5.82584 5.6735 6.45234 4.9 6.45234C4.1265 6.45234 3.5 5.82584 3.5 5.05234C3.5 4.27884 4.1265 3.65234 4.9 3.65234C5.6735 3.65234 6.3 4.27884 6.3 5.05234ZM4.90039 11.9004C4.90039 11.9004 1.40039 7.00039 1.40039 4.90039C1.40039 2.97049 2.97049 1.40039 4.90039 1.40039C6.83029 1.40039 8.40039 2.97049 8.40039 4.90039C8.40039 7.00039 4.90039 11.9004 4.90039 11.9004ZM4.9 0C2.1938 0 0 2.1938 0 4.9C0 7.6062 4.9 14 4.9 14C4.9 14 9.8 7.6062 9.8 4.9C9.8 2.1938 7.6062 0 4.9 0Z' fill='%234CB8AC'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header:after {
content: none;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header:hover .ant-collapse-arrow svg {
color: #4cb8ac;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-extra {
margin-left: auto;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
padding: 0;
margin: 0;
width: 21px;
height: 21px;
display: flex !important;
align-items: center;
justify-content: center;
color: #4cb8ac;
border: none;
transform: rotate(90deg);
top: calc(50% - 10.5px);
right: 32px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow svg {
width: 10px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header .collapse-panel-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header .collapse-panel-header .collapse-panel-title {
font-size: 16px;
line-height: 19px;
font-weight: 500;
color: #13192d;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-header .collapse-panel-header .collapse-panel-subtitle {
font-size: 16px;
font-weight: 500;
color: #4cb8ac;
line-height: 19px;
margin-right: 24px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .leads_table tr th:before {
content: none;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-panel .leads_table tr th:before {
content: none;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-content {
border: none !important;
background-color: transparent;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
padding: 14px 30px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .leads_table {
padding: 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .leads_table tr th:before {
content: none;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .leads_table .ant-avatar {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .leads_table .ant-avatar .ant-avatar-string {
position: relative;
left: auto;
transform: none !important;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .ant-collapse-arrow {
transform: rotate(-180deg);
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-content {
border-top: 1px solid #efefef;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .collapse-section .ant-collapse.ant-collapse-icon-placement-end .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
margin-inline-start: 0 !important;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse {
border: none;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item {
background: transparent none;
border: none;
margin: 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header {
background: #fcfbfb;
font-size: 18px;
line-height: 24px;
font-weight: 500;
padding-left: 39px;
padding: 12px 75px 12px 56px;
overflow: hidden;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header:before {
content: none;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
position: relative;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text:after {
margin: 12px 6px 0;
display: inline-block;
content: "";
border-top: 2px solid #f0efef;
width: 100%;
position: absolute;
top: 14px;
margin: 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-title {
position: relative;
overflow: hidden;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-title:after {
margin: 12px 6px 0;
display: inline-block;
content: "";
border-top: 2px solid #F0EFEF;
width: 100%;
position: absolute;
top: 0px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
margin-inline-start: 0;
left: 16px;
position: absolute;
top: calc(50% - 11px);
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow {
border: 1px solid #D8D8D8;
border-radius: 50%;
padding: 0;
width: 24px;
height: 24px;
display: flex !important;
align-items: center;
justify-content: center;
position: relative;
top: auto;
left: auto;
right: auto;
margin: 0;
transform: none;
color: #273142;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header:hover .ant-collapse-expand-icon .ant-collapse-arrow {
border: 1px solid #4cb8ac;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header:hover .ant-collapse-expand-icon .ant-collapse-arrow svg {
color: #4cb8ac;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content {
border: none !important;
background-color: transparent;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
padding: 16px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item.ant-collapse-item-active .inner__collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
border-bottom: 1px solid #E7E9EE;
border-radius: 8px 8px 0 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item.ant-collapse-item-active .inner__collapse .ant-collapse-item.ant-collapse-item-active .more-collapse svg {
transform: rotate(180deg);
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-content-holder .stuff_collapse_box .ant-collapse .ant-collapse-item.ant-collapse-item-active .inner__collapse .ant-collapse-item.ant-collapse-item-active .more-collapse svg path {
fill: #4cb8ac;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-left-bar {
width: 250px;
border-radius: 4px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none;
background: #fff;
margin: 0px;
height: calc(100vh - 130px);
padding: 30px 0px;
position: fixed;
top: 90px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-left-bar .ant-tabs-nav .ant-tabs-tab {
text-align: left;
color: #13171f;
margin: 0px;
padding: 13px 0px 13px 25px;
font-size: 16px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-left-bar .ant-tabs-nav .ant-tabs-tab:hover {
background: #ebfffd;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-left-bar .ant-tabs-nav .ant-tabs-tab-active {
background: #ebfffd;
margin-right: 2px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-left-bar .ant-tabs-ink-bar {
background: #4cb8ac;
right: auto;
left: 1px;
min-height: 49px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-left-content {
border: none;
padding-left: 15px;
margin-left: 250px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab > .ant-tabs-left-content .tab-contents {
background: #ffffff;
border-radius: 4px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
}
.ant-card.profile-xcard .ant-card-body .vtab .ant-tabs-tabpane {
padding: 30px;
}
.ant-card.profile-xcard .table-listing-content h2 {
font-size: 24px;
line-height: 28px;
color: #273142;
margin: 0 0 32px 0;
}
.ant-card.profile-xcard .table-listing-content .nav-top-right {
margin-bottom: 24px;
}
.ant-card.profile-xcard .table-listing-content .nav-top-right .nav-top-right-btn {
gap: 16px;
}
.ant-card.profile-xcard .table-listing-content .nav-top-right .nav-top-right-btn .user-btn,
.ant-card.profile-xcard .table-listing-content .nav-top-right .nav-top-right-btn .upload-btn,
.ant-card.profile-xcard .table-listing-content .nav-top-right .nav-top-right-btn .export-btn {
line-height: 20px;
padding: 9px 23.5px;
font-weight: 700;
}
.ant-card.profile-xcard .table-listing-content .nav-top-right .nav-top-right-btn .table-operations .ant-btn {
margin: 0px !important;
min-width: 140px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.ant-card.profile-xcard .table-listing-content .nav-top-right .nav-top-right-btn .table-operations .ant-btn img,
.ant-card.profile-xcard .table-listing-content .nav-top-right .nav-top-right-btn .table-operations .ant-btn i {
margin: 0;
}
.ant-card.profile-xcard .table-listing-content .table {
background-color: #ffffff;
padding: 16px 30px 30px;
overflow-y: auto;
height: calc(100vh - 226px);
}
.ant-card.profile-xcard .table-listing-content .table .ant-table {
margin: 0 0 24px 0;
}
.ant-card.profile-xcard .table-listing-content .table .ant-table-pagination {
margin: 0;
}
.ant-card.profile-xcard .table-listing-content .table .ant-table-pagination .ant-pagination-total-text {
position: absolute;
right: 0;
font-size: 12px;
line-height: 32px;
margin: 0;
color: #566074;
font-weight: 400;
letter-spacing: 0.5px;
}
.ant-card.profile-xcard .table-listing-content .table .ant-table-pagination .ant-pagination-options {
position: absolute;
left: 0;
margin: 0;
}
.ant-card.profile-xcard .table-listing-content .table .ant-table-pagination .ant-pagination-options .ant-select:not(.ant-select-customize-input) .ant-select-selector {
border: none;
padding-left: 0;
}
.ant-card.profile-xcard .table-listing-content .table .ant-table-pagination .ant-pagination-options .ant-select-arrow svg {
color: #566074;
}
.ant-card.profile-xcard .table-listing-content .table .ant-table-pagination .ant-pagination-options .ant-select-selection-item {
font-size: 12px;
margin: 0;
color: #566074;
font-weight: 400;
letter-spacing: 0.5px;
}
.ant-card.profile-xcard .table-listing-content .table .badge {
padding: 5px 13.15px;
font-size: 12px;
line-height: 14px;
font-weight: 500;
}
.ant-card.profile-xcard .table-listing-content .table .badge.success {
background-color: #EDF7F6;
color: #4cb8ac;
}
.ant-card.profile-xcard .table-listing-content .table .badge.primary {
background-color: rgba(74, 144, 226, 0.1019607843);
color: #4A90E2;
}
.ant-card.profile-xcard .table-listing-content .filter-dropdown-search {
max-width: 320px;
padding: 8px 24px;
height: 40px;
line-height: 20px;
}
.ant-card.profile-xcard .table-listing-content .filter-dropdown-search .ant-form-item-control-input {
min-height: 24px;
}
.ant-card.profile-xcard .table-listing-content .filter-dropdown-search .ant-input-affix-wrapper {
padding: 0;
border: none;
}
.ant-card.profile-xcard .table-listing-content .filter-dropdown-search .ant-input-affix-wrapper i {
color: #566074;
}
body .ant-card.profile-xcard .ant-card-body .vtab .ant-tabs-content-holder:has(.table-listing-content) {
padding: 0 !important;
}
body .ant-card.profile-xcard .ant-card-body .vtab .ant-tabs-tabpane:has(.table-listing-content) {
padding: 24px 30px 14px 30px;
margin-top: 4px;
}
.ant-card.profile-setting .ant-card-body .ant-tabs.vtab > .ant-tabs-left-bar {
top: 60px;
border-radius: 0;
padding: 0px;
height: calc(100vh - 60px);
}
.ant-card.profile-setting .ant-card-body .ant-tabs.vtab > .ant-tabs-left-content {
padding-left: 0px;
}
.ant-card.profile-setting .ant-card-body .vtab .ant-tabs-tabpane {
padding: 30px;
}
.tab-contents .md-inputs .mat-form-field-label {
font-size: 16px;
}
.btn-default[disabled] {
color: rgba(0, 0, 0, 0.25) !important;
background-color: #f5f5f5 !important;
}
.x-tab-float {
position: absolute;
right: 0px;
top: 0px;
}
.x-form .x-tab-float .ant-btn {
font-size: 12px;
height: auto;
padding: 8px 20px;
}
.x-tab .ant-tabs-content {
position: relative;
}
.have-discount {
background-color: rgba(0, 0, 0, 0.85);
}
.have-discount .ant-modal {
top: 153px !important;
width: 576px;
}
.have-discount .ant-modal .ant-modal-content {
border-radius: 6px;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-close {
position: absolute;
top: -44px;
right: -44px;
color: #3b414d;
box-shadow: none;
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
background: #ffffff;
display: block;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 34px;
height: 34px;
font-size: 18px;
line-height: 16px;
margin: 0px auto;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 12px;
width: 12px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
margin: 10px auto;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-body {
padding: 60px 80px 40px 80px;
}
.preferences .form-group {
margin-bottom: 15px;
}
.preferences .md-inputs.ant-select .ant-select-selection {
border-color: #f1f0f0;
border-left: none;
border-right: none;
border-top: none;
padding: 7px 0px;
height: auto;
box-shadow: none;
outline: none;
}
.preferences .md-inputs.ant-select .ant-select-selection .ant-select-selection__rendered {
margin: 0px;
}
.preferences .md-inputs.ant-select .ant-select-selection:focus {
outline: none;
box-shadow: none;
}
.preferences .md-inputs.ant-select .ant-select-selection:hover {
outline: none;
box-shadow: none;
}
.preferences .md-inputs.ant-select .ant-select-selection:active {
outline: none;
box-shadow: none;
}
.preferences .md-inputs.ant-select .ant-select-selection .ant-select-arrow {
right: 0px;
color: #4cb8ac;
}
.preferences .md-inputs.ant-calendar-picker .ant-calendar-picker-input {
border-color: #f1f0f0;
border-left: none;
border-right: none;
border-top: none;
padding: 10px 0px;
height: auto;
box-shadow: none;
outline: none;
background: none;
}
.preferences .md-inputs.ant-calendar-picker .ant-calendar-picker-input input {
height: 24px;
}
.preferences .md-inputs.ant-calendar-picker .ant-calendar-picker-input.ant-input-disabled input {
background: #f5f5f5;
height: 24px;
}
.preferences .md-inputs.ui-timepicker-input {
border-color: #f1f0f0;
border-left: none;
border-right: none;
border-top: none;
padding: 10px 0px;
height: auto;
box-shadow: none;
outline: none;
background: none;
}
.preferences .inputs.md-inputs {
border-color: #f1f0f0;
border-left: none;
border-right: none;
border-top: none;
padding: 10px 0px;
height: auto;
box-shadow: none;
outline: none;
background: none;
}
.preferences .ant-form-item-control .md-inputs.ant-input-disabled,
.preferences .ant-form-item-control .ant-input[disabled] {
border-left: none;
border-right: none;
border-top: none;
height: auto;
padding: 10px 10px;
}
.inner-search .ant-input-affix-wrapper .ant-input-suffix {
left: 15px;
}
.video-card.ant-card {
margin-bottom: 40px;
position: relative;
}
.video-card.ant-card .ant-card-cover {
height: 167px;
max-height: 167px;
overflow: hidden;
}
.video-card.ant-card .ant-card-cover img {
border-radius: 0px;
}
.video-card.ant-card .ant-card-body {
padding: 15px 0px;
min-height: 100px;
}
.video-card.ant-card .ant-card-body .ant-card-meta-title {
font-size: 14px;
font-weight: normal;
color: #13171f;
white-space: unset;
text-overflow: unset;
line-height: 1.54;
}
.video-card.ant-card .ant-card-body .ant-card-meta-description {
font-size: 14px;
color: #7e828c;
font-weight: 300;
line-height: 1.43;
}
.video-card.ant-card .play-icon {
position: absolute;
width: 30px;
height: 30px;
margin: 0px auto;
top: 70px;
z-index: 1;
left: 0px;
right: 0px;
display: block;
}
.video-card.ant-card .play-icon i {
color: #fff;
font-size: 30px;
line-height: 30px;
height: 30px;
vertical-align: middle;
}
.video-card.ant-card:hover .ant-card-cover img {
opacity: 0.7;
}
.article-card.ant-card {
margin-bottom: 40px;
position: relative;
}
.article-card.ant-card .ant-card-cover {
min-height: 160px;
max-height: 160px;
overflow: hidden;
}
.article-card.ant-card .ant-card-cover img {
border-radius: 0px;
min-height: 160px;
max-height: 160px;
width: 100%;
}
.article-card.ant-card .ant-card-meta-detail {
overflow: hidden;
min-height: 105px;
}
.article-card.ant-card .ant-card-body {
padding: 15px 0px;
min-height: 100px;
}
.article-card.ant-card .ant-card-body .ant-card-meta-title {
font-size: 22px;
font-weight: 500;
color: #13171f;
white-space: unset;
text-overflow: unset;
line-height: 1.54;
}
.article-card.ant-card .ant-card-body .ant-card-meta-description {
font-size: 14px;
color: #7e828c;
font-weight: 300;
line-height: 1.43;
}
.article-card.ant-card:hover .ant-card-cover img {
opacity: 0.7;
}
.docs-card.ant-card .ant-card-cover {
min-height: 240px !important;
max-height: 240px !important;
}
.docs-card.ant-card .ant-card-cover img {
min-height: 240px !important;
max-height: 240px !important;
}
.podcast-card.ant-card .ant-card-cover {
position: relative;
}
.podcast-card.ant-card .ant-card-cover .mic-icon {
position: absolute;
width: 84px;
height: 84px;
margin: 0px auto;
top: 90px;
z-index: 1;
left: 0px;
right: 0px;
display: block;
background: #fff;
border-radius: 50%;
text-align: center;
}
.podcast-card.ant-card .ant-card-cover .mic-icon img {
line-height: 84px;
height: 24px;
display: block;
margin: 30px auto;
width: 24px;
}
.podcast-card.ant-card .ant-card-cover img {
border-radius: 0px;
}
.podcast-card.ant-card .ant-card-body {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
padding: 20px;
}
.podcast-card.ant-card .ant-card-body .ant-card-meta-title {
font-size: 14px;
font-weight: 400;
color: #fff;
white-space: unset;
text-overflow: unset;
line-height: 1.54;
}
.podcast-card.ant-card .ant-card-body .ant-card-meta-description {
font-size: 14px;
color: #fff;
font-weight: 300;
line-height: 1.43;
}
.status-list-inline {
position: relative;
top: 25px;
border-radius: 4px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1);
}
.status-list-inline li {
display: inline-block;
width: auto;
font-size: 14px;
font-weight: 500;
color: #273142;
}
.status-list-inline li .fa-circle {
font-size: 10px;
line-height: 10px;
margin-right: 10px;
vertical-align: middle;
}
.status-list-inline li .p1 {
color: #4cb8ac;
}
.status-list-inline li .p2 {
color: #75a1d2;
}
.status-list-inline li .p3 {
color: #9175d2;
}
.status-list-inline li .p4 {
color: #d27598;
}
.status-list-inline li .fa-check {
color: #4cb8ac;
vertical-align: middle;
font-size: 10px;
margin-left: 3px;
}
.status-list-inline li:hover {
color: #273142;
background: transparent;
}
.status-list-inline li:active {
color: #273142;
background: transparent;
}
.status-list-inline li:focus {
color: #273142;
background: transparent;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.for-rent .ant-radio.ant-radio-checked .ant-radio-inner {
border-color: #4a90e2 !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.for-rent .ant-radio.ant-radio-checked .ant-radio-inner:after {
background-color: #4a90e2 !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.forsale .ant-radio.ant-radio-checked .ant-radio-inner {
border-color: #4cb8ac !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.forsale .ant-radio.ant-radio-checked .ant-radio-inner:after {
background-color: #4cb8ac !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.salepending .ant-radio.ant-radio-checked .ant-radio-inner {
border-color: #f5a623 !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.salepending .ant-radio.ant-radio-checked .ant-radio-inner:after {
background-color: #f5a623 !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.contingent .ant-radio.ant-radio-checked .ant-radio-inner {
border-color: #bb8eff !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.contingent .ant-radio.ant-radio-checked .ant-radio-inner:after {
background-color: #bb8eff !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.sold .ant-radio.ant-radio-checked .ant-radio-inner {
border-color: #eb6777 !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.sold .ant-radio.ant-radio-checked .ant-radio-inner:after {
background-color: #eb6777 !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.withdrawn .ant-radio.ant-radio-checked .ant-radio-inner {
border-color: #b78151 !important;
}
.status-btn-list .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked.withdrawn .ant-radio.ant-radio-checked .ant-radio-inner:after {
background-color: #b78151 !important;
}
.profile-status-bar.ant-popover .ant-popover-content .ant-popover-inner {
padding: 0px;
}
.profile-status-bar.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
padding: 0px;
}
.profile-status-bar.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .status-list-inline {
border: none;
top: auto;
}
.profile-status-bar.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content .status-list-inline .ant-menu-item {
margin: 0px !important;
}
.single-featured-property .property-thumb .profile-status {
right: 20px;
left: auto;
top: 20px;
}
.single-featured-property .property-thumb .profile-status .pieContainer {
height: 36px;
width: 36px;
}
.single-featured-property .property-thumb .profile-status .pieContainer .pieBackground {
height: 36px;
width: 36px;
border-radius: 18px;
}
.single-featured-property .property-thumb .profile-status .pieContainer .hold {
height: 36px;
width: 36px;
border-radius: 18px;
clip: rect(0px, 36px, 36px, 18px);
}
.single-featured-property .property-thumb .profile-status .pieContainer .hold .pie {
height: 36px;
width: 36px;
border-radius: 18px;
clip: rect(0px, 18px, 36px, 0px);
}
.single-featured-property .property-thumb .profile-status .pieContainer .innerCircle {
height: 30px;
width: 30px;
top: 3px;
left: 3px;
}
.single-featured-property .property-thumb .profile-status .pieContainer .innerCircle .content {
width: 30px;
font-size: 11px;
top: 8px;
line-height: 14px;
}
.single-featured-property .property-thumb .profile-status .pieContainer .hr-line {
width: 36px;
top: 17.5px;
}
.single-featured-property .property-thumb .profile-status .pieContainer .vr-line {
height: 36px;
left: 17.5px;
}
.msg-box.inner-msg-box {
width: auto;
padding: 0px;
box-shadow: none;
border: none;
}
.vertical-wizard-steps .ant-steps .ant-steps-item .ant-steps-item-tail {
padding: 20px 0 0px;
left: -8px;
}
.vertical-wizard-steps .ant-steps .ant-steps-item .ant-steps-item-tail:after {
width: 2px;
margin-left: 11px;
background: #4cb8ac;
}
.vertical-wizard-steps .ant-steps .ant-steps-item .ant-steps-item-icon .ant-steps-icon-dot {
background: none;
border: 2px solid #4cb8ac;
left: auto;
top: auto;
}
.vertical-wizard-steps .ant-steps .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
color: #4cb8ac;
font-size: 16px;
font-weight: 500;
}
.vertical-wizard-steps .ant-steps .ant-steps-item .ant-steps-item-content .ant-steps-item-description {
display: none;
}
.vertical-wizard-steps .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon {
left: -3px;
}
.vertical-wizard-steps .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot {
background: #4cb8ac;
}
.vertical-wizard-steps .ant-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-tail:after {
width: 2px;
background-color: #d8d8d8;
}
.vertical-wizard-steps .ant-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon-dot {
border: 2px solid #d8d8d8;
}
.vertical-wizard-steps .ant-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-content .ant-steps-item-title {
color: #9ea4a5;
}
.full-width-modal .ant-modal .vertical-wizard-steps.w-150 .ant-steps-vertical .ant-steps-item-container .ant-steps-item-content {
width: 155px;
}
.full-width-modal .ant-modal .vertical-wizard-steps.w-150 .ant-steps-vertical .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
text-wrap: wrap;
}
.line-alert .ant-alert {
border: none;
background: none;
padding-left: 22px;
}
.line-alert .ant-alert .ant-alert-icon {
left: 0px;
color: #ff7a0a;
}
.line-alert .ant-alert .ant-alert-message {
font-size: 14px;
color: #13171f;
font-weight: 500;
}
.preferences.form-section textarea.md-inputs {
border-radius: 2px;
border: solid 1px #ccd8db;
padding: 15px;
}
.vc-modal .ant-modal {
top: 30px;
}
.vc-modal .ant-modal .modal-inner-content {
margin-bottom: 0px;
}
.ant-divider-inner-text {
color: #b7b9c1;
font-size: 14px;
}
.ant-radio-input:focus + .ant-radio-inner,
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner {
border-color: #4cb8ac;
}
.sign-section .x-tabs .ant-tabs-nav .ant-tabs-tab {
padding: 12px 0px;
}
.sign-section .x-tabs .ant-tabs-nav .ant-tabs-tab:hover {
color: #4cb8ac;
}
.sign-section .x-tabs .ant-tabs-nav .ant-tabs-tab-active {
color: #4cb8ac;
font-weight: 500;
font-size: 14px;
}
.sign-section .x-tabs .ant-tabs-nav .ant-tabs-ink-bar {
background-color: #4cb8ac;
}
.sign-section .x-tabs .ant-tabs-bar {
margin-bottom: 30px;
}
.sign-section .x-tabs p {
font-size: 14px;
color: #a8a8a8;
}
.sign-section .sign-box {
height: 250px;
width: 100%;
border: solid 1px #dcdcdc;
background-color: #f7f7f7;
position: relative;
padding: 50px;
border-radius: 4px;
margin-bottom: 30px;
}
.sign-section .sign-box .form-inline {
position: absolute;
left: 20px;
top: 20px;
}
.sign-section .sign-box .form-inline .form-control {
background: none;
border: none;
color: #a8a8a8;
font-size: 14px;
}
.sign-section .sign-box #txtSign {
border-top: none;
border-right: none;
border-left: none;
border-bottom: solid 1px #c8c8c8;
background: none;
text-align: center;
}
.sign-section .sign-box #txtSign:focus {
outline: none;
box-shadow: none;
}
.sign-section .sign-box #txtSign:active {
outline: none;
box-shadow: none;
}
.sign-section .sign-box #txtSign:hover {
outline: none;
box-shadow: none;
}
.sign-section .sign-box .line-color {
position: absolute;
right: 20px;
top: 0px;
}
.sign-section .sign-box .line-color .ant-radio-group .ant-radio-wrapper.dark .ant-radio-inner {
background: #3b414d;
border-color: #3b414d;
}
.sign-section .sign-box .line-color .ant-radio-group .ant-radio-wrapper.blue .ant-radio-inner {
background: #1a54c2;
border-color: #1a54c2;
}
.sign-section .sign-box .line-color .ant-radio-group .ant-radio-wrapper.red .ant-radio-inner {
background: #c12b2b;
border-color: #c12b2b;
}
.sign-section .sign-box .line-color .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio-inner {
border-color: inherit !important;
}
.sign-section .sign-box .line-color .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio-inner:after {
background-color: #fff !important;
}
.sign-section .sign-box .line-color .ant-radio-group .ant-radio-wrapper {
margin: 0px;
}
.sign-section .sign-box.first .form-inline {
width: 100%;
}
.sign-section .sign-box.signature .form-inline {
width: 100%;
text-align: left;
}
.sign-section .signature canvas {
width: 100%;
height: 173px;
margin: 50px auto 0px;
border-radius: 3px;
cursor: pointer;
}
.sign-section .signature .signpad {
display: block;
cursor: unset;
}
app-signaturewizard .modal-inner-content {
margin-bottom: 0px;
}
.document-view-popup .centeredpopup .wizard-heading {
margin-bottom: 20px;
}
.new-form .x-model-content .mat-form-field-appearance-legacy .mat-form-field-infix {
border: none;
}
.new-form .x-model-content .mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: #ccd8db;
}
.new-form .mat-form-field-ripple {
background: none !important;
}
.document-view-popup .document-page .ant-card-body .ant-form-item.sm-radio-inline-list label {
font-size: 12px;
}
.bottomcenter {
margin: 0px auto;
left: 0px;
right: 0px;
}
.alert-noti {
border-left: 4px solid #f65e71;
}
.alert-noti .ant-notification-notice-icon {
margin: 8px 0px;
}
.alert-noti .ant-notification-notice-icon img {
height: 32px;
}
.alert-noti .ant-notification-notice-message {
font-size: 18px;
font-weight: bold;
color: #273142;
}
.alert-noti .ant-notification-notice-description {
opacity: 0.8;
color: #273142;
}
.alert-noti .ant-notification-notice-close {
top: 30px;
}
.ant-notification-bottomRight {
right: 0px;
bottom: 78px !important;
left: 20.6%;
margin: 0px auto;
width: 600px !important;
}
.ant-input-group-addon .mindrop.ant-select .ant-select-selection {
background-color: #f2f4f4;
border: none;
width: 70px;
height: 35px;
border-radius: 2px;
}
.ant-input-group-addon .mindrop.ant-select .ant-select-selection .ant-select-arrow {
color: #4cb8ac;
}
.ant-input-group-addon .mindrop.ant-select .ant-select-selection .ant-select-selection-selected-value {
height: 30px;
line-height: 30px;
}
.mindrop-wrapper .ant-input-group-addon {
border-right: 0px;
border-top: 0px;
background: none;
border-radius: 0px;
}
.contact-form.x-form .md-inputs {
font-size: 20px;
font-weight: 400;
}
.contact-form.x-form .md-inputs.ant-select .ant-select-selection {
border-color: #ccd8db;
}
.sell_page .footer-top {
display: none;
}
.popup-modal .fnmap {
height: 210px !important;
}
.popup-modal .slick-list {
margin-top: 20px;
}
.popup-modal .slick-list .slick-slide {
width: 33% !important;
}
.popup-modal .wizard-heading textarea {
margin-top: 20px;
}
.popup-modal .mat-form-field-label-wrapper {
top: -1.04375em;
padding-top: 0;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-title {
color: #4cb8ac;
}
/******* calender **********/
.ant-calendar {
width: 388px;
}
.ant-calendar-picker-container .ant-calendar {
font-size: 16px;
border: none;
}
.ant-calendar-picker-container .ant-calendar-input-wrap {
height: 63px;
padding: 19px 16px;
border: none;
background-color: #eeefef;
}
.ant-calendar-picker-container .ant-calendar-input-wrap .ant-calendar-input {
background: transparent;
width: 100%;
text-align: right;
color: #212a3e;
font-size: 16px;
height: 20px;
}
.ant-calendar-picker-container .ant-calendar-input-wrap .ant-calendar-input::-webkit-input-placeholder {
text-align: left;
}
.ant-calendar-picker-container .ant-calendar-input-wrap .ant-calendar-input:-moz-placeholder {
text-align: left;
}
.ant-calendar-header .ant-calendar-next-month-btn::after,
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after,
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::before {
border-color: #000;
width: 9px;
height: 9px;
border-width: 3px 0 0 3px;
}
.ant-calendar-date {
color: #111;
width: 35px;
height: 35px;
line-height: 32px;
border-radius: 25px;
}
.ant-calendar-cell.ant-calendar-today.ant-calendar-selected-day .ant-calendar-date {
color: #fff;
}
.ant-calendar-selected-day .ant-calendar-date {
color: #fff;
background: #4cb8ac;
}
.ant-calendar-today .ant-calendar-date {
font-weight: 400;
color: #4cb8ac;
border-color: #4cb8ac;
}
.ant-calendar-footer {
line-height: 67px;
}
.ant-calendar-picker-container .ant-calendar-input-wrap {
border-radius: 4px 4px 0 0;
}
.offers-pdf-view .pdfViewer.removePageBorders .page .canvasWrapper {
overflow: visible;
}
.offers-pdf-view .pdfViewer.removePageBorders .page .to-draw-rectangle {
height: 25px;
position: relative;
bottom: 88px;
z-index: 1;
}
.offers-pdf-view .pdfViewer.removePageBorders .page::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="3"] .to-draw-rectangle {
height: 79px;
bottom: 142px;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="3"] #rectangle-d36 {
bottom: auto !important;
top: 0 !important;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="9"] .to-draw-rectangle {
bottom: 367px;
}
.editAgentForm .mat-form-field-label-wrapper {
top: -23px;
}
.editAgentForm label.mat-form-field-label span {
height: 45px;
font-size: 18px;
font-weight: 400;
color: #bcc6c8;
}
.editAgentForm .mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: #ccd8db;
}
.editAgentForm .mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #13171f;
}
.editAgentForm .servicearea .mat-chip-list-wrapper {
margin-bottom: 0;
}
.editAgentForm .servicearea .mat-chip.mat-standard-chip {
background-color: #e0e0e0;
color: rgba(0, 0, 0, 0.87);
}
.editAgentForm .servicearea .mat-chip.mat-standard-chip .mat-chip-remove {
color: rgba(0, 0, 0, 0.87);
opacity: 0.4;
}
.editAgentForm .servicearea .mat-chip.mat-standard-chip:hover:after {
opacity: 0.12;
background: #000;
}
.editAgentForm .servicearea .mat-form-field-label-wrapper {
top: -10px;
}
.editAgentForm .servicearea .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.editAgentForm .servicearea .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
transform: translateY(-4px) scale(0.75) perspective(100px) translateZ(0.001px);
}
.table .ant-table-pagination.ant-pagination {
float: none;
text-align: center;
}
.table .ant-table-pagination {
justify-content: center;
}
.table .ant-table-pagination .ant-pagination-item {
margin-right: 16px;
border-radius: 50px;
}
.table .ant-table-pagination .ant-pagination-item {
border-color: #ffffff;
color: #2B2D34;
}
.table .ant-table-pagination .ant-pagination-item:hover {
border-color: #4cb8ac;
background-color: transparent;
color: #ffffff;
}
.table .ant-table-pagination .ant-pagination-item a {
border-radius: 50px;
}
.table .ant-table-pagination .ant-pagination-item:hover a {
background-color: transparent;
border-color: #4cb8ac;
color: #4cb8ac;
}
.table .ant-table-pagination .ant-pagination-prev button,
.table .ant-table-pagination .ant-pagination-next button {
border-radius: 50px;
border-color: #ffffff;
}
.table .ant-table-pagination .ant-pagination-prev button,
.table .ant-table-pagination .ant-pagination-next button,
.table .ant-table-pagination .ant-pagination-item {
border-color: #ffffff;
color: #2B2D34;
font-size: 14px;
font-weight: 500;
}
.table .ant-table-pagination .ant-pagination-prev.ant-pagination-disabled button,
.table .ant-table-pagination .ant-pagination-next.ant-pagination-disabled button {
color: #566074;
}
.table .ant-table-pagination .ant-pagination-prev.ant-pagination-disabled button:hover,
.table .ant-table-pagination .ant-pagination-next.ant-pagination-disabled button:hover {
background-color: transparent;
border-color: #566074;
color: #566074;
}
.table .ant-table-pagination .ant-pagination-item-active,
.table .ant-table-pagination .ant-pagination-item-active a,
.table .ant-table-pagination .ant-pagination-prev button:hover,
.table .ant-table-pagination .ant-pagination-next button:hover {
border-color: #4cb8ac;
background-color: #4cb8ac;
color: #ffffff;
border-radius: 50px;
}
.filter-types nz-select .ant-select-selection-selected-value,
.filter-types nz-select .ant-select-search__field__placeholder,
.filter-types nz-select .ant-select-selection__placeholder {
font-size: 14px;
color: #2b2d34;
}
.filter-types nz-select .ant-select-selection {
border-radius: 24px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none;
height: 40px;
width: 253px;
}
.filter-types nz-select .ant-select-selection .ant-select-selection__rendered {
height: 40px;
line-height: 40px;
}
.filter-types nz-select .ant-select-selection .ant-select-arrow {
font-size: 8px;
margin-top: -3px;
color: #566074;
}
.filter-types nz-date-picker .ant-calendar-picker {
color: #2b2d34;
}
.filter-types nz-date-picker .ant-calendar-picker .ant-calendar-picker-icon {
color: #2b2d34;
}
.filter-types nz-date-picker .ant-calendar-picker .ant-input {
border-radius: 24px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none;
height: 40px;
font-size: 14px;
width: 253px;
color: #2b2d34;
}
.filter-types nz-date-picker .ant-calendar-picker .ant-input::-webkit-input-placeholder {
color: #2b2d34;
}
.filter-types nz-date-picker .ant-calendar-picker .ant-input::-moz-placeholder {
color: #2b2d34;
}
.filter-types nz-date-picker .ant-calendar-picker .ant-input:-ms-input-placeholder {
color: #2b2d34;
}
.filter-types nz-date-picker .ant-calendar-picker .ant-input:-moz-placeholder {
color: #2b2d34;
}
.agentdatepicker .ant-calendar {
width: 253px;
}
.agentdatepicker .ant-calendar-footer-btn,
.agentdatepicker .ant-calendar-header,
.agentdatepicker .ant-calendar-date,
.agentdatepicker .ant-calendar-column-header {
font-size: 12px;
}
.agentdatepicker .ant-calendar-header .ant-calendar-next-month-btn::after,
.agentdatepicker .ant-calendar-header .ant-calendar-next-month-btn::before,
.agentdatepicker .ant-calendar-header .ant-calendar-prev-month-btn::after,
.agentdatepicker .ant-calendar-header .ant-calendar-prev-month-btn::before,
.agentdatepicker .ant-calendar-header .ant-calendar-prev-century-btn::after,
.agentdatepicker .ant-calendar-header .ant-calendar-prev-century-btn::before,
.agentdatepicker .ant-calendar-header .ant-calendar-prev-decade-btn::after,
.agentdatepicker .ant-calendar-header .ant-calendar-prev-decade-btn::before,
.agentdatepicker .ant-calendar-header .ant-calendar-prev-year-btn::after,
.agentdatepicker .ant-calendar-header .ant-calendar-prev-year-btn::before,
.agentdatepicker .ant-calendar-header .ant-calendar-next-century-btn::after,
.agentdatepicker .ant-calendar-header .ant-calendar-next-century-btn::before,
.agentdatepicker .ant-calendar-header .ant-calendar-next-decade-btn::after,
.agentdatepicker .ant-calendar-header .ant-calendar-next-decade-btn::before,
.agentdatepicker .ant-calendar-header .ant-calendar-next-year-btn::after,
.agentdatepicker .ant-calendar-header .ant-calendar-next-year-btn::before {
border-width: 2px 0 0 2px;
}
.agentdatepicker .ant-calendar-footer {
line-height: 40px;
}
.push-agent-info .ant-drawer-close {
right: 16px;
position: absolute;
}
.push-agent-info .ant-drawer-header {
margin: 0;
padding: 0;
border: none;
}
.push-agent-info .ant-drawer-body {
padding: 0px;
}
.push-agent-info .ant-drawer-body .admin-listings-info-tabset .ant-tabs-content {
display: block;
}
.push-agent-info .ant-drawer-body .ant-tabs-content {
position: unset;
display: flex;
width: 100%;
}
.push-agent-info .ant-drawer-body .summary {
border-bottom: 1px solid #ececec;
background: #fff;
padding: 33px 0 24px 0;
z-index: 333;
position: absolute;
top: 54px;
margin: 0 0 60px;
min-width: 94%;
}
.push-agent-info .ant-drawer-body .summary .account-icon {
display: inline-block;
width: 80px;
height: 53px;
margin-right: 16px;
}
.push-agent-info .ant-drawer-body .summary .account-icon img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.push-agent-info .ant-drawer-body .summary .account-info .title {
font-size: 14px;
line-height: 16px;
margin: 0 0 4px 0;
}
.push-agent-info .ant-drawer-body .summary .account-info .sub-title {
font-size: 12px;
line-height: 14px;
margin: 4px 0px;
}
.push-agent-info .ant-drawer-body .summary .account-info .link {
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #4cb8ac;
}
.push-agent-info .ant-drawer-body .summary .share-sec {
display: flex;
flex-flow: row;
padding-top: 8px;
}
.push-agent-info .ant-drawer-body .summary .share-sec .btn-primary-line {
border-radius: 27px;
height: 34px;
outline: none;
padding: 0px 21px 0px 22px;
border: 1px solid #4cb8ac;
cursor: pointer;
width: 82px;
margin-left: 10px;
}
.push-agent-info .ant-drawer-body .summary .share-sec a i {
color: #566074;
}
.push-agent-info .ant-drawer-body .property_form .ant-form-item {
margin-bottom: 24px;
}
.push-agent-info .ant-drawer-body .property_form .ant-form-item .ant-form-item-label > label {
height: 32px;
display: inline-flex;
}
.push-agent-info .ant-drawer-body .property_form .ant-form-item .ant-select {
height: auto;
}
.push-agent-info .ant-drawer-body .property_form .wizard-heading .ant-radio-wrapper {
margin: 0 8px 0 0;
line-height: 22px;
align-items: center;
}
.push-agent-info .ant-tabs-bar {
box-shadow: inset 0 -1px 0 0 #e1e5ee;
background-color: #f8f9fc;
padding: 0 16px 0 40px;
}
.push-agent-info .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
padding: 17px 0px 18px 0px;
font-size: 16px;
font-weight: 400;
}
.push-agent-info .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab-active {
color: #303235;
font-weight: 700;
}
.push-agent-info .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:hover {
color: #303235;
}
.push-agent-info .ant-tabs-bar .ant-tabs-nav .ant-tabs-ink-bar {
background-color: #4cb8ac;
}
.push-agent-info .ant-tabs-content .ant-tabs-tabpane {
padding: 30px 40px;
}
.push-agent-info .ant-tabs-content .ant-tabs-tabpane .ant-tabs-bar {
box-shadow: none;
padding: 0;
background: transparent none;
border-bottom: 0px;
}
.push-agent-info .ant-tabs-content .ant-tabs-tabpane .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
padding: 17px 0px 8px 0px;
font-size: 16px;
font-weight: 400;
}
.push-agent-info .ant-tabs-content .ant-tabs-tabpane .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab-active {
font-weight: 700;
}
.push-agent-info .ant-tabs-content .ant-tabs-tabpane .ant-tabs-content .ant-tabs-tabpane {
padding: 0px;
}
.push-agent-info .ant-tabs-content .account-icon {
width: 60px;
height: 60px;
margin-right: 24px;
}
.push-agent-info .ant-tabs-content .account-icon span {
line-height: 60px !important;
}
.push-agent-info .ant-tabs-content .account-info {
vertical-align: middle;
display: inline-block;
}
.push-agent-info .ant-tabs-content .account-info .title {
font-size: 18px;
font-weight: 500;
color: #2b2d34;
display: block;
margin-bottom: 8px;
}
.push-agent-info .ant-tabs-content .account-info .sub-title {
font-size: 14px;
color: #2b2d34;
display: block;
margin-bottom: 0px;
}
.push-agent-info .ant-tabs-content .edit {
font-size: 14px;
color: #566074;
line-height: 60px;
}
.push-agent-info .ant-tabs-content .ant-descriptions .ant-descriptions-row > td,
.push-agent-info .ant-tabs-content .ant-descriptions .ant-descriptions-row > th {
padding-bottom: 24px;
}
.push-agent-info .ant-tabs-content .ant-descriptions .ant-descriptions-row:nth-child(odd) > td,
.push-agent-info .ant-tabs-content .ant-descriptions .ant-descriptions-row:nth-child(odd) > th {
padding: 0px;
}
.push-agent-info .ant-tabs-content .ant-descriptions .ant-descriptions-row:nth-child(odd) > td .ant-descriptions-item-label,
.push-agent-info .ant-tabs-content .ant-descriptions .ant-descriptions-row:nth-child(odd) > th .ant-descriptions-item-label {
font-size: 14px;
color: #616b7d;
}
.push-agent-info .ant-tabs-content .ant-descriptions .ant-descriptions-item-content {
font-size: 14px;
color: #3b414d;
}
.push-agent-info .ant-tabs-content .ant-descriptions .ant-tag {
background-color: #f4f5f6;
color: #2b2d34;
border: none;
border-radius: 12px;
padding: 2px 8px;
margin: 2px;
font-size: 14px;
}
.push-request-info-summary .btn-primary-line {
margin-top: -40px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
background: #F8F9FC !important;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-close {
right: 16px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
padding: 39px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary {
margin: 16px 0 40px 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .account-icon {
display: inline-block;
width: 80px;
height: 53px;
margin-right: 16px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .account-icon img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .account-info {
vertical-align: middle;
display: inline-block;
color: #616B7D;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .account-info h3 {
font-size: 24px;
font-weight: 500;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .account-info .text-success {
color: #4cb8ac;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .account-info .title {
font-size: 14px;
line-height: 16px;
margin: 0 0 4px 0;
display: flex;
align-items: center;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .account-info .title img {
width: 11px;
margin-right: 8px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .account-info .link {
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #4cb8ac;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-steps-vertical.ant-steps-dot .ant-steps-item .ant-steps-item-tail:after {
min-height: 60px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-steps-vertical.ant-steps-dot .ant-steps-item .ant-steps-item-icon {
margin-top: 15px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-steps-vertical.ant-steps-dot .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
font-size: 12px;
line-height: 14px;
font-weight: 400;
color: #566074;
margin-bottom: 8px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-steps-vertical.ant-steps-dot .ant-steps-item .ant-steps-item-content .ant-steps-item-description {
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: #3B414D;
padding: 0;
margin: 0 0 24px 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-header {
margin: 0 0 16px 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-header .ant-descriptions-title {
color: #2B2D34;
font-size: 14px;
font-weight: 500;
line-height: 16px;
text-transform: uppercase;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container {
flex-direction: column;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-label {
color: #616B7D;
font-size: 14px;
font-weight: 300;
line-height: 16px;
margin: 0 0 8px 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content {
color: #3B414D;
font-size: 14px;
font-weight: 400;
line-height: 16px;
margin: 0 0 10px 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-divider-horizontal {
margin: 32px 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .notes_section .ant-descriptions-view .ant-descriptions-item-label {
display: none;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .property_sec .ant-descriptions-item {
padding-bottom: 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .property_sec .ant-descriptions-item .ant-descriptions-item-content {
margin-bottom: 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info {
margin: 0 0 40px 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info .user-icon {
margin-right: 24px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info .user-icon img {
width: 60px;
height: 60px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info .user-icon .ant-avatar {
width: 60px;
height: 60px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info .user-icon .ant-avatar span {
line-height: 60px;
font-weight: 500;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info h2 {
color: #2B2D34;
font-family: Roboto;
font-size: 18px;
font-weight: 500;
line-height: 21px;
margin: 8px 0;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info h3 {
color: #2B2D34;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
margin: 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
padding: 14px 30px 30px 30px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary {
margin: 16px 0 0 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .row-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .row-container .col-content {
display: flex;
align-items: center;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .row-container .view-contract-btn {
margin-left: auto;
background-color: #4cb8ac;
color: #fff;
font-weight: 400;
margin-bottom: 16px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-divider-horizontal {
margin: 8px 0 24px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body table tr td {
padding-bottom: 0px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box {
width: 100%;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box thead tr th {
font-weight: 400;
font-size: 12px;
color: #505d77;
line-height: 16px;
margin: 0 0 8px 0;
letter-spacing: 0.5px;
border-top: none;
border-color: #EFEFEF;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box tbody tr td {
padding: 10px 5px;
border-color: #EFEFEF;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box tbody tr td:first-child {
color: #2B2D34;
font-weight: 500;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box tbody tr td a + a {
margin-left: 8px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .ant-descriptions-row > td .ant-descriptions-item-label {
font-size: 12px;
color: #566074;
margin: 0 0 8px 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .ant-descriptions-row > td .ant-descriptions-item-content {
color: #2B2D34;
font-size: 14px;
margin: 0 0 16px 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .ant-descriptions-row > td:first-child .ant-descriptions-item-content {
color: #4cb8ac;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .ant-descriptions-row > td:nth-child(2) .ant-descriptions-item-content {
color: #4cb8ac;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .status-line {
background: #edf7f6;
font-size: 14px;
font-weight: 500;
line-height: 20px;
height: 34px;
color: #4cb8ac;
padding: 8px 15px;
border: 1px solid #edf7f6;
border-radius: 25px;
min-width: 86px;
display: inline-block;
margin: 0 0 0 10px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .status-line:first-child {
margin: 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .status-line img {
width: 14px;
height: 14px;
margin: 0 6px 0 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .details-grid {
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .details-grid .detail-item {
padding: 0 8px;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin: 0;
width: 20%;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .details-grid .detail-item .detail-title {
font-size: 12px;
line-height: 14px;
font-weight: 400;
color: #566074;
margin: 0 0 8px 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .details-grid .detail-item .detail-value {
font-size: 16px;
line-height: 20px;
font-weight: 500;
margin: 0;
color: #4cb8ac;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .details-grid .detail-item .detail-value.text-dark {
color: #2B2D34;
font-weight: 400;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .details-grid .detail-item-head .detail-title {
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: #2B2D34;
margin: 0 0 14px 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .notes_section .ant-descriptions-header .ant-descriptions-title {
text-transform: none;
font-weight: 400;
font-size: 16px;
color: #13171f;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box {
margin-bottom: 32px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .label-txt {
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #13171f;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 12px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .numb {
font-size: 18px;
font-weight: 600;
color: #ACB2BE;
margin: 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .numb .text-success {
font-weight: 500;
color: #4cb8ac;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .task-alert {
border-radius: 11px;
background-color: #FFF8ED;
color: #F5A623;
font-size: 12px;
line-height: 14px;
font-weight: 500;
padding: 5px 14px;
margin: 0px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .task-success {
border-radius: 11px;
background-color: #EDF8F7;
color: #4cb8ac;
font-size: 12px;
line-height: 14px;
font-weight: 500;
padding: 5px 14px;
margin: 0 0 0 12px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .ant-checkbox-group .ant-checkbox-wrapper {
font-size: 14px;
line-height: 18px;
color: #13171f;
font-weight: 500;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .ant-checkbox-group .ant-checkbox-wrapper-checked {
text-decoration-line: line-through;
color: #71747E;
font-weight: 400;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-label {
font-weight: 400;
font-size: 16px;
color: #13171f;
margin-bottom: 24px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content {
color: #616B7D;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin-bottom: 40px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content .ant-checkbox-wrapper {
margin-bottom: 8px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content .ant-checkbox-wrapper .ant-checkbox + span {
color: #5F636C;
font-size: 14px;
font-weight: 400;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content .label-txt {
font-weight: 400 !important;
font-size: 16px !important;
color: #13171f !important;
margin-bottom: 24px !important;
}
.push-agent .ant-tabs .ant-tabs-nav {
background-color: #f8f9fc;
padding: 0 16px 0px 40px;
margin: 0 0 16px;
outline: 0;
outline: 0;
box-shadow: none;
border: none;
}
.push-agent .ant-tabs .ant-tabs-nav:before {
border-bottom: 2px solid #f0f0f0;
}
.push-agent .ant-tabs .ant-tabs-nav .ant-tabs-tab {
padding: 16px 0px 17px 0px;
font-size: 16px;
font-weight: 400;
}
.push-agent .ant-tabs .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
color: #303235;
font-weight: 700;
}
.push-agent .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn {
color: #303235;
}
.push-agent .ant-tabs .ant-tabs-nav .ant-tabs-ink-bar {
background-color: #4cb8ac;
}
.push-agent .ant-tabs-content-holder .ant-tabs .ant-tabs-nav {
box-shadow: none;
padding: 0;
background: 0 0;
border-bottom: 0;
}
.push-agent .ant-tabs-content-holder .ant-tabs .ant-tabs-nav:before {
border-bottom: none;
}
.push-agent .ant-tabs-content-holder .ant-tabs .ant-tabs-nav .ant-tabs-tab {
padding: 17px 0 8px;
color: rgba(0, 0, 0, 0.65);
}
.push-agent .ant-tabs-content .ant-tabs-tabpane {
padding: 30px 40px;
}
.push-agent .ant-tabs-content .ant-tabs-tabpane .ant-tabs-bar {
box-shadow: none;
padding: 0;
background: transparent none;
border-bottom: 0px;
}
.push-agent .ant-tabs-content .ant-tabs-tabpane .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
padding: 17px 0px 8px 0px;
font-size: 16px;
font-weight: 400;
}
.push-agent .ant-tabs-content .ant-tabs-tabpane .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab-active {
font-weight: 700;
}
.push-agent .ant-tabs-content .ant-tabs-tabpane .ant-tabs-content .ant-tabs-tabpane {
padding: 0px;
}
.push-agent .ant-tabs-content .account-icon {
width: 60px;
height: 60px;
margin-right: 24px;
}
.push-agent .ant-tabs-content .account-icon span {
line-height: 60px !important;
}
.push-agent .ant-tabs-content .account-info {
vertical-align: middle;
display: inline-block;
}
.push-agent .ant-tabs-content .account-info .title {
font-size: 18px;
font-weight: 500;
color: #2b2d34;
display: block;
margin-bottom: 8px;
}
.push-agent .ant-tabs-content .account-info .sub-title {
font-size: 14px;
color: #2b2d34;
display: block;
margin-bottom: 0px;
}
.push-agent .ant-tabs-content .edit {
font-size: 14px;
color: #566074;
line-height: 60px;
}
.push-agent .ant-tabs-content .ant-descriptions .ant-descriptions-row > td,
.push-agent .ant-tabs-content .ant-descriptions .ant-descriptions-row > th {
padding-bottom: 24px;
}
.push-agent .ant-tabs-content .ant-descriptions .ant-descriptions-row:nth-child(odd) > td,
.push-agent .ant-tabs-content .ant-descriptions .ant-descriptions-row:nth-child(odd) > th {
padding: 0px;
}
.push-agent .ant-tabs-content .ant-descriptions .ant-descriptions-row:nth-child(odd) > td .ant-descriptions-item-label,
.push-agent .ant-tabs-content .ant-descriptions .ant-descriptions-row:nth-child(odd) > th .ant-descriptions-item-label {
font-size: 14px;
color: #616b7d;
}
.push-agent .ant-tabs-content .ant-descriptions .ant-descriptions-item-content {
font-size: 14px;
color: #3b414d;
}
.push-agent .ant-tabs-content .ant-descriptions .ant-tag {
background-color: #f4f5f6;
color: #2b2d34;
border: none;
border-radius: 12px;
padding: 2px 8px;
margin: 2px;
font-size: 14px;
}
.dashboard .col-box .anticon-caret-up svg {
width: 8px;
fill: #4cb8ac;
}
.dashboard .col-box .anticon-caret-down svg {
width: 8px;
fill: #eb6777;
}
.dashboard .ant-pagination {
display: none;
}
.filter .table-operations button.ant-dropdown-trigger span {
width: 120px;
text-align: left;
}
.filter .filter-dropdown-search {
border-radius: 24px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
padding: 8px 10px 8px 24px;
}
.filter .filter-dropdown-search .ant-form-item-children {
display: flex;
flex-direction: revert;
justify-content: left;
}
.filter .filter-dropdown-search .ant-btn {
padding: 0px;
height: 24px;
border: none;
box-shadow: none;
}
.filter .filter-dropdown-search .ant-btn input {
width: 60px;
}
.filter .filter-dropdown-search input {
text-align: left;
height: 24px;
box-shadow: none;
}
.ant-input-affix-wrapper.icon .ant-input-suffix {
top: 30%;
}
.steps-section .section-heading h3 {
font-size: 32px !important;
line-height: 32px !important;
}
.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon {
right: 10px !important;
}
.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon,
.has-success.has-feedback .ant-form-item-children-icon {
right: 10px !important;
}
.ant-modal {
padding: 0px !important;
}
.modal-inner-content .wizard-heading .map_search_box .banner-search {
box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.12);
}
.modal-inner-content .wizard-heading .map_search_box .banner-search nz-input-group {
width: 100%;
}
/*************Calendar*********/
.ant-picker-today-btn {
color: #4cb8ac;
}
.ant-picker-focused {
border-color: #4cb8ac;
box-shadow: 0 0 0 2px rgba(76, 184, 172, 0.2);
}
.ant-picker:hover {
border-color: #4cb8ac;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
border: 1px solid #4cb8ac;
}
.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 {
background-color: #4cb8ac;
}
.offer_response_load {
width: 80%;
margin: 0 auto;
display: block;
}
.text-eclipse {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.filter-modal-box .ant-modal {
min-width: 561px;
padding-bottom: 50px !important;
}
.filter-modal-box .ant-modal .ant-modal-content {
border-radius: 6px;
}
.filter-modal-box .ant-modal .ant-modal-close {
top: 48px;
right: 36px;
}
.filter-modal-box .ant-modal .ant-modal-close .ant-modal-close-x {
width: 24px;
height: 24px;
line-height: 24px;
}
.filter-modal-box .ant-modal .ant-modal-close .ant-modal-close-x svg path {
color: #4cb8ac;
}
.filter-modal-box .ant-modal .ant-modal-header {
position: relative;
background: transparent none;
border: none;
padding: 0;
top: 46px;
left: 32px;
width: calc(100% - 64px);
margin: 0 0 24px 0;
}
.filter-modal-box .ant-modal .ant-modal-header .ant-modal-title {
font-size: 24px;
line-height: 28px;
font-weight: 600;
color: #13171f;
}
.filter-modal-box .ant-modal .ant-modal-body {
padding: 44px 32px 20px;
}
.filter-modal-box .ant-modal .ant-modal-body .sapp-line:before {
content: "-";
position: absolute;
left: -3px;
bottom: 30px;
font-size: 16px;
line-height: 48px;
font-weight: 600;
color: #13171f;
}
.filter-modal-box .ant-modal .ant-modal-body .filter-content-margin {
margin-bottom: 53px;
}
.filter-modal-box .ant-modal .ant-modal-body .form-group {
margin-bottom: 30px;
}
.filter-modal-box .ant-modal .ant-modal-body .form-group .form-label {
font-size: 16px;
line-height: 20px;
color: #7E828C;
font-weight: 500;
margin: 0 0 18px 0;
}
.filter-modal-box .ant-modal .ant-modal-body .form-group .bselect.ant-select .ant-select-selector {
line-height: 48px;
height: 48px;
background-color: #ffffff;
border-color: #E7E9EE;
}
.filter-modal-box .ant-modal .ant-modal-body .form-group .bselect.ant-select .ant-select-selector:hover {
border-color: #4cb8ac;
}
.filter-modal-box .ant-modal .ant-modal-body .form-group .bselect.ant-select .ant-select-selector .ant-select-selection-placeholder,
.filter-modal-box .ant-modal .ant-modal-body .form-group .bselect.ant-select .ant-select-selector .ant-select-selection-search-input {
line-height: 48px;
height: 48px;
font-size: 16px;
}
.filter-modal-box .ant-modal .ant-modal-body .form-group .bselect.ant-select .ant-select-selector .ant-select-selection-item {
line-height: 48px;
}
.filter-modal-box .ant-modal .ant-modal-body h3 {
font-size: 16px;
line-height: 20px;
color: #7E828C;
margin: 0 0 18px 0;
}
.filter-modal-box .ant-modal .ant-modal-body .checkbox-list {
margin: 0 0 12px 0;
}
.filter-modal-box .ant-modal .ant-modal-body .checkbox-list .container-check {
font-size: 16px;
line-height: 22px;
color: #13171f;
margin: 0 0 18px 0 !important;
padding-left: 34px;
}
.filter-modal-box .ant-modal .ant-modal-body .checkbox-list .container-check .checkmark {
width: 22px;
border-radius: 4px;
height: 22px;
margin-right: 12px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.filter-modal-box .ant-modal .ant-modal-body .checkbox-list .container-check .checkmark:after {
position: relative;
left: auto;
top: -1px;
}
.filter-modal-box .ant-modal .filter-footer {
margin-top: 19px;
}
.filter-modal-box .ant-modal .filter-footer .ant-btn {
width: 142px;
height: 48px;
margin: 0 0 0 18px;
border-radius: 24px;
border: 1px solid #4cb8ac !important;
color: #4cb8ac;
background-color: #ffffff !important;
text-transform: uppercase;
font-size: 14px;
line-height: 48px;
font-weight: 700;
padding: 0px;
}
.filter-modal-box .ant-modal .filter-footer .ant-btn:hover, .filter-modal-box .ant-modal .filter-footer .ant-btn:focus {
color: #ffffff;
background-color: #4cb8ac !important;
}
.filter-modal-box .ant-modal .filter-footer .ant-btn-primary {
border: 1px solid #4cb8ac !important;
color: #ffffff;
background-color: #4cb8ac !important;
}
.filter-modal-box .ant-modal .filter-footer .ant-btn-primary:hover, .filter-modal-box .ant-modal .filter-footer .ant-btn-primary:focus {
color: #4cb8ac;
background-color: #ffffff !important;
}
.horizontal-wizard-steps {
margin-bottom: 40px;
}
.horizontal-wizard-steps .ant-steps-dot {
display: flex;
flex-direction: row;
}
.horizontal-wizard-steps .ant-steps-dot .ant-steps-item {
flex: 50%;
}
.horizontal-wizard-steps .ant-steps-dot .ant-steps-item-container {
display: flex;
flex-direction: row;
align-items: center;
}
.horizontal-wizard-steps .ant-steps-dot .ant-steps-item-tail {
display: none;
}
.horizontal-wizard-steps .ant-steps-dot .ant-steps-item-icon {
margin-left: 0;
top: 0px !important;
}
.horizontal-wizard-steps .ant-steps-dot .ant-steps-item-content {
margin: 0;
width: auto;
}
.skelton-section {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 860px;
width: 100%;
}
.skelton-section .ant-skeleton {
margin: 35px 0 -10px 0;
}
.skelton-section .ant-skeleton .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
border-radius: 10px;
width: 256px;
height: 172px;
}
.skelton-section .ant-skeleton .ant-skeleton-title {
margin-top: 50px;
}
/************task leads collapse*********************/
.tasks_collapse_box .ant-collapse {
border: none !important;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item {
border: none !important;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header {
background: #fcfbfb;
font-size: 18px;
line-height: 24px;
font-weight: 500;
padding-left: 39px;
overflow: hidden;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text:after {
margin: 12px 6px 0;
display: inline-block;
content: "";
border-top: 2px solid #f0efef;
width: 100%;
position: absolute;
top: 14px;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-title {
position: relative;
overflow: hidden;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-title:after {
margin: 12px 6px 0;
display: inline-block;
content: "";
border-top: 2px solid #F0EFEF;
width: 100%;
position: absolute;
top: 0px;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header:hover .ant-collapse-expand-icon .ant-collapse-arrow {
border: 1px solid #4cb8ac;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header:hover .ant-collapse-expand-icon .ant-collapse-arrow svg {
color: #4cb8ac;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
margin-inline-start: 0;
left: 0px;
position: absolute;
top: calc(50% - 11px);
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow {
border: 1px solid #D8D8D8;
border-radius: 50%;
padding: 0;
width: 24px;
height: 24px;
display: flex !important;
align-items: center;
justify-content: center;
position: relative;
top: auto;
left: auto;
right: auto;
margin: 0;
transform: none;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content {
border: none !important;
background-color: transparent;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
padding: 24px 0;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .offers_task .inner__collapse .ant-collapse-header {
background: #FFFFFF;
font-size: 16px;
line-height: 32px;
font-weight: 500;
overflow: hidden;
padding: 16px 30px 16px 20px;
border-radius: 8px;
min-height: 64px;
border-bottom: 1px solid #ffffff;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .offers_task .inner__collapse .ant-collapse-header .ant-collapse-title:after {
content: none;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .offers_task .inner__collapse .ant-collapse-header .ant-collapse-expand-icon {
position: relative;
top: auto;
left: auto;
height: auto;
margin: 0;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .offers_task .inner__collapse .ant-collapse-header .ant-collapse-header-text:after {
content: none;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .offers_task .inner__collapse .ant-collapse-header:hover .ant-collapse-arrow {
border: 1px solid #4cb8ac;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .offers_task .inner__collapse .ant-collapse-header:hover .ant-collapse-arrow svg {
color: #4cb8ac;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .offers_task .inner__collapse .ant-collapse-header .ant-collapse-arrow {
border: 1px solid #D8D8D8;
border-radius: 50%;
padding: 0;
width: 24px;
height: 24px;
display: flex !important;
align-items: center;
justify-content: center;
margin-top: -4px;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .offers_task .inner__collapse .ant-collapse-content .ant-collapse-content-box {
padding: 0 30px 8px;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .offers_task .inner__collapse .ant-collapse-content .ant-collapse-content-box .inner-main .subtask_list .collapse-descrp {
margin-left: 0;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item.ant-collapse-item-active .inner__collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
border-bottom: 1px solid #E7E9EE;
border-radius: 8px 8px 0 0;
}
.tasks_collapse_box .ant-collapse .ant-collapse-item.ant-collapse-item-active .inner__collapse .ant-collapse-item.ant-collapse-item-active .more-collapse svg {
transform: rotate(180deg);
}
.tasks_collapse_box .ant-collapse .ant-collapse-item.ant-collapse-item-active .inner__collapse .ant-collapse-item.ant-collapse-item-active .more-collapse svg path {
fill: #4cb8ac;
}
/************scrolllbar-modal*********************/
.document-view.wizard-popup .form-wizard-steps {
width: 215px;
padding: 30px 0 0px 37px;
position: fixed;
top: 0;
left: 0;
}
.document-view.wizard-popup .form-wizard-steps .ant-steps-item-content {
width: 140px;
min-height: auto;
}
.document-view.wizard-popup .scrolllbar-modal {
width: calc(100% - 215px);
height: calc(100vh - 58px);
padding: 0px;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
margin-left: 215px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content {
padding-top: 30px;
padding-bottom: 100px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page {
border-radius: 6px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1);
border: solid 1px #f1f0f0;
background-color: #fff;
padding: 60px;
margin-bottom: 0px;
position: relative;
width: 1000px;
margin: 0px;
min-height: calc(100vh - 58px);
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item {
flex-direction: row;
align-items: center;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-label {
line-height: 16px;
height: auto;
overflow: visible;
padding: 0 0 8px;
margin: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-label > label {
display: inline-block;
line-height: 22px;
margin: 0;
padding-left: 7px;
font-size: 14px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-label > label:after {
content: "";
position: relative;
top: -0.5px;
margin: 0 8px 0 2px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-label.p-l-0 > label {
padding: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control {
flex-grow: unset;
width: auto;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control .ant-radio-group [nz-radio] .ant-radio {
top: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control .ant-radio-group.block_item [nz-radio] .ant-radio {
top: 6px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control .ant-radio-group.block_item [nz-radio] .ant-radio + span {
line-height: 28px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control .ant-radio-group {
display: inline-block;
max-height: 22px;
line-height: 22px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control .ant-radio-group .ant-radio-wrapper {
max-height: 22px;
line-height: 22px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control .ant-radio-group .ant-radio-wrapper span {
line-height: 28px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control .ant-radio-group [nz-radio] {
display: inline-block;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control .ant-radio-group .ant-radio + span {
display: inline-block;
max-height: unset;
line-height: 18px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-form-item-control .half-items .ant-radio + span {
display: flex;
align-items: center;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item .ant-input.md-inputs {
font-size: 14px;
padding: 5px 0px 6px 5px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item textarea.ant-input.md-inputs {
width: 100%;
border-top: 1px solid #ccd8db;
border-left: 1px solid #ccd8db;
border-right: 1px solid #ccd8db;
border-bottom: 1px solid #ccd8db;
padding: 10px 22px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item textarea.ant-input.md-inputs:focus {
border-color: #4cb8ac;
box-shadow: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item textarea.ant-input.md-inputs:hover {
border-color: #4cb8ac;
box-shadow: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item textarea.ant-input {
width: 100%;
border-top: 1px solid #ccd8db;
border-left: 1px solid #ccd8db;
border-right: 1px solid #ccd8db;
border-bottom: 1px solid #ccd8db;
padding: 4px 11px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item textarea.ant-input:focus {
border-color: #4cb8ac;
box-shadow: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item textarea.ant-input:hover {
border-color: #4cb8ac;
box-shadow: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section-offer .ant-form-item {
align-items: unset;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section-offer .ant-form-item .ant-form-item-control .ant-input {
font-size: 16px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section-offer .ant-form-item .ant-form-item-control .ant-checkbox-wrapper .ant-checkbox {
top: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section-offer .ant-form-item .ant-form-item-control .custom_checkbox.ant-checkbox-wrapper .ant-checkbox {
top: 3px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section-offer .ant-form-item .ant-form-item-label > label {
font-size: 16px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section-offer .ant-form-item .ant-form-item-label > label .ant-tag-green {
color: #fff;
background: #4cb8ac;
border-color: #4cb8ac;
font-size: 12px;
font-weight: 500;
border-radius: 4px;
margin: 0 0 0 16px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section-offer .ant-form-item .ant-form-item-label > label .ant-tag-green i {
margin-right: 4px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section-offer .ant-form-item .ant-picker .ant-picker-input input {
font-size: 16px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .checkbox-list .ant-form-item .ant-form-item-label > label {
padding-left: 0px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .sm-radio-inline-list label {
font-size: 14px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .sm-radio-inline-list span.ant-radio + * {
padding-right: 0px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline-view .ant-form-item-control {
margin-top: -7px;
margin-bottom: 7px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item .ant-form-item .ant-form-item-label {
line-height: 22px;
padding: 0;
margin: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
border-color: #f5222d;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-checkbox-wrapper span {
color: #f5222d;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input-content .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
border-color: #f5222d;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input-content .ant-checkbox-wrapper .ant-checkbox span {
color: #f5222d;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-form-item-control .ng-invalid.ng-touched {
outline: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-form-item-control .ng-invalid.ng-touched:hover {
outline: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-form-item-control .ng-valid {
outline: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-form-item-control .ng-valid:hover {
outline: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input .ng-invalid.ng-touched label .ant-radio-inner {
border-color: #f5222d;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input .ng-invalid.ng-touched label span {
color: #f5222d;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .ant-form-item.ant-form-item-has-error textarea.ant-input {
border-color: #f5222d;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .wizard-heading {
display: block;
margin-bottom: 40px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .wizard-heading h3 {
font-size: 26px;
color: #13171f;
font-weight: 400;
line-height: 30px;
padding-bottom: 0;
margin-left: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section3 nz-form-item {
padding-left: 15px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section3 .alphabet-label {
padding: 0 0 0 30px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section3 nz-form-label span {
left: -15px;
position: absolute;
top: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section4 nz-form-item {
padding-left: 15px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section4 nz-form-label span {
left: -15px;
position: absolute;
top: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section4 nz-form-item nz-form-label {
width: auto;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section5 nz-form-item {
padding-left: 15px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section5 nz-form-label span {
left: -15px;
position: absolute;
top: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section6 nz-form-item {
padding-left: 15px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section6 .alphabet-label {
padding-left: 25px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section6 nz-form-label span {
left: -15px;
position: absolute;
top: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section6 nz-form-label .flood-link {
position: relative;
left: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section7 .inline_form_item nz-form-item {
padding-left: 15px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section7 .inline_form_item nz-form-item .alphabet-label {
padding-left: 25px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section7 .inline_form_item nz-form-label span {
left: -15px;
position: absolute;
top: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section8 nz-form-item {
padding-left: 15px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section8 .alphabet-label {
padding-left: 25px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section8 nz-form-label span {
left: -15px;
position: absolute;
top: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .wizard-heading {
display: block;
margin-bottom: 40px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .wizard-heading h3 {
font-size: 26px;
color: #13171f;
font-weight: 400;
line-height: 30px;
padding-bottom: 0;
margin-left: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .calculation-section .ant-input-wrapper.ant-input-group {
position: relative;
width: 325px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .calculation-section .ant-input-group-addon {
background-color: #FCFBFB;
position: absolute;
right: 0;
width: 74px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 0 4px 4px 0;
border: 1px solid #d9d9d9;
z-index: 2;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .calculation-section .ant-input-group-addon:focus {
border-color: #4cb8ac;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .calculation-section .ant-input-group-addon:hover {
border-color: #4cb8ac;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .calculation-section .ant-input-group-addon:active {
border-color: #4cb8ac;
}
.document-view.wizard-popup .modal-footer {
position: sticky;
bottom: 0;
left: 0;
z-index: 1;
width: calc(100% - 0px);
margin: 0;
display: block;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
border-top: 1px solid #ddd;
background: #fff;
height: 58px;
padding: 12px 0;
}
.document-view.wizard-popup .modal-footer .inline-list li {
padding: 0px 15px;
}
.document-view.wizard-popup .modal-footer .inline-list li .ant-btn {
padding: 5px 30px;
background-color: #e4f8f9;
color: #4cb8ac;
text-transform: uppercase;
}
.document-view.wizard-popup .modal-footer .inline-list li .ant-btn span {
color: #4cb8ac;
}
.document-view.wizard-popup .modal-footer .inline-list li .ant-btn[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
}
.document-view.wizard-popup .modal-footer .inline-list li .ant-btn.ant-btn-primary {
background: #4cb8ac;
border-color: #4cb8ac;
color: #fff;
}
.document-view.wizard-popup .modal-footer .inline-list li .ant-btn.ant-btn-primary span {
color: #fff;
}
.document-view.wizard-popup .modal-footer .ant-btn {
min-width: 120px;
height: 34px;
line-height: 26px;
box-shadow: none;
text-shadow: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
border: none;
}
.document-view.wizard-popup .ant-picker {
border-radius: 0;
min-width: 183px;
border: none;
border-bottom: 1px solid #d9d9d9;
}
.document-view.wizard-popup .ant-picker-focused {
border-color: #4cb8ac;
box-shadow: none;
}
.document-view.wizard-popup .ant-input {
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
}
.document-view.wizard-popup .ant-input:focus, .document-view.wizard-popup .ant-input:hover {
border-color: #4cb8ac;
box-shadow: none;
}
.list_updated {
width: 160px;
margin: 0 auto;
position: absolute;
left: 44%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.list_updated .ant-alert-content {
display: contents;
}
.property_form .noborder-collapse.ant-collapse .ant-collapse-item .ant-collapse-header {
border: none;
font-size: 24px;
font-weight: 400;
color: #13171f;
line-height: 28px;
margin: 0;
padding: 12px 25px 30px 0px;
position: relative;
}
.property_form .noborder-collapse.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
right: 8px;
left: auto;
position: absolute;
}
.property_form .noborder-collapse.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow {
color: #8A93A7;
}
.property_form .noborder-collapse.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow svg {
transform: rotate(90deg);
}
.property_form .noborder-collapse.ant-collapse .ant-collapse-item .ant-collapse-content {
border: none;
}
.property_form .noborder-collapse.ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
padding: 14px 0 0 0;
}
.property_form .noborder-collapse.ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-col:last-child .form-group {
margin-bottom: 0;
}
.property_form .noborder-collapse.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .ant-collapse-arrow {
color: #4CB8AC;
}
.property_form .noborder-collapse.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .ant-collapse-arrow svg {
transform: rotate(-90deg) !important;
}
.property_form .ant-form-item-control .input_group .ant-input-group-addon {
padding: 0;
border: none;
background-color: transparent;
}
.property_form .ant-form-item-control .input_group .ant-input-group-addon .ant-btn {
background: #EAEDEE;
border: none;
color: #13171f;
font-size: 14px;
font-weight: 500;
box-shadow: none;
border-radius: 4px;
}
/************drawer*********************/
.mindrop-wrapper .ant-input-wrapper {
display: flex;
}
.mindrop-wrapper .ant-form-item-control {
order: 2;
}
.mindrop-wrapper .ant-input-group-addon {
order: 1;
margin-right: 20px;
min-width: 60px;
}
.mindrop-wrapper .ant-input-group-addon .ant-select {
min-width: 45px;
}
.mindrop-wrapper .ant-input-group-addon .ant-select-selection-search {
min-width: 35px;
}
.mindrop-wrapper .ant-input-group-addon .mindrop {
bottom: -5px;
}
.mindrop-wrapper .ant-input-group-addon .mindrop .ant-select-selector {
border: none;
box-shadow: 0 0 0;
padding: 0;
}
.mindrop-wrapper .ant-input-group-addon .mindrop .ant-select-selector .ant-select-selection-wrap .ant-select-selection-item {
display: flex;
align-items: center;
justify-content: center;
}
.mindrop-wrapper .ant-input-group-addon .mindrop:focus .ant-select-selector {
border: none;
box-shadow: 0 0 0;
}
.mindrop-wrapper .ant-input-group-addon .mindrop:hover .ant-select-selector {
border: none;
box-shadow: 0 0 0;
}
.mindrop-wrapper .ant-input-group-addon .mindrop .ant-select-arrow {
right: 0;
color: #4cb8ac;
}
.update-button {
border: none !important;
padding: 10px;
border-radius: 37px;
color: white;
background: #4cb8ac;
font-weight: 500;
cursor: pointer;
}
/******* Media Queries **********/
@media (max-width: 1300px) {
.x-modal-body .x-modal-heading .text-right.ant-col-10 {
padding: 0px !important;
}
.x-modal-body .x-modal-heading .text-right.ant-col-10 p {
font-size: 13px;
line-height: 36px;
}
}
@media (max-width: 1024px) {
.falaya-success .testimonial-slider .nav-btn.prev-slide {
left: 42%;
top: auto;
bottom: 170px;
}
.falaya-success .testimonial-slider .nav-btn.next-slide {
right: 47%;
top: auto;
bottom: 170px;
}
.falaya-success .testimonial-slider .slick-dots {
right: auto;
bottom: 147px;
left: 0;
width: 300px;
}
.footer-bottom {
padding: 0 20px;
}
.share_popup {
top: 0;
left: 180px;
margin: 0;
}
}
@media (max-width: 1024px) and (min-width: 780px) {
.container {
width: 100%;
}
}
@media only screen and (max-width: 992px) {
.container {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.falaya-success .testimonial-slider .nav-btn.prev-slide,
.falaya-success .testimonial-slider .nav-btn.next-slide {
display: none !important;
}
.falaya-success .testimonial-slider .slick-dots {
bottom: 27px;
width: 100%;
}
.skelton-section {
width: 87%;
max-width: unset;
}
.skelton-section .ant-skeleton {
flex-direction: column;
display: flex;
align-items: center;
}
.skelton-section .ant-skeleton .ant-skeleton-header {
width: calc(100% - 0px);
padding: 0;
}
.skelton-section .ant-skeleton .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
width: 100%;
}
.push-leads-info {
width: 100% !important;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
padding: 18px 15px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-close {
right: 16px;
padding: 0;
width: 24px;
height: 24px;
top: 16px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title {
font-size: 16px;
line-height: 19px;
font-weight: 400;
color: #566074;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
padding: 20px 16px 30px 16px;
}
.push-leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary {
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.cdk-overlay-container {
z-index: 10001;
}
.top-btns span {
display: none;
}
.ant-col-offset-6 {
margin-left: 0px !important;
}
section.HomeBanner {
padding: 0px 15px;
}
.heading-top {
padding: 42px 0px 0px 0px;
}
.second-heading {
margin-top: 14px;
}
button.home-btn {
margin-bottom: 25px;
}
.what-we-do {
text-align: center;
padding: 15px 25px 30px 25px;
}
.inner-mls-features {
padding: 40px 25px;
}
section.how-it-works {
padding: 30px 25px;
}
.questions {
padding: 42px 25px;
}
.share_popup {
left: 0px;
}
.offer_response_load {
width: 100%;
}
}
.ng2-pdf-viewer-container {
overflow-x: auto !important;
overflow-y: auto !important;
}
_::-webkit-full-page-media .ant-layout,
_:future .ant-layout,
:root .safari_only .ant-layout {
position: relative;
top: -64px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
margin-left: 0px;
}
.web-conf {
/********update-css****/
}
.web-conf .ant-modal-mask {
background-color: #fff;
}
.web-conf .ant-modal-wrap .ant-modal {
width: auto !important;
top: 0px;
}
.web-conf .ant-modal-content {
box-shadow: none;
border-radius: 0px;
}
.web-conf .ant-modal-content .ant-modal-close {
right: 30px;
top: 30px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
border: solid 1.1px #f1f0f0;
color: #4cb8ac;
}
.web-conf .home-section {
padding: 60px 0px;
}
.web-conf .ant-tabs-card.x-tabs .ant-tabs-bar {
margin-bottom: 60px;
}
.web-conf .faqsCollapse > .ant-collapse .ant-collapse-item .ant-collapse-header {
font-size: 18px !important;
padding: 22px 50px 22px 0px !important;
}
.web-conf .faqsCollapse > .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
left: 88.8% !important;
}
.web-conf .article-row {
padding: 0px 15px;
}
.web-conf .article-card.ant-card {
margin-bottom: 0px;
}
.web-conf .article-card.ant-card .ant-card-cover {
min-height: 100px;
max-height: 100px;
}
.web-conf .article-card.ant-card .ant-card-cover img {
border-radius: 4px;
min-height: 100px;
max-height: 100px;
width: 100%;
}
.web-conf .article-card.ant-card .ant-card-meta-detail {
min-height: 0px;
}
.web-conf .article-card.ant-card .ant-card-body {
min-height: 0px;
}
.web-conf .article-card.ant-card .ant-card-body .ant-card-meta-title {
font-size: 16px;
}
.web-conf .docs-card.ant-card .ant-card-cover {
min-height: 180px !important;
max-height: 180px !important;
}
.web-conf .docs-card.ant-card .ant-card-cover img {
border-radius: 4px;
min-height: 180px !important;
max-height: 180px !important;
width: 100%;
}
.web-conf .slick-slider.schedule-carousel .prev-slide .left {
display: none;
}
.web-conf .slick-slider.schedule-carousel .next-slide .right {
display: none;
}
.web-conf .popup-x-form .x-modal-body .x-modal-heading {
margin-bottom: 20px;
}
.web-conf .popup-x-form .x-modal-body .x-modal-heading .heading-title {
font-size: 18px;
}
.web-conf .ant-modal-close {
right: 0px !important;
top: 0px !important;
z-index: 9999;
background: transparent !important;
color: #fff !important;
}
.web-conf .x-modal-body {
padding: 40px 30px;
}
.web-conf .preview-modal ngx-gallery-arrows .ngx-gallery-arrow-left .ngx-gallery-icon {
display: none;
}
.web-conf .preview-modal ngx-gallery-arrows .ngx-gallery-arrow-right .ngx-gallery-icon {
display: none;
}
.web-conf .detail-layout {
margin: 0px;
}
.web-conf .ant-modal-close {
color: #1b1b1b !important;
}
.web-conf .msg-box {
width: 300px;
margin: 0px auto;
border-radius: 4px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1);
border: solid 1px #f1f0f0;
text-align: center;
padding: 20px 30px;
}
.web-conf .msg-box img {
padding: 10px 0px;
}
.web-conf .msg-box h3 {
font-size: 24px;
line-height: 30px;
}
.web-conf .msg-box p {
font-size: 14px;
margin-bottom: 15px;
}
.web-conf .msg-box .ant-btn {
letter-spacing: normal;
font-weight: 500;
}
.hide {
display: none !important;
}
.hideMobile {
display: block;
}
.pz-zoom-button {
display: none;
}
#slider-box {
width: auto !important;
}
@media (max-width: 480px) {
.mat-mdc-form-field .mat-mdc-form-field-label-wrapper,
.mat-mdc-form-field .mat-form-field-label-wrapper,
.mat-form-field .mat-mdc-form-field-label-wrapper,
.mat-form-field .mat-form-field-label-wrapper {
background-position: left 9px;
padding: 0px;
left: 14px;
right: 0;
background-size: 16px;
top: 4px;
}
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix {
max-width: unset;
width: 100%;
}
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper {
padding: 0px !important;
margin-left: 42px;
}
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-mdc-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-mdc-form-field-flex .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-form-field-flex .mat-mdc-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-mdc-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix .mdc-evolution-chip-set__chips .mat-standard-chip.mat-chip-with-trailing-icon,
.mat-form-field .mat-form-field-flex .mat-form-field-flex .mat-form-field-infix .mat-chip-list-wrapper .mat-standard-chip.mat-chip-with-trailing-icon {
padding: 4px 8px 4px 9px;
font-size: 14px;
font-weight: 500;
line-height: 12px;
min-height: 36px;
}
.profile-card.ant-card {
box-shadow: none;
background: none;
}
.profile-card.ant-card .ant-card-body {
padding: 0px;
}
.profile-card.ant-card .ant-card-body .ant-tabs {
display: block;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder {
border: none;
padding-left: 0px;
margin-left: 0px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane {
margin: 10px 15px 0;
width: calc(100% - 30px);
background: #fff;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .tab-contents {
padding: 20px 15px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .tab-contents .contact-card-list .list-card {
border-radius: 4px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
background: #fff;
padding: 15px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .tab-contents .collapse-form .ant-form-item .ant-form-item-label > label {
font-size: 14px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .tab-contents .collapse-form .ant-form-item .textfield--float-label .hosted-field--label {
font-size: 14px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .tab-contents .collapse-form .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content {
font-size: 16px;
font-weight: 300;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane .settings-tab-contents {
padding: 20px 0;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane:has(.tab-contents.card-list) {
background: transparent none;
padding: 0;
box-shadow: none;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane:has(.tab-contents.card-list) .tab-contents.card-list {
padding: 10px 0;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane:has(.tab-contents.card-list) .tab-contents.card-list h3 {
margin-bottom: 16px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-content-holder .ant-tabs-tabpane:has(.tab-contents.card-list) .tab-contents.card-list .table-operations .ant-btn {
background: transparent none;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-tabpane {
margin-top: 10px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-left-content .tab-contents {
height: calc(100vh - 134px);
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-bar {
padding: 0px;
width: 100%;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-ink-bar {
display: none;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav {
padding: 0px;
width: 100%;
border-radius: 4px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none;
background: #fff;
margin: 0px;
height: 56px;
position: relative;
top: auto;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav .ant-tabs-tab {
min-height: 56px;
line-height: 56px;
width: 33%;
text-align: center;
margin: 0;
font-size: 14px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav .ant-tabs-tab .offerCount {
margin: 0px 0 0 7px;
line-height: 56px;
float: none;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav-list {
position: relative;
display: inline;
transition: transform 0.3s;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav > div {
display: flex;
flex-direction: row;
justify-content: unset;
justify-content: space-around;
align-items: center;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav > div .ant-tabs-tab {
width: unset;
padding: 12px 36px 12px 23px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav > div .ant-tabs-tab .ant-tabs-tab-btn {
font-size: 13px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav > div .ant-tabs-tab .ant-tabs-tab-btn .offerCount {
line-height: unset;
right: unset;
font-size: 11px;
}
.profile-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav > div .ant-tabs-tab-active::before {
border-bottom: 2px solid #4cb8ac;
top: auto;
bottom: 0px;
border-left: none;
border-right: none;
}
.settings-card.ant-card .ant-card-body .ant-tabs .ant-tabs-nav > div .ant-tabs-tab {
padding: 12px;
}
.profile-card .ant-tabs {
display: block;
}
.profile-card .ant-tabs .ant-tabs-ink-bar {
display: none;
}
.profile-card .ant-tabs .ant-tabs-content-holder {
border: none;
padding-left: 0px;
margin-left: 0px;
}
.profile-card .ant-tabs .ant-tabs-tabpane {
margin-top: 10px;
}
.profile-card .ant-tabs .ant-tabs-nav {
padding: 0px;
width: 100%;
border-radius: 4px;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none;
background: #fff;
margin: 0px;
height: 56px;
position: relative;
top: auto;
}
.profile-card .ant-tabs .ant-tabs-nav-list {
position: relative;
display: inline;
transition: transform 0.3s;
}
}
@media only screen and (max-width: 480px) {
.payment_start .ant-modal .ant-modal-content {
border-radius: 6px;
margin-left: 10px;
margin-right: 10px;
}
.have-discount {
background-color: rgba(0, 0, 0, 0.85);
}
.have-discount .ant-modal {
top: 153px !important;
width: 365px;
}
.have-discount .ant-modal .ant-modal-content {
border-radius: 6px;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-close {
position: absolute;
top: -44px;
right: -17px;
color: #3b414d;
box-shadow: none;
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
background: #ffffff;
display: block;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 34px;
height: 34px;
font-size: 18px;
line-height: 16px;
margin: 0px auto;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 12px;
width: 12px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
margin: 10px auto;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
.have-discount .ant-modal .ant-modal-content .ant-modal-body {
padding: 30px;
}
.ant-empty-image {
width: 48px;
height: auto;
}
.ant-empty-image img {
width: 100%;
height: auto;
}
.document-modal {
width: 95%;
}
.document-modal .ant-modal {
width: 95%;
margin: 0 auto;
}
.ng2-pdf-viewer-container {
overflow-x: auto !important;
}
.near_close .ant-modal-close {
top: -44px;
right: -20px;
}
.hideMobile {
display: none !important;
}
.owl-carousel .owl-dots {
background: transparent;
}
.owl-carousel .owl-dots .owl-dot span {
height: 6px;
background-color: #d1d6e4 !important;
width: 6px;
margin: 0px 5px;
}
.owl-carousel .owl-dots .owl-dot.active span {
background-color: #4cb8ac !important;
}
.main {
padding: 0;
}
.form-group {
margin-bottom: 20px;
}
.full-calender .fc-toolbar.fc-header-toolbar {
text-align: center;
}
.full-calender .fc-toolbar.fc-header-toolbar .fc-right {
float: none;
}
.ghost-calender .ant-fullcalendar-header {
text-align: center;
}
.ant-modal {
max-width: 100%;
}
.ant-modal-wrap .legal-doc .pdfViewer.removePageBorders .page {
height: 63vh !important;
width: 100% !important;
}
.ant-modal-wrap .legal-doc .pdfViewer.removePageBorders .page .canvasWrapper .canvasWrapper {
width: 100% !important;
max-width: 360px !important;
height: auto !important;
}
.ant-modal-wrap .legal-doc .pdfViewer.removePageBorders .page .canvasWrapper .canvasWrapper canvas {
width: 100% !important;
max-width: 360px !important;
height: auto !important;
}
.ant-modal-wrap .legal-doc .pdfViewer.removePageBorders .canvasWrapper,
.ant-modal-wrap .legal-doc .pdfViewer.removePageBorders .canvas,
.ant-modal-wrap .legal-doc .pdfViewer.removePageBorders canvas,
.ant-modal-wrap .legal-doc .pdfViewer.removePageBorders .textLayer {
width: 100% !important;
height: auto !important;
}
.ant-notification-bottomRight {
right: 0px;
left: 0 !important;
bottom: 78px !important;
width: 600px !important;
margin: 0;
}
.home-section .row-carousel .col-carousel.slick-slide {
margin-left: 15px;
width: 330px;
}
.home-section .artical-slider .slick-slide {
margin-left: 15px;
width: 330px !important;
}
.ant-menu .ant-menu-submenu .ant-menu-submenu-title span {
margin-right: 10px;
}
.ant-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
right: auto;
}
.ant-modal-body .list-item {
margin-bottom: 10px;
}
.ant-modal-body .circle-icon {
display: inline-block;
margin-right: 8px;
position: relative;
vertical-align: middle;
width: 16px;
height: 16px;
}
.ant-modal-body .circle-icon:after {
content: "";
border: 2px solid #d8d8d8;
width: 16px;
height: 16px;
border-radius: 10px;
display: block;
position: absolute;
top: 0;
left: 0;
}
.ant-modal-body .circle-icon i {
display: block;
font-size: 10px;
background-color: #4cb8ac;
color: #fff;
width: 16px;
height: 16px;
border-radius: 10px;
z-index: 1;
position: relative;
vertical-align: middle;
line-height: 16px;
padding: 2px 0 0;
}
.select-modal .ant-modal .ant-modal-close-x {
display: none;
}
.select-modal .ant-modal .ant-modal-header {
background: #fff;
padding: 24px 20px;
border: none;
text-align: center;
border-bottom: 1px solid #e0dfe0;
}
.select-modal .ant-modal .ant-modal-footer {
background: 0 0;
padding: 0;
border: none;
}
.select-modal .ant-modal .ant-modal-footer .ant-btn {
border: none;
width: 50%;
margin: 0;
height: 50px;
border-radius: 0;
color: #4cb8ac;
background-color: #fff;
font-size: 16px;
font-weight: 400;
vertical-align: middle;
}
.select-modal .ant-modal .ant-modal-footer .ant-btn-primary {
color: #fff;
background-color: #4cb8ac;
font-weight: 600;
}
.x-modal-body .x-modal-heading {
margin-bottom: 20px;
}
.x-modal-body .x-modal-heading .heading-title {
font-size: 18px;
line-height: 20px;
font-weight: 400;
}
.x-modal-body .x-model-content {
margin-bottom: 0px;
}
.x-modal-body .x-model-content .preferences.property-status-modal .border-div {
border: none;
padding: 0px;
min-height: auto;
}
.x-modal-body .x-model-content .preferences.property-status-modal .border-div .form-group .ant-input.md-inputs {
border: 1px solid #ccd8db;
padding: 6px;
}
.footer-bottom {
padding: 0;
}
}
.slick-slide {
outline: none !important;
}
.slide {
outline: none !important;
}
/***********earn-posts-slider**************/
.learn-posts-slider .nav-btn {
position: absolute;
top: -58px;
display: block;
width: 48px;
height: 48px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
background: transparent;
border-radius: 50%;
z-index: 9;
}
.learn-posts-slider .nav-btn i {
color: #13192d;
}
.learn-posts-slider .nav-btn.prev-slide {
right: 47px;
}
.learn-posts-slider .nav-btn.prev-slide .left {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/arrow-left.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px 0px;
height: 28px;
display: block;
}
.learn-posts-slider .nav-btn.next-slide {
right: 2px;
}
.learn-posts-slider .nav-btn.next-slide .right {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/arrow-right.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px 0px;
height: 28px;
display: block;
}
.chat {
position: relative;
}
.chat video {
transform: scaleX(-1);
}
.chat .local-video video {
position: absolute;
height: auto !important;
width: 240px !important;
bottom: 70px;
left: 10px;
border-radius: 5px;
z-index: 1;
}
.chat .one_participant {
width: 52.7%;
margin: 0 auto;
height: calc(100vh - 284px);
}
.chat .one_participant .video_box {
position: relative;
height: 100%;
}
.chat .one_participant .video_box .show_video {
height: 100%;
}
.chat .one_participant .video_box .show_video .video_section {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
flex-direction: column;
}
.chat .one_participant .video_box .show_video .video_section video {
width: 100%;
border-radius: 4px;
height: 100%;
background: #2b2e35;
}
.chat .one_participant .video_box .show_video .video_section img {
width: 100%;
height: 100%;
border-radius: 4px;
position: absolute;
}
.chat .one_participant .video_box .show_video .video_section .avatar_text {
position: absolute;
z-index: 1;
display: block;
color: #4cb8ac;
font-size: 50px;
background: white;
border-radius: 50%;
padding: 0px;
height: 100px;
width: 100px;
text-align: center;
padding-top: 12px;
border: 1px solid;
}
.chat .one_participant .video_box .show_video .video_section .video_footer {
position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
}
.chat .one_participant .video_box .show_video .video_section .video_footer p {
font-size: 16px;
font-weight: 500;
position: absolute;
left: 20px;
bottom: 16px;
margin: 0px;
color: white;
}
.chat .one_participant .video_box .show_video .video_section .video_footer .dot-1 {
height: 4px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 20px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .one_participant .video_box .show_video .video_section .video_footer .dot-1-hover {
height: 8px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 20px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .one_participant .video_box .show_video .video_section .video_footer .dot-2 {
height: 8px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 28px;
border-radius: 2px;
bottom: 20px;
cursor: pointer;
}
.chat .one_participant .video_box .show_video .video_section .video_footer .dot-2-hover {
height: 10px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 28px;
border-radius: 2px;
bottom: 20px;
cursor: pointer;
}
.chat .one_participant .video_box .show_video .video_section .video_footer .dot-3 {
height: 4px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 36px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .one_participant .video_box .show_video .video_section .video_footer .dot-3-hover {
height: 10px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 36px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .multiple_participants {
display: flex;
justify-content: center;
align-items: center;
height: calc(100vh - 256px);
width: 66%;
margin: 0px auto;
}
.chat .multiple_participants .video_box {
position: relative;
width: 100%;
height: 100%;
max-height: 68.3%;
}
.chat .multiple_participants .video_box .show_video {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.chat .multiple_participants .video_box .show_video .video_section {
width: calc(49% - 20px);
margin: 0 10px 0px;
position: relative;
background: #2b2e35;
overflow: hidden;
border-radius: 4px;
text-align: center;
height: 100%;
}
.chat .multiple_participants .video_box .show_video .video_section video {
width: 100%;
border-radius: 4px;
background: #2b2e35;
height: 100%;
}
.chat .multiple_participants .video_box .show_video .video_section img {
width: 100%;
height: 100%;
border-radius: 4px;
position: absolute;
}
.chat .multiple_participants .video_box .show_video .video_section .avatar_text {
position: absolute;
z-index: 1;
display: block;
color: #4cb8ac;
font-size: 50px;
background: white;
border-radius: 50%;
padding: 0px;
height: 100px;
width: 100px;
text-align: center;
padding-top: 12px;
border: 1px solid;
}
.chat .multiple_participants .video_box .show_video .video_section .video_footer {
position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
}
.chat .multiple_participants .video_box .show_video .video_section .video_footer p {
font-size: 16px;
font-weight: 500;
position: absolute;
left: 20px;
bottom: 16px;
margin: 0px;
color: white;
}
.chat .multiple_participants .video_box .show_video .video_section .video_footer .dot-1 {
height: 4px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 20px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .multiple_participants .video_box .show_video .video_section .video_footer .dot-1-hover {
height: 8px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 20px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .multiple_participants .video_box .show_video .video_section .video_footer .dot-2 {
height: 8px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 28px;
border-radius: 2px;
bottom: 20px;
cursor: pointer;
}
.chat .multiple_participants .video_box .show_video .video_section .video_footer .dot-2-hover {
height: 10px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 28px;
border-radius: 2px;
bottom: 20px;
cursor: pointer;
}
.chat .multiple_participants .video_box .show_video .video_section .video_footer .dot-3 {
height: 4px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 36px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .multiple_participants .video_box .show_video .video_section .video_footer .dot-3-hover {
height: 10px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 36px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .three_participants {
display: flex;
justify-content: center;
align-items: center;
height: calc(100vh - 256px);
width: 66%;
margin: 0px auto;
}
.chat .three_participants .video_box {
width: 100%;
height: 100%;
}
.chat .three_participants .show_video {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.chat .three_participants .show_video .video_section {
flex: 0 calc(42% - 20px);
border-radius: 4px;
margin: 5px 10px;
box-sizing: border-box;
position: relative;
}
.chat .three_participants .show_video .video_section video {
height: 100%;
width: 100%;
background-color: #2b2e35;
border-radius: 4px;
}
.chat .three_participants .show_video .video_section img {
width: 100%;
height: 100%;
border-radius: 4px;
position: absolute;
}
.chat .three_participants .show_video .video_section .avatar_text {
position: absolute;
z-index: 1;
display: block;
color: #4cb8ac;
font-size: 50px;
background: white;
border-radius: 50%;
padding: 0px;
height: 100px;
width: 100px;
text-align: center;
padding-top: 12px;
border: 1px solid;
}
.chat .three_participants .show_video .video_section .video_footer {
position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
}
.chat .three_participants .show_video .video_section .video_footer p {
font-size: 16px;
font-weight: 500;
position: absolute;
left: 20px;
bottom: 16px;
margin: 0px;
color: white;
}
.chat .three_participants .show_video .video_section .video_footer .dot-1 {
height: 4px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 20px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .three_participants .show_video .video_section .video_footer .dot-1-hover {
height: 8px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 20px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .three_participants .show_video .video_section .video_footer .dot-2 {
height: 8px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 28px;
border-radius: 2px;
bottom: 20px;
cursor: pointer;
}
.chat .three_participants .show_video .video_section .video_footer .dot-2-hover {
height: 10px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 28px;
border-radius: 2px;
bottom: 20px;
cursor: pointer;
}
.chat .three_participants .show_video .video_section .video_footer .dot-3 {
height: 4px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 36px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.chat .three_participants .show_video .video_section .video_footer .dot-3-hover {
height: 10px;
width: 4px;
background: #4cb8ac;
margin: 0px 2px;
position: absolute;
right: 36px;
border-radius: 2px;
bottom: 22px;
cursor: pointer;
}
.video-chat .ant-modal-mask {
background-color: #13171f;
}
.video-chat .ant-modal-wrap .ant-modal {
width: auto !important;
top: 0px;
padding: 0px;
margin: 0px;
height: 100%;
}
.video-chat .ant-modal-content {
box-shadow: none;
border-radius: 0px;
height: 100%;
}
.video-chat .ant-modal-content .ant-modal-body {
height: 100%;
}
.video-chat .ant-modal-content .ant-modal-close {
right: 30px;
top: 30px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
border: solid 1.1px #f1f0f0;
color: #4cb8ac;
}
.web-invite .ant-modal {
width: 600px !important;
padding: 0px;
}
.web-invite .ant-modal-content .ant-modal-body {
padding: 40px 70px 70px 40px;
}
.web-invite .ant-modal-content .flexx .ant-select {
width: 75%;
}
.web-invite .ant-modal-content .flexx .ant-select .ant-select-selection .ant-select-selection__rendered .ant-select-selection__placeholder {
margin-left: 5%;
margin-top: -2%;
}
.web-invite .ant-modal-content .flexx .ant-select-open .ant-select-selection {
border-color: #4cb8ac;
box-shadow: none;
}
.web-invite .ant-modal-content .flexx .ant-select-open .ant-select-selection .ant-select-selection__rendered .ant-select-selection__placeholder {
margin-left: 0%;
margin-top: -2%;
}
.screen-share-full .share-class video {
z-index: 1;
padding: 0;
height: 76.3vh;
position: fixed;
top: 85px;
left: 20%;
}
.chat .img-icon {
z-index: 3;
position: relative;
}
.chat .video_section.full-video {
width: 100vw !important;
height: calc(100vh - 64px) !important;
position: fixed !important;
left: 0 !important;
top: 0 !important;
margin: 0px !important;
z-index: 2;
}
.chat .video_section.full-video .video_footer {
z-index: 1;
}
.full-video#localVideo {
height: 100vh !important;
}
.full-video#localVideo video {
width: 100vw !important;
height: 100% !important;
position: fixed !important;
left: 0 !important;
top: 0 !important;
}
.show-bar .full-video#localVideo {
height: calc(100vh - 64px) !important;
}
.show-bar .full-video#localVideo video {
height: calc(100% - 64px) !important;
}
.Invitation-Sent .ant-modal {
width: 600px !important;
padding: 0px;
}
.Invitation-Sent .ant-modal .ant-modal-content {
padding: 60px 0px;
}
.share-screen .ant-modal {
width: 720px !important;
padding: 0px;
margin: 0px auto;
}
.share-screen .ant-modal .ant-modal-content {
padding: 60px 0px;
text-align: center;
}
.user-image .group-avatar {
background: white;
color: #4cb8ac;
margin-right: 15px;
border-radius: 50%;
border: solid 1px #e5e5e5;
width: 40px;
height: 40px;
padding-top: 8px;
text-align: center;
}
.ant-menu .browse.ant-menu-submenu .ant-menu-submenu-title {
border-right: none;
}
.slick-slide {
outline: none !important;
}
.slide {
outline: none !important;
}
.footer-listing .ant-menu .ant-menu-submenu .ant-menu-submenu-title span {
margin-right: 10px;
}
.footer-listing .ant-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
right: auto;
}
/***********learn-posts-slider**************/
.learn-posts-slider .nav-btn {
position: absolute;
top: -58px;
display: block;
width: 48px;
height: 48px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
background: transparent;
border-radius: 50%;
z-index: 9;
}
.learn-posts-slider .nav-btn i {
color: #13192d;
}
.learn-posts-slider .nav-btn.prev-slide {
right: 47px;
}
.learn-posts-slider .nav-btn.prev-slide .left {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/arrow-left.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px 0px;
height: 28px;
display: block;
}
.learn-posts-slider .nav-btn.next-slide {
right: 2px;
}
.learn-posts-slider .nav-btn.next-slide .right {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/arrow-right.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px 0px;
height: 28px;
display: block;
}
.learn-books-slider .nav-btn {
position: absolute;
top: -58px;
display: block;
width: 48px;
height: 48px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
background: transparent;
border-radius: 50%;
z-index: 9;
}
.learn-books-slider .nav-btn i {
color: #13192d;
}
.learn-books-slider .nav-btn.prev-slide {
right: 47px;
}
.learn-books-slider .nav-btn.prev-slide .left {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/arrow-left.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px 0px;
height: 28px;
display: block;
}
.learn-books-slider .nav-btn.next-slide {
right: 2px;
}
.learn-books-slider .nav-btn.next-slide .right {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/arrow-right.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 10px 0px;
height: 28px;
display: block;
}
span.badge.pending {
background: #fdf8ed;
color: #efa92b;
}
span.badge.accepted {
background: #edf7f6;
color: #4cb8ac;
}
.offerMoreDD {
padding: 8px 0px !important;
}
.offerMoreDD li.ant-dropdown-menu-item,
.offerMoreDD li.ant-dropdown-menu-item > a {
padding: 6px 14px !important;
color: #4cb8ac;
}
.offerMoreDD li.ant-dropdown-menu-item img,
.offerMoreDD li.ant-dropdown-menu-item > a img {
margin-right: 8px;
}
.chat-box .ps-content {
margin: 16px 16px 0 8px;
}
@media only screen and (min-width: 1000px) {
.chat .one_participant {
width: 49.7%;
}
.chat .multiple_participants .video_box {
max-height: 53.3%;
}
}
@media only screen and (min-width: 1100px) {
.chat .one_participant {
width: 43.7%;
}
.chat .multiple_participants {
width: 62%;
}
.chat .multiple_participants .video_box {
max-height: 61.8%;
}
.chat .three_participants {
width: 63%;
height: calc(100vh - 230px);
}
.chat .three_participants .show_video .video_section {
height: 50%;
}
}
@media (min-width: 1280px) and (min-height: 800px) {
.chat .one_participant {
width: 48.5%;
}
.chat .multiple_participants {
width: 68%;
}
.chat .multiple_participants .video_box {
max-height: 61.8%;
}
.chat .three_participants {
width: 69%;
height: calc(100vh - 230px);
}
.chat .three_participants .show_video .video_section {
height: 50%;
}
}
@media only screen and (min-width: 1300px) {
.chat .one_participant {
width: 40.7%;
}
.chat .multiple_participants {
width: 66%;
}
.chat .multiple_participants .video_box {
max-height: 72.3%;
}
.chat .multiple_participants .video_box .show_video .video_section {
width: calc(50% - 20px);
}
.chat .three_participants {
width: 59%;
}
.chat .local-video video {
width: 200px !important;
}
.share_popup {
left: 321px;
margin: 0;
top: 0;
}
}
@media (min-height: 750px) and (max-height: 760px) {
.chat .one_participant {
width: 49.5%;
}
.multiple_participants .video_box .show_video .video_section {
width: calc(47% - 20px) !important;
}
.three_participants {
width: 62%;
}
}
@media screen and (max-width: 1400px) {
.push-agent-info .tab-section .summary {
min-width: 92%;
}
.push-agent-info .tab-section .ant-tabs-nav .ant-tabs-nav-wrap {
width: 78.7% !important;
}
}
@media only screen and (min-width: 1400px) {
.chat .one_participant {
width: 52.3%;
}
.chat .multiple_participants {
width: 65%;
}
.chat .multiple_participants .video_box {
max-height: 56%;
}
.chat .three_participants {
height: calc(100vh - 256px);
width: 69.5%;
}
.share_popup {
left: 365px;
margin: 0;
top: 0;
}
}
@media (width: 1440px) and (height: 757px) {
.chat .one_participant {
width: 49.5%;
}
.chat .three_participants {
width: 65% !important;
}
}
@media only screen and (min-width: 1600px) {
.chat .one_participant {
width: 47%;
}
.chat .multiple_participants {
width: 66%;
}
.chat .multiple_participants .video_box {
max-height: 63.3%;
}
.chat .three_participants {
height: calc(100vh - 256px);
width: 62.5%;
}
.share_popup {
left: 598px;
margin: 0;
top: 0;
}
}
@media (min-width: 1600px) and (max-height: 757px) {
.chat .three_participants {
height: calc(100vh - 256px);
width: 59%;
}
}
@media (max-width: 767px) {
.chat .img-icon ul {
margin-bottom: 0px;
}
.chat .show_empty {
height: 30vh;
}
.chat .no-participant .video_box {
position: relative;
height: 72vh;
display: flex;
flex-direction: row;
align-items: center;
}
.chat .no-participant .video_box .local-video {
height: 30vh;
padding: 0px 10px;
}
.chat .no-participant .video_box .local-video video {
height: 100% !important;
background: #2b2e35;
position: relative;
bottom: auto;
width: 100% !important;
left: auto;
}
.chat .one_participant {
width: calc(100% - 15px);
height: 71vh;
position: relative;
}
.chat .one_participant .video_box {
height: 71vh;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
flex-direction: column;
}
.chat .one_participant .video_box .show_video {
width: 100%;
margin: 0px auto;
height: 30vh;
margin-bottom: 5px;
}
.chat .one_participant .video_box .show_video .video_section {
height: 100%;
position: relative;
width: 100%;
}
.chat .one_participant .video_box .show_video .video_section.full-video {
height: calc(100vh - 120px) !important;
}
.chat .one_participant .video_box .local-video {
height: 30vh;
margin: 0px auto;
width: 100%;
padding: 0;
}
.chat .one_participant .video_box .local-video video {
height: 100% !important;
background: #2b2e35;
position: relative;
bottom: auto;
width: 100% !important;
left: auto;
}
.chat .multiple_participants {
width: 100%;
flex-direction: column;
height: 90vh;
}
.chat .multiple_participants .video_box {
width: 100%;
flex-direction: column;
max-height: 100%;
height: 81vh;
}
.chat .multiple_participants .video_box .show_video {
flex-direction: column;
height: 66%;
}
.chat .multiple_participants .video_box .show_video .video_section {
height: 100%;
width: 100%;
margin: 4px 0px 0 0;
}
.chat .multiple_participants .video_box .show_video .video_section.full-video {
z-index: 2;
}
.chat .multiple_participants .video_box .show_video .video_section.full-video {
height: 92.5vh !important;
}
.chat .multiple_participants .video_box .local-video {
height: 33%;
width: 100%;
margin: 4px auto 0px;
padding: 0px;
}
.chat .multiple_participants.show-bar {
width: 100%;
flex-direction: column;
height: calc(100vh - 35vw);
}
.chat .multiple_participants.show-bar .video_box {
width: 100%;
flex-direction: column;
max-height: 100%;
height: 82vh;
}
.chat .multiple_participants.show-bar .video_box .show_video {
flex-direction: column;
height: 66%;
}
.chat .multiple_participants.show-bar .video_box .show_video .video_section {
height: 100%;
width: 100%;
margin: 4px 0px 0 0;
}
.chat .multiple_participants.show-bar .video_box .show_video .video_section.full-video {
height: 93vh !important;
}
.chat .multiple_participants.show-bar .video_box .local-video {
height: 33%;
width: 100%;
margin: 4px auto 0px;
padding: 0px;
}
.chat .three_participants {
width: 100%;
height: 90vh;
flex-direction: column;
}
.chat .three_participants .video_box {
width: 100%;
flex-direction: column;
max-height: 100%;
height: 100vh;
}
.chat .three_participants .video_box .show_video {
height: 78%;
flex-direction: column;
flex-wrap: nowrap;
}
.chat .three_participants .video_box .show_video .video_section {
height: 100% !important;
width: 100%;
margin: 4px 0px 0;
}
.chat .three_participants .video_box .show_video .video_section video {
height: 96%;
}
.chat .three_participants .video_box .show_video .video_section.full-video {
height: 92vh !important;
}
.chat .three_participants .video_box .show_video .video_section.full-video video {
height: 100%;
}
.chat .three_participants .video_box .local-video {
height: 22%;
width: 100%;
margin: 4px auto 0px;
padding: 0px;
}
.chat .three_participants.show-bar {
width: 100%;
height: 80vh;
flex-direction: column;
justify-content: start;
}
.chat .three_participants.show-bar .video_box {
width: 100%;
flex-direction: column;
max-height: 100%;
height: 100vh;
}
.chat .three_participants.show-bar .video_box .show_video {
height: 81%;
flex-direction: column;
flex-wrap: nowrap;
}
.chat .three_participants.show-bar .video_box .show_video .video_section {
height: 100% !important;
width: 100%;
margin: 4px 0px 0;
}
.chat .three_participants.show-bar .video_box .show_video .video_section video {
height: auto;
}
.chat .three_participants.show-bar .video_box .show_video .full-video {
height: calc(100vh - 64px) !important;
}
.chat .three_participants.show-bar .video_box .show_video .full-video video {
height: 100%;
}
.chat .three_participants.show-bar .video_box .local-video {
height: 22%;
width: 100%;
margin: 4px auto 0px;
padding: 0px;
}
}
.properties-section .section-heading {
margin-top: 52px !important;
}
.properties-section .grid-view .single-featured-property {
margin-bottom: 22px !important;
}
/* Exclude ant-modal-mask: !important z-index here was stacking the mask above the dialog (ng-zorro uses nzZIndex on both). */
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing:not(.ant-modal-mask) {
z-index: 1001 !important;
}
.dropdown-price-value {
min-width: 283px;
}
.dropdown-price-value ul li {
font-size: 16px;
line-height: 40px;
height: 40px;
padding: 0 18px;
font-weight: 500;
color: #13171f;
position: relative;
}
.dropdown-price-value ul li:hover {
background-color: #EDF7F6;
}
.dropdown-price-value ul li:hover:after {
content: "";
background: transparent url('icon_check.svg');
background-repeat: no-repeat;
position: absolute;
top: 10px;
right: 18px;
width: 20px;
height: 20px;
}
@media (max-width: 680px) {
.slick-dotted.slick-slider {
margin-bottom: 20px;
}
.slick-dotted.slick-slider .slick-list {
padding-bottom: 30px;
}
.icon-section .slick-dotted.slick-slider {
margin-bottom: 0px;
}
.pac-container {
width: 92% !important;
z-index: 9999;
}
.pac-containerNew {
width: 92% !important;
z-index: 9999;
}
.property-detail-header .carousel.slick-dotted.slick-slider {
max-height: 240px;
margin: 0;
}
.property-detail-header .carousel.slick-dotted.slick-slider .slick-dots {
bottom: 0px;
}
.property-detail-header .carousel.slick-dotted.slick-slider .slick-dots li {
height: 6px;
width: 6px;
margin: 0 3px;
}
.property-detail-header .carousel.slick-dotted.slick-slider .slick-dots li button {
height: 6px;
width: 6px;
padding: 0;
}
.property-detail-header .carousel.slick-dotted.slick-slider .slick-dots li button:before {
color: #fff;
opacity: 1;
position: relative;
line-height: 6px;
height: 6px;
width: 6px;
}
.property-detail-header .carousel.slick-dotted.slick-slider .slick-dots li.slick-active button:before {
color: #47c0bb;
opacity: 0.75;
}
.ant-calendar {
width: 280px;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
background-color: rgba(0, 0, 0, 0.5);
}
.ant-calendar-input-wrap {
height: 56px;
height: 63px;
}
.ant-calendar-footer {
line-height: 55px;
}
.share_popup {
left: -70px;
}
}
@media (max-width: 480px) {
.sign-section .sign-box .line-color .ant-radio-group .ant-radio-wrapper {
margin: 0px -4px !important;
}
.sign-section .x-tabs p {
font-size: 13px;
color: #a8a8a8;
}
.payment_start .ant-modal {
margin: 0px;
padding: 15px;
width: 100%;
}
.payment_start .ant-modal .ant-modal-content .ant-modal-close {
right: 0px;
}
.payment_start .ant-modal .ant-modal-content .ant-modal-body {
padding: 20px 15px;
}
.mls-change-request-modal .ant-modal {
margin: 0px;
padding: 15px;
width: 100%;
}
.mls-change-request-modal .ant-modal .ant-modal-content .ant-modal-close {
right: 0px;
}
.mls-change-request-modal .ant-modal .ant-modal-content .ant-modal-body {
padding: 20px 15px;
}
.x-modal .ant-modal {
margin: 0px;
padding: 15px;
width: 100%;
}
.x-modal .ant-modal .ant-modal-content .ant-modal-close {
right: 0px;
}
.x-modal .ant-modal .ant-modal-content .ant-modal-body {
padding: 20px 15px;
}
.x-modal.document-modal {
width: 100%;
}
.x-modal.w100-xs .ant-modal {
width: 100% !important;
}
.chat_modal .ant-modal {
margin: 0px;
padding: 15px;
width: 100%;
}
.chat_modal .ant-modal .ant-modal-content .ant-modal-close {
right: -14px;
}
.chat_modal .ant-modal .ant-modal-content .ant-modal-body {
padding: 0px;
}
.edit_modal .ant-modal .ant-modal-close {
top: 0px;
right: 0px;
height: 56px;
width: 56px;
border-radius: 0px;
box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.1);
}
.edit_modal .ant-modal .ant-modal-close .ant-modal-close-x {
width: 56px;
height: 56px;
line-height: 56px;
}
.edit_modal .ant-modal .ant-modal-close .ant-modal-close-x .anticon {
width: 56px;
height: 56px;
margin: 0px auto;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical {
margin: 0px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
width: unset;
display: unset;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item {
display: inline-block;
flex: unset;
min-width: 60px;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container {
margin-right: 20px;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
order: 3;
left: 0px;
margin: 0;
padding: 0px;
width: 100%;
height: 2px;
top: 11px;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail::after {
width: 100%;
margin-left: 12px;
height: 2px;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
left: 0px;
top: 6px;
vertical-align: middle;
background: #fff;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
min-height: 24px;
width: auto;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
background: #fff;
margin: 0px;
line-height: 24px;
padding: 0px 6px 0px 6px;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .scrollbar-modal .steps-content .modal-inner-content {
border-radius: 0px;
box-shadow: none;
border: none;
padding: 24px 15px;
min-height: calc(100vh - 114px);
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .scrollbar-modal .steps-content .modal-inner-content .wizard-heading {
margin-bottom: 32px;
}
.edit_modal .ant-modal .ant-modal-body .wizard-popup .scrollbar-modal .steps-content .modal-inner-content .wizard-heading h3 {
font-size: 24px;
line-height: 28px;
}
.form_section_new {
margin-top: 108px;
}
.valuation-modal .ant-modal {
margin: 0px;
padding: 0px;
width: 100% !important;
border-radius: 0px;
top: 0px;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-close {
top: 0px;
right: 0px;
height: 56px;
width: 56px;
position: fixed;
border-radius: 0px;
box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.1);
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 56px;
height: 56px;
line-height: 56px;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
width: 56px;
height: 56px;
margin: 0px auto;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body {
border-radius: 0px;
padding: 0px;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps {
padding: 16px 15px;
width: calc(100% - 56px);
z-index: 2;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
overflow-y: scroll;
position: fixed;
left: 0px;
top: 0px;
border-radius: 0px;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical {
margin: 0px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
width: unset;
display: unset;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item {
display: inline-block;
flex: unset;
min-width: 60px;
overflow: visible;
white-space: nowrap;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container {
margin-right: 20px;
outline: 0;
position: relative;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
left: 0px;
margin: 0;
padding: 0px;
width: 100%;
height: 2px;
top: 11px;
position: absolute;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail::after {
width: 100%;
margin-left: 12px;
height: 2px;
display: inline-block;
border-radius: 1px;
background: #e8e8e8;
content: "";
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
left: 0px;
top: 6px;
vertical-align: middle;
background: #fff;
margin-top: 0;
margin-right: 0;
height: 14px;
width: 14px;
margin-left: 0;
position: relative;
padding-right: 0;
line-height: 8px;
float: left;
border: 0;
font-size: 12px;
text-align: center;
border-radius: 24px;
transition: background-color 0.3s, border-color 0.3s;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon {
color: rgba(0, 0, 0, 0.25);
position: relative;
top: -1px;
line-height: 1;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot {
background: #fff;
height: 14px;
width: 14px;
border: 2px solid #d8d8d8;
position: relative;
float: left;
border-radius: 100px;
transition: all 0.3s;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot::after {
position: absolute;
top: -12px;
left: -26px;
width: 60px;
height: 32px;
background: rgba(0, 0, 0, 0.001);
content: "";
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
min-height: 24px;
width: auto;
display: block;
overflow: hidden;
cursor: pointer;
vertical-align: top;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
background: #fff;
margin: 0px;
line-height: 24px;
padding: 0px 6px 0px 6px;
font-size: 14px;
font-weight: 500;
color: #9ea4a5;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot {
background: #fff;
height: 14px;
width: 14px;
border: 2px solid #4cb8ac;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item.ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
color: #4cb8ac;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon {
vertical-align: middle;
display: inline-block;
position: relative;
font: normal normal normal 14px/1 "Font Awesome 5 Free";
font-display: swap;
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px;
left: -3px;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon:before {
content: "\f00c";
position: absolute;
left: 0;
color: #fff;
z-index: 1;
font-size: 9px;
width: 14px;
text-align: center;
line-height: 12px;
right: 0;
margin: 0 auto;
left: 0px;
top: 1px;
font: normal normal normal 9px/1 "Font Awesome 5 Free";
font-display: swap;
font-weight: 900;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-tail:after {
background: #4cb8ac;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
background: #4cb8ac;
height: 14px;
width: 14px;
border: 2px solid #4cb8ac;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .form-wizard-steps .ant-steps-vertical .ant-steps-item.ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
color: #4cb8ac;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .scrolllbar-modal .steps-content .modal-inner-content {
border-radius: 0px;
box-shadow: none;
border: none;
padding: 24px 15px;
min-height: calc(100vh - 114px);
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .scrolllbar-modal .steps-content .modal-inner-content .wizard-heading {
margin-bottom: 32px;
}
.valuation-modal .ant-modal .ant-modal-content .ant-modal-body .scrolllbar-modal .steps-content .modal-inner-content .wizard-heading h3 {
font-size: 24px;
line-height: 28px;
}
.full-width-modal .ant-modal .ant-modal-close {
top: 0px;
right: 0px;
height: 56px;
width: 56px;
border-radius: 0px;
box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.1);
}
.full-width-modal .ant-modal .ant-modal-close .ant-modal-close-x {
width: 56px;
height: 56px;
line-height: 56px;
}
.full-width-modal .ant-modal .ant-modal-close .ant-modal-close-x .anticon {
width: 56px;
height: 56px;
margin: 0px auto;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical {
margin: 0px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
width: unset;
display: unset;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item {
display: inline-block;
flex: unset;
min-width: 60px;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container {
margin-right: 20px;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail {
order: 3;
left: 0px;
margin: 0;
padding: 0px;
width: 100%;
height: 2px;
top: 11px;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-tail::after {
width: 100%;
margin-left: 12px;
height: 2px;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
left: 0px;
top: 6px;
vertical-align: middle;
background: #fff;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
min-height: 24px;
width: auto;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .form-wizard-steps .ant-steps-vertical .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
background: #fff;
margin: 0px;
line-height: 24px;
padding: 0px 6px 0px 6px;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .scrollbar-modal .steps-content .modal-inner-content {
border-radius: 0px;
box-shadow: none;
border: none;
padding: 24px 15px;
min-height: calc(100vh - 114px);
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .scrollbar-modal .steps-content .modal-inner-content .wizard-heading {
margin-bottom: 32px;
}
.full-width-modal .ant-modal .ant-modal-body .wizard-popup .scrollbar-modal .steps-content .modal-inner-content .wizard-heading h3 {
font-size: 24px;
line-height: 28px;
}
.document-view-popup .ant-modal .ant-modal-content .ant-modal-body .pdf-viewer-inner {
width: 100%;
margin: 0px;
box-shadow: none;
border: none;
border-radius: 0px;
}
.offer-view .ant-modal .ant-modal-close {
top: 10px;
right: 10px;
height: 36px;
width: 36px;
border-radius: 50%;
box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.1);
}
.offer-view .ant-modal .ant-modal-close .ant-modal-close-x {
width: 36px;
height: 36px;
line-height: 36px;
}
.offer-view .ant-modal .ant-modal-close .ant-modal-close-x .anticon {
width: 36px;
height: 36px;
margin: 0px auto;
background-size: 12px 12px;
}
.forgot-pass-sign-up-btn {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.slick-dotted.slick-slider .slick-list {
padding-bottom: 20px !important;
}
.buy-search-box .banner-search {
margin-bottom: 0px !important;
}
.buy-search-box .banner-search .ant-input-affix-wrapper {
width: calc(100% - 160px);
}
.buy-search-box .banner-search .flexed {
flex-direction: unset !important;
}
.buy-search-box .banner-search .continueButton {
border-radius: 0 4px 4px 0px !important;
min-width: 100px;
}
.chat .all-videos {
width: 100%;
height: 100%;
}
.chat .all-videos .ant-row {
margin-top: 0px !important;
height: 100%;
}
.chat .all-videos .container {
height: 100%;
width: 100%;
min-width: 100%;
margin-top: 0px;
}
.chat .all-videos .oneparticipants .single_person {
height: 230px !important;
width: 92% !important;
}
.chat .all-videos .oneparticipants .single_person video {
height: 230px;
display: block;
}
.chat .all-videos .oneparticipants .single_person img {
height: 100% !important;
}
.chat .all-videos .oneparticipants .single_person span {
position: absolute;
right: auto;
left: auto;
z-index: 1;
display: block;
}
.chat .all-videos .twoparticipants {
height: 100%;
display: block;
overflow: auto;
}
.chat .all-videos .twoparticipants [nz-col] {
margin-top: 10px;
height: 30%;
}
.chat .all-videos .twoparticipants .two_person {
height: 100%;
width: 89% !important;
}
.chat .all-videos .twoparticipants .two_person video {
height: 100%;
}
.chat .all-videos .twoparticipants .two_person img {
height: 240px;
padding: 0px;
}
.chat .all-videos .threeparticipants {
height: 100%;
display: block;
}
.chat .all-videos .threeparticipants [nz-col] {
height: 21%;
margin-top: 10px;
}
.chat .all-videos .threeparticipants .three_person.ofset {
margin: 0px auto;
}
.chat .all-videos .threeparticipants .three_person {
width: 60% !important;
height: 100% !important;
margin: 5px auto;
}
.chat .all-videos .threeparticipants .three_person video {
height: 100% !important;
width: 100% !important;
margin: 4px auto;
}
.chat .all-videos .threeparticipants .three_person img {
padding: 0px 0px 0px 0px;
}
.ant-menu .ant-menu-submenu .ant-menu-sub.ant-menu-inline .ant-menu-item {
text-align: center;
padding-left: 20px !important;
}
.ant-menu .ant-menu-submenu .ant-menu-submenu-title {
border-right: none;
width: 100%;
}
.screen-share-full .share-class video {
height: calc(100vh - 100px);
padding: 70px 15px 0px 15px;
object-fit: fill;
}
.share-screen .ant-modal-wrap {
padding: 15px;
}
.share-screen .ant-modal {
width: 100% !important;
top: 10px;
}
.share-screen .ant-modal .ant-modal-content {
padding: 40px 0px;
}
.chat-img .container .remoteVideo {
display: block !important;
overflow: auto;
}
.chat-img .container .remoteVideo .main-div {
margin: 10px 0px;
width: 100%;
}
.chat-img .container .remoteVideo .main-div .single-video {
width: 100%;
margin: 5px 0px;
position: relative;
}
.chat-img .container .remoteVideo .main-div .single-video video {
width: 100%;
height: auto;
background-color: #000;
}
.chat-img .container .remoteVideo .main-div .chat-img img.avatar {
width: 100% !important;
height: 100% !important;
}
.web-conf .ant-modal-wrap .ant-modal {
margin-top: 0px;
}
.web-conf .ant-modal-content .ant-modal-close {
right: 15px !important;
top: 15px !important;
color: #4cb8ac !important;
}
.web-invite .ant-modal {
padding: 15px;
}
.web-invite .ant-modal-content .ant-modal-close {
right: 0px !important;
top: -44px !important;
color: #111 !important;
background: #fff !important;
}
.web-invite .ant-modal-content .ant-modal-body {
padding: 20px;
display: grid;
}
.video-chat .ant-modal-content .ant-modal-close {
display: none;
}
.ant-modal {
max-width: 100%;
}
.all-listing-view .grid-view {
padding-left: 10px;
padding-right: 10px;
}
.grid-view .d-flex span {
font-size: 12px;
}
.home-section {
padding: 60px 0px;
}
.ant-tabs-card.x-tabs .ant-tabs-bar {
margin-bottom: 60px;
}
.faqsCollapse > .ant-collapse .ant-collapse-item .ant-collapse-header {
font-size: 18px !important;
padding: 22px 50px 22px 0px !important;
}
.faqsCollapse > .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
left: 88.8% !important;
}
.article-row {
padding: 0px 15px;
}
.article-card.ant-card {
margin-bottom: 0px;
}
.article-card.ant-card .ant-card-cover {
min-height: 100px;
max-height: 100px;
}
.article-card.ant-card .ant-card-cover img {
border-radius: 4px;
min-height: 100px;
max-height: 100px;
width: 100%;
}
.article-card.ant-card .ant-card-meta-detail {
min-height: 0px;
}
.article-card.ant-card .ant-card-body {
min-height: 0px;
}
.article-card.ant-card .ant-card-body .ant-card-meta-title {
font-size: 16px;
}
.docs-card.ant-card .ant-card-cover {
min-height: 180px !important;
max-height: 180px !important;
}
.docs-card.ant-card .ant-card-cover img {
border-radius: 4px;
min-height: 180px !important;
max-height: 180px !important;
width: 100%;
}
.slick-slider.schedule-carousel .prev-slide .left {
display: none;
}
.slick-slider.schedule-carousel .next-slide .right {
display: none;
}
.popup-x-form .x-modal-body .x-modal-heading {
margin-bottom: 20px;
}
.popup-x-form .x-modal-body .x-modal-heading .heading-title {
font-size: 18px;
}
.popup-x-form .full_view_popup .x-modal-heading .heading-title {
font-size: 24px;
font-weight: 500;
}
.x-modal-body {
padding: 40px 30px;
}
.preview-modal ngx-gallery-arrows .ngx-gallery-arrow-left {
display: none;
}
.preview-modal ngx-gallery-arrows .ngx-gallery-arrow-right {
display: none;
}
.detail-layout {
margin: 0px;
}
.ant-modal-close {
color: #1b1b1b !important;
}
.preview-modal.gallery-modal .ant-modal-content {
background: none;
}
.preview-modal.gallery-modal .ant-modal-content .ant-modal-close {
color: #fff !important;
position: fixed;
top: 10px !important;
right: 10px !important;
}
.preview-modal.gallery-modal .ant-modal-content .ant-modal-close svg {
width: 1.5em;
height: 1.5em;
}
.msg-box {
width: 300px;
margin: 0px auto;
border-radius: 4px;
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.1);
border: solid 1px #f1f0f0;
text-align: center;
padding: 20px 30px;
}
.msg-box img {
padding: 10px 0px;
}
.msg-box h3 {
font-size: 24px;
line-height: 30px;
}
.msg-box p {
font-size: 14px;
margin-bottom: 15px;
}
.msg-box .ant-btn {
letter-spacing: normal;
font-weight: 500;
}
}
.hide {
display: none !important;
}
.featured-mobilecarousel {
display: none;
}
.hideMobile {
display: block;
}
.showMobile {
display: none !important;
}
@media only screen and (max-width: 480px) {
.x-hellosign-embedded--in-modal {
z-index: 10002 !important;
}
.pac-container {
width: 92% !important;
z-index: 99999999;
}
.pac-containerNew {
box-shadow: 0 40px 80px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 30px 0px 10px 0px;
border: none;
border: solid 1px #e5e5e5;
font-family: "Roboto", sans-serif;
z-index: 999999;
left: 15px !important;
right: 0px !important;
background: white;
}
.pac-containerNew .two {
font-size: 16px;
font-weight: 500;
color: #13171f;
background-image: url(https://d1um67fy76m42o.cloudfront.net/assets/icons/location.png);
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
padding-left: 24px;
margin-left: 36px;
line-height: 16px;
font-family: "Roboto", sans-serif;
margin-bottom: 10px;
}
.pac-containerNew .pac-item {
padding: 15px 30px 15px 60px;
margin: 0px;
position: relative;
border: none;
cursor: pointer;
}
.pac-containerNew .pac-item span {
font-size: 14px;
color: #656c78;
}
.pac-containerNew .pac-item .pac-item-query {
display: block;
color: #4cb8ac;
font-size: 16px;
}
.pac-containerNew .pac-item .pac-item-query span {
padding: 0px;
color: #4cb8ac;
}
.pac-containerNew .pac-item .pac-icon {
background: none;
padding-left: 0px;
left: 30px;
display: none;
}
.pac-containerNew .pac-item:hover {
background-color: #effffd;
}
.pac-containerNew .pac-item:before {
border-top: 1px dashed #d0d0d0;
height: 1px;
width: 84%;
position: absolute;
top: 0px;
left: 60px;
display: block;
content: "";
}
.pac-containerNew .pac-item:nth-child(2):before {
display: none;
}
.ant-empty .ant-empty-image {
width: 100%;
}
.empty-favorites .ant-empty .ant-empty-image {
width: 20%;
}
.ant-input {
font-size: 16px;
background: transparent;
}
.page-section .ant-form-item-label label {
color: #13171f;
font-size: 14px;
height: auto;
top: 7px;
}
.line-alert .ant-alert {
border: none;
background: none;
padding-left: 5px;
}
.line-alert .ant-alert .ant-alert-icon {
left: 0px;
color: #ff7a0a;
}
.line-alert .ant-alert .ant-alert-message {
font-size: 12px;
color: #13171f;
font-weight: 500;
}
.featured-mobilecarousel {
display: block;
}
.ng2-pdf-viewer-container {
overflow-x: auto !important;
}
.hideMobile {
display: none !important;
}
.showMobile {
display: block !important;
}
.owl-carousel .owl-dots {
background: transparent;
}
.owl-carousel .owl-dots .owl-dot span {
height: 6px;
background-color: #d1d6e4 !important;
width: 6px;
margin: 0px 5px;
}
.owl-carousel .owl-dots .owl-dot.active span {
background-color: #4cb8ac !important;
}
.main-sec {
padding: 0;
}
.form-group {
margin-bottom: 20px;
}
.full-calender .fc-toolbar.fc-header-toolbar {
text-align: center;
}
.full-calender .fc-toolbar.fc-header-toolbar .fc-right {
float: none;
}
.ghost-calender .ant-fullcalendar-header {
text-align: center;
}
.ant-modal {
max-width: 100%;
}
/******* modal **********/
.list_create_modal .ant-modal {
margin: 0px;
display: flex;
flex-direction: column;
height: 100vh;
justify-content: center;
}
.list_create_modal .ant-modal .ant-modal-content {
position: relative;
}
.list_create_modal .ant-modal .close_modal {
margin-top: 0;
margin-right: 0;
border-radius: 50%;
width: 36px;
height: 36px;
position: absolute;
top: -46px;
right: 15px;
}
.list_create_modal .ant-modal .close_modal .ant-modal-close-x {
width: 36px;
height: 36px;
}
.list_create_modal .ant-modal .close_modal .ant-modal-close-x .ant-modal-close-icon {
width: 36px;
height: 36px;
}
.list_create_modal .ant-modal .wizard-popup .scrollbar-modal {
height: auto !important;
min-height: auto !important;
max-height: none !important;
margin: 0 !important;
}
.list_create_modal .ant-modal .wizard-popup .scrollbar-modal .modal_container {
height: auto !important;
}
.list_create_modal .ant-modal .wizard-popup .scrolllbar-modal {
height: auto !important;
min-height: auto !important;
max-height: none !important;
margin: 0 !important;
}
.list_create_modal .ant-modal .wizard-popup .scrolllbar-modal .modal_container {
height: auto !important;
}
/******* modal **********/
.edit_listing_modal .popup_box .sale_sec .map_box google-map .map-container {
min-height: 300px;
}
}
@media only screen and (max-width: 375px) and (min-width: 320px) {
.chat .all-videos {
width: 100%;
height: 100%;
}
.chat .all-videos .ant-row {
margin-top: 0px !important;
height: 100%;
}
.chat .all-videos .container {
height: 100%;
width: 100%;
min-width: 100%;
margin-top: 0px;
}
.chat .all-videos .oneparticipants .single_person {
height: 230px !important;
width: 100% !important;
}
.chat .all-videos .oneparticipants .single_person video {
height: 230px;
display: block;
}
.chat .all-videos .oneparticipants .single_person img {
height: 100% !important;
}
.chat .all-videos .twoparticipants {
height: 100%;
display: block;
overflow: auto;
}
.chat .all-videos .twoparticipants [nz-col] {
margin-top: 10px;
height: 28%;
}
.chat .all-videos .twoparticipants .two_person {
height: 100%;
width: 65% !important;
}
.chat .all-videos .twoparticipants .two_person video {
height: 100%;
}
.chat .all-videos .twoparticipants .two_person img {
height: 100% !important;
width: 100% !important;
}
.chat .all-videos .threeparticipants {
height: 100%;
display: block;
}
.chat .all-videos .threeparticipants [nz-col] {
height: 20%;
margin-top: 10px;
}
.chat .all-videos .threeparticipants .three_person.ofset {
margin: 0px auto;
}
.chat .all-videos .threeparticipants .three_person {
width: 55% !important;
height: 100% !important;
margin: 5px auto;
}
.chat .all-videos .threeparticipants .three_person p {
font-size: 14px;
left: 10px;
bottom: 10px;
}
.chat .all-videos .threeparticipants .three_person .dot-1 {
right: 10px;
}
.chat .all-videos .threeparticipants .three_person .dot-2 {
right: 18px;
}
.chat .all-videos .threeparticipants .three_person .dot-3 {
right: 26px;
}
.chat .all-videos .threeparticipants .three_person video {
height: 100% !important;
width: 100% !important;
margin: 4px auto;
}
.chat .all-videos .threeparticipants .three_person img {
height: 100% !important;
width: 100% !important;
}
}
@media (min-height: 600px) and (max-height: 640px) {
.chat .one_participant {
width: 39.7%;
}
.chat .multiple_participants {
width: 58%;
}
.chat .three_participants {
height: calc(100vh - 230px);
width: 61%;
}
.chat .three_participants .show_video .video_section {
height: 51.5% !important;
}
.chat .three_participants .show_video .video_section.full-video {
height: 100% !important;
}
}
@media (min-width: 1270px) and (max-height: 610px) {
.chat .one_participant {
width: 37.7%;
}
.chat .multiple_participants {
width: 55.6%;
}
.chat .three_participants {
width: 59%;
}
}
@media (min-width: 1270px) and (max-height: 580px) {
.chat .one_participant {
width: 34.3%;
}
.chat .multiple_participants {
width: 51%;
}
.chat .three_participants {
height: calc(100vh - 218px);
width: 54%;
}
}
@media (min-width: 1300px) and (max-height: 630px) {
.chat .one_participant {
width: 37.7%;
}
.chat .multiple_participants {
width: 61.5%;
}
.chat .three_participants {
height: calc(100vh - 256px);
width: 53%;
}
}
@media (min-width: 1600px) and (max-height: 760px) {
.chat .one_participant {
width: 44.5%;
}
}
@media (min-height: 930px) and (max-height: 940px) {
.chat .one_participant {
width: 51%;
}
.multiple_participants .video_box .show_video .video_section {
width: calc(48% - 20px) !important;
}
.multiple_participants .video_box .show_video .full-video {
width: 100vw !important;
}
.three_participants .show_video .video_section {
flex: 0 calc(40.5% - 20px) !important;
}
}
@media (min-width: 1680px) and (max-height: 940px) {
.chat .one_participant {
width: 58.5%;
}
.chat .multiple_participants {
width: 83%;
}
.chat .multiple_participants .video_box {
max-height: 63.3%;
}
.chat .three_participants {
height: calc(100vh - 256px);
width: 75%;
}
.chat .three_participants .show_video .video_section {
flex: 0 calc(38% - 20px);
height: 48%;
}
}
@media (min-width: 1680px) and (max-height: 910px) {
.chat .one_participant {
width: 55.5%;
}
.chat .multiple_participants {
width: 76%;
}
.chat .three_participants {
height: calc(100vh - 256px);
width: 76%;
}
}
@media only screen and (min-width: 1900px) {
.chat .one_participant {
width: 53.5%;
}
.chat .multiple_participants {
width: 72.5%;
}
.chat .three_participants {
width: 69%;
}
}
@media (max-height: 940px) and (min-width: 1900px) {
.chat .one_participant {
width: 51%;
}
.chat .multiple_participants {
width: 72%;
}
.chat .three_participants {
width: 65.5% !important;
}
}
@media only screen and (min-width: 2200px) {
.chat .one_participant {
width: 1731px;
}
.chat .multiple_participants {
width: 1000px;
}
.chat .multiple_participants .video_box {
max-height: 46.5%;
}
.chat .three_participants .show_video .video_section {
flex: 0 calc(50% - 20px);
height: 48%;
}
}
.no_user_found_to_invite {
height: 100px;
}
.step_modal .ant-modal {
min-height: 528px;
}
.step_modal .ant-modal .ant-modal-content {
min-height: 528px;
}
.single-flow .ant-steps-item-tail {
display: none !important;
}
.card-list .offerTable .agreementTable {
display: block;
}
.card-list .ant-table-body table {
display: block;
}
.card-list .contact-card-list {
display: none;
}
@media only screen and (max-width: 767px) {
.chat .one_participant {
width: calc(100% - 16vw);
}
.chat .multiple_participants {
width: 81vw;
}
.chat .multiple_participants.show-bar {
width: 73vw;
}
.chat .three_participants {
width: 71vw;
height: 90vh;
}
.chat .three_participants.show-bar {
width: 65vw;
height: 80vh;
}
.chat .video_section.full-video {
width: 100vw !important;
height: 100vh !important;
position: fixed !important;
left: 0 !important;
top: 0 !important;
margin: 0px !important;
z-index: 1;
align-items: center;
}
.chat .video_section.full-video video {
height: 100%;
}
.chat .show-bar .full-video {
height: calc(100vh - 64px) !important;
}
.mobile-section .slick-dots {
bottom: 0px;
}
.ant-card.profile-xcard .ant-card-body {
padding: 0px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav {
width: 100% !important;
position: relative !important;
height: auto !important;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
margin: 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-wrap {
margin: 0 !important;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-operations {
display: none !important;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list {
display: flex;
flex-wrap: nowrap;
background-color: #ffffff;
box-shadow: 0 -1px 0 0 #EFEFEF inset;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
display: inline-flex;
flex-direction: column;
align-items: center;
padding: 18.5px 20px;
margin: 0 !important;
text-align: center;
font-size: 14px;
line-height: 15px;
color: #273142;
white-space: nowrap;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab a {
color: #273142;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover {
background: transparent;
color: #4cb8ac;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .tab-count {
display: inline-block;
margin-left: 8px;
padding: 0;
font-size: 12px;
line-height: 18px;
color: #8190B0;
background: transparent none;
border-radius: 0px;
font-weight: 400;
position: relative;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .tab-count:before {
content: "";
position: absolute;
top: -2px;
right: -5px;
transform: none;
width: 6px;
height: 6px;
background-color: #ffffff;
border-radius: 50%;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
background: none #EBFFFD;
color: #273142;
font-weight: 400;
margin: 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active a {
font-weight: 500;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .tab-count {
color: #8190B0;
background: transparent none;
font-weight: 400;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .tab-count:before {
background-color: #4cb8ac;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
color: #273142;
font-weight: 500;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar {
background: #4cb8ac;
height: 2px;
min-height: 2px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder {
margin-left: 0;
padding: 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .ant-tabs-tabpane {
padding: 20px 15px;
margin: 0 0 49px 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents {
box-shadow: none;
margin: 0px;
padding: 0px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents .filter-dropdown-search {
border-radius: 24px;
background: #FFF;
box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
border: none;
height: 40px;
margin: 0 0 15px 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents.card-filter.filter {
border: none;
margin-bottom: 30px;
background-color: transparent;
box-shadow: none;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents.card-filter.filter .filter-dropdown-search {
width: 100%;
max-width: unset;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents.card-filter.filter .table-operations .ant-btn {
width: 100%;
display: flex;
align-items: center;
gap: 12px;
position: relative;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents.card-filter.filter .table-operations .ant-btn:focus, .ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents.card-filter.filter .table-operations .ant-btn:active, .ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents.card-filter.filter .table-operations .ant-btn:hover {
color: #4cb8ac;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents.card-filter.filter .table-operations .ant-btn img {
margin: 0;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .tab-contents.card-filter.filter .table-operations .ant-btn .anticon {
position: absolute;
right: 16px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .collapse-section {
margin: 0 !important;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .collapse-section .ant-collapse-header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
font-size: 14px;
line-height: 18px;
padding: 14px 60px 14px 34px;
position: relative;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .collapse-section .ant-collapse-header::before {
top: 25px;
left: 16px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .collapse-section .ant-collapse-header .ant-collapse-extra {
float: left;
margin-left: -17px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .collapse-section .ant-collapse-header i {
right: 16px;
top: 25px;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .leads_table {
overflow-y: auto;
}
.ant-card.profile-xcard .ant-card-body .ant-tabs.vtab .ant-tabs-content-holder .leads_table .ant-table {
min-width: 800px;
}
}
@media only screen and (max-width: 680px) {
.popup-x-form:has(.full_view_popup) .ant-modal {
height: calc(100vh - 30px) !important;
width: calc(100vw - 30px) !important;
}
.popup-x-form:has(.full_view_popup) .ant-modal .ant-modal-content {
height: 100%;
width: 100%;
}
.popup-x-form .full_view_popup .heading-title {
font-size: 24px;
font-weight: 500;
}
.mob-p-r-0 {
padding-right: 0px;
}
.mob-m-l-0 {
margin-left: 0px !important;
}
.mob-m-l-10 {
margin-left: 10px !important;
}
.mob-m-b-32 {
margin-bottom: 32px !important;
}
.mob-max-w-200 {
max-width: 200px !important;
}
.chat .one_participant {
width: calc(100% - 16vw);
height: 86vh;
}
.chat .one_participant .video_box {
height: 100%;
}
.chat .one_participant .video_box .show_video {
height: 26vh;
}
.chat .one_participant .video_box .show_video .video_section.full-video {
height: calc(100vh - 60px) !important;
}
.chat .one_participant .video_box .local-video {
height: 26vh;
}
.chat .multiple_participants {
width: 81vw;
height: 100vh;
}
.chat .multiple_participants .video_box {
height: 78vh;
justify-content: center;
}
.chat .multiple_participants .video_box .show_video .video_section.full-video {
height: 100vh !important;
}
.chat .multiple_participants.show-bar {
width: 73vw;
height: calc(100vh - 64px);
}
.chat .multiple_participants.show-bar .video_box {
height: 72vh;
}
.chat .multiple_participants.show-bar .video_box .show_video .video_section.full-video {
height: 93vh !important;
}
.chat .three_participants {
width: 71vw;
height: 100vh;
flex-direction: column;
}
.chat .three_participants .video_box {
height: 90vh;
}
.chat .three_participants .video_box .show_video .video_section.full-video {
height: 100vh !important;
z-index: 2;
}
.chat .three_participants .video_box .show_video .video_section.full-video video {
height: 100%;
}
.chat .three_participants.show-bar {
width: 65vw;
height: 100vh;
justify-content: center;
}
.chat .three_participants.show-bar .video_box {
height: 80vh;
}
.chat .three_participants.show-bar .video_box .video_section.full-video {
height: calc(100vh - 64px) !important;
}
.popup-modal .ant-modal {
max-width: calc(100% - 30px);
height: 100vh;
top: 0;
}
.popup-modal .ant-modal .ant-modal-content {
height: 100%;
}
.popup-modal .ant-modal .ant-modal-close {
right: 10px !important;
top: 10px !important;
}
.popup-modal .ant-modal .anticon svg {
color: #4cb8ac;
}
.popup-modal .ant-modal h2 {
font-size: 20px;
margin-bottom: 20px;
}
.popup-modal .ant-modal .ant-radio-group {
margin-bottom: 0px;
}
.popup-modal .ant-modal .radio-box {
margin-bottom: 16px;
}
.popup-modal .ant-modal .btn-primary {
height: 48px;
}
.step_modal .ant-modal {
max-width: 100%;
height: 90vh;
top: 0;
padding: 0;
margin: 0;
border-radius: 0;
min-height: auto;
}
.step_modal .ant-modal .ant-modal-content {
border-radius: 0;
min-height: auto;
}
.step_modal .ant-modal .ant-modal-close {
width: 56px;
height: 56px;
box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.1);
border-radius: 0;
right: 0px !important;
top: 0px !important;
background-color: #ffffff !important;
}
.step_modal .ant-modal .ant-modal-close .ant-modal-close-x {
margin: 0 auto;
}
.step_modal .ant-modal .custom-radio-box {
margin: 0px;
}
.step_modal .ant-modal .custom-radio-box .radio-box {
margin-bottom: 8px !important;
}
.step_modal .ant-modal .custom-radio-box .radio-box label {
margin-bottom: 8px !important;
}
.step_modal .ant-modal .ant-radio-group {
margin-bottom: 16px;
}
.step_modal .ant-modal h2 {
font-size: 20px;
margin-bottom: 0px;
}
.step_modal .ant-steps-vertical {
width: 100%;
display: flex;
flex-direction: row;
overflow: scroll;
}
.step_modal .ant-steps-vertical .ant-steps-item {
overflow: visible;
white-space: nowrap;
}
.step_modal .ant-steps-vertical .ant-steps-item:last-child {
padding-right: 160px;
}
.step_modal .ant-steps-vertical .ant-steps-item.ant-steps-item-active .ant-steps-item-container .ant-steps-item-icon {
left: -1px;
}
.step_modal .ant-steps-vertical .ant-steps-item-container {
display: flex;
flex-direction: row;
justify-content: normal;
align-items: center;
}
.step_modal .ant-steps-vertical .ant-steps-item-container .ant-steps-item-tail {
order: 3;
}
.step_modal .ant-steps-vertical .ant-steps-item-container .ant-steps-item-icon {
float: none;
margin: 0px 7px 0 0;
order: 1;
}
.step_modal .ant-steps-vertical .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
width: 10px;
height: 10px;
}
.step_modal .ant-steps-vertical .ant-steps-item-container .ant-steps-item-content {
min-height: 56px;
width: auto;
order: 2;
}
.step_modal .ant-steps-vertical .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
line-height: 56px;
padding-right: 7px;
}
.step_modal .vertical-wizard-steps {
padding: 0 0px 0 15px !important;
min-height: 56px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.step_modal .vertical-wizard-steps .ant-steps-item-tail {
left: auto !important;
top: 0px !important;
padding: 0px !important;
width: 16px !important;
height: 2px !important;
position: relative !important;
margin-right: 4px !important;
order: 3;
}
.step_modal .vertical-wizard-steps .ant-steps-item-tail:after {
margin: 0px !important;
height: 2px !important;
width: 100% !important;
}
.step_modal .scrolllbar-modal {
padding: 15px !important;
height: calc(100vh - 112px) !important;
}
.step_modal .row-btn {
width: 100%;
}
.step_modal .row-btn .inline-list li {
width: 100%;
display: block;
}
.step_modal .row-btn .inline-list li .btn-primary {
width: 100%;
}
.step_modal .section1.ng-star-inserted,
.step_modal .section2.ng-star-inserted,
.step_modal .section3.ng-star-inserted,
.step_modal .section4.ng-star-inserted,
.step_modal .section5.ng-star-inserted,
.step_modal .section6.ng-star-inserted {
height: calc(100vh - 200px) !important;
}
.step_modal .section1.ng-star-inserted .wizard-heading,
.step_modal .section2.ng-star-inserted .wizard-heading,
.step_modal .section3.ng-star-inserted .wizard-heading,
.step_modal .section4.ng-star-inserted .wizard-heading,
.step_modal .section5.ng-star-inserted .wizard-heading,
.step_modal .section6.ng-star-inserted .wizard-heading {
height: 100%;
overflow-y: scroll;
padding-bottom: 56px;
}
.step_modal .section1.ng-star-inserted .wizard-heading textarea,
.step_modal .section2.ng-star-inserted .wizard-heading textarea,
.step_modal .section3.ng-star-inserted .wizard-heading textarea,
.step_modal .section4.ng-star-inserted .wizard-heading textarea,
.step_modal .section5.ng-star-inserted .wizard-heading textarea,
.step_modal .section6.ng-star-inserted .wizard-heading textarea {
margin-top: 0px;
}
.step_modal .slick-list {
margin: 0px !important;
}
.step_modal .slick-list .slick-track {
width: 100% !important;
transform: none !important;
overflow-y: scroll;
}
.step_modal .slick-list .slick-track .slick-slide {
width: 50% !important;
}
.step_modal .custom-radio-box .radio-box {
width: 100% !important;
}
.list-icon-1,
.list-icon-2 {
right: 15px;
}
.offer-layout {
padding: 40px 30px 28px;
}
.offer-layout .profile-card .ant-card-body {
padding: 0px;
}
.card-list .offerTable .agreementTable {
display: none;
}
.card-list .ant-table-body table {
display: none;
}
.card-list .contact-card-list {
display: block;
}
.document-view .form-wizard-steps {
z-index: 1;
background-color: #fff;
}
.address_fields .ant-form-item-control-wrapper {
margin-top: 10px;
margin-bottom: 10px;
}
.offers-pdf-view .pdfViewer.removePageBorders .page {
overflow: unset;
}
.offers-pdf-view .pdfViewer.removePageBorders .page .to-draw-rectangle {
bottom: 53px;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="3"] #rectangle-d36 {
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 7px;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="3"] #rectangle-d40 {
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 7px;
left: 46% !important;
bottom: 71% !important;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="3"] #rectangle-d5 {
line-height: 6px;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="3"] .to-draw-rectangle {
height: 33px;
bottom: 61px;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="9"] #rectangle-d17 {
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 7px;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="9"] #rectangle-d38 {
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 7px;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="9"] .to-draw-rectangle {
bottom: 176px;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="9"] #rectangle-d42 {
bottom: -319% !important;
}
.offers-pdf-view .pdfViewer.removePageBorders [data-page-number="9"] #rectangle-d44 {
bottom: -319% !important;
}
.edit_modal .ant-modal-close {
right: 15px;
top: 33px;
width: 36px;
height: 36px;
}
.edit_modal .ant-modal-close .ant-modal-close-x {
display: block;
}
.edit_modal .ant-modal-close .anticon {
font-size: 11px;
}
.edit_listing.edit_modal .ant-modal-close {
top: 15px;
right: 15px;
width: 36px;
height: 36px;
border-radius: 50%;
}
.edit_listing.edit_modal .ant-modal-close .ant-modal-close-x {
width: 36px;
height: 36px;
line-height: 36px;
}
.edit_listing.edit_modal .ant-modal-close .ant-modal-close-x .anticon {
margin: 0px auto;
width: 36px;
height: 36px;
background-size: 11.39px 11.39px;
}
.document-modal .ant-modal-close {
/* right:15px;
top: 33px;*/
width: 36px;
height: 36px;
right: 0px;
top: -60px;
}
.document-modal .ant-modal-close .ant-modal-close-x {
display: block;
}
.document-modal .ant-modal-close .anticon {
font-size: 11px;
}
.video-modal-cancel .ant-modal {
margin: -200px 0 0 0;
}
.video-modal-cancel .ant-modal .ant-modal-content {
background: transparent none;
}
.video-modal-cancel .ant-modal .ant-modal-content .ant-modal-close {
right: 10px;
top: -39px;
width: 24px;
height: 24px;
}
.video-modal-cancel .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
background-size: 50%;
}
.video-modal-cancel .video-container {
padding: 0px;
width: 90vw;
}
.video-modal-cancel .video-container iframe {
width: 100%;
min-height: 340px;
border-radius: 4px;
}
.filter-modal-box .ant-modal {
min-width: unset;
padding-bottom: 50px !important;
width: calc(100vw - 30px) !important;
}
.filter-modal-box .ant-modal .ant-modal-close {
top: 26px;
right: 15px;
}
.filter-modal-box .ant-modal .ant-modal-header {
top: 24px;
left: 15px;
width: calc(100% - 30px);
margin: 0 0 24px 0;
}
.filter-modal-box .ant-modal .ant-modal-header .ant-modal-title {
font-size: 24px;
line-height: 28px;
font-weight: 500;
}
.filter-modal-box .ant-modal .ant-modal-body {
padding: 24px 15px 24px;
}
.filter-modal-box .ant-modal .ant-modal-body .filter-content-margin {
margin-bottom: 30px;
}
.filter-modal-box .ant-modal .ant-modal-body .form-group {
margin-bottom: 30px;
}
.filter-modal-box .ant-modal .ant-modal-body h3 {
font-size: 16px;
line-height: 20px;
color: #7E828C;
margin: 0 0 18px 0;
}
.filter-modal-box .ant-modal .filter-footer {
margin: 0px;
}
.filter-modal-box .ant-modal .filter-footer .ant-btn {
width: calc(50% - 9px);
}
.filter-modal-box .ant-modal .filter-footer .ant-btn:first-child {
margin: 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
padding: 20px 16px 80px 16px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary {
margin: 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .row-container {
display: block;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .row-container .col-content {
flex-direction: column;
align-items: flex-start;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .row-container .col-content .account-icon {
margin: 0 0 13.75px 0;
width: 100px;
height: 66.25px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .row-container .col-content .account-info {
width: 100%;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .row-container .col-content .account-info .text-success {
font-size: 24px;
line-height: 28px;
font-weight: 500;
margin-bottom: 10.52px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .listing_info_summary .row-container .col-content .account-info .title {
margin: 0px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-divider-horizontal {
margin: 30px 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .details-grid .detail-item:nth-child(-n+2) {
flex: 0 0 50%;
max-width: 50%;
margin: 0 0 18px 0;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .details-grid .detail-item:nth-child(n+3) {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .details-grid .detail-item .detail-value.text-dark {
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #5F636C;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .ant-checkbox-group .ant-row {
flex-flow: column wrap;
gap: 14px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .label-txt {
font-size: 14px;
line-height: 16px;
margin-bottom: 14px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .numb {
font-size: 14px;
line-height: 16px;
font-weight: 600;
margin: 0 0 0 2px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .task-alert {
font-size: 12px;
line-height: 14px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .task-success {
font-size: 12px;
line-height: 14px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-label {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #2B2D34;
margin-bottom: 14px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content {
color: #5F636C;
font-size: 14px;
line-height: 18px;
font-style: normal;
font-weight: 400;
margin-bottom: 24px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content .ant-checkbox-wrapper {
margin-bottom: 8px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content .ant-checkbox-wrapper .ant-checkbox + span {
color: #5F636C;
font-size: 14px;
font-weight: 400;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content .label-txt {
font-weight: 400 !important;
font-size: 16px !important;
color: #13171f !important;
margin-bottom: 24px !important;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .main-sec .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-label {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #3B414D;
margin-bottom: 14px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .main-sec .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content {
color: #2B2D34;
font-size: 14px;
line-height: 16px;
font-style: normal;
font-weight: 400;
margin-bottom: 14px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .main-sec .ant-descriptions-view .ant-descriptions-item-container .details-grid .detail-item-head {
margin: 0 8px;
flex: 0 0 100%;
max-width: 100%;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .main-sec .ant-descriptions-view .ant-descriptions-item-container .details-grid .detail-item .detail-value {
color: #5F636C;
font-size: 14px;
line-height: 16px;
font-weight: 500;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .main-sec .ant-descriptions-view .ant-descriptions-item-container .details-grid .detail-item.full {
flex: 0 0 100%;
max-width: 100%;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .main-sec .ant-descriptions-view .ant-descriptions-item-container .details-grid .detail-item.btn {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .main-sec .ant-descriptions-view .ant-descriptions-item-container .details-grid .detail-item.btn a {
flex: 0 0 calc(50% - 8px);
max-width: calc(50% - 8px);
background-color: #E4F8F9;
padding: 8px 16px;
border-radius: 100px;
text-align: center;
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #4cb8ac;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .notes .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content {
border: 1px solid #DEE7E6;
border-radius: 4px;
padding: 22px 20px 18px 20px;
font-size: 14px;
line-height: 16px;
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .fix-btn {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 16px;
background: #FFF;
box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
}
.agrement-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .fix-btn .view-contract-btn {
border-radius: 24px;
background: #4cb8ac;
margin: 0;
color: #fff;
width: 100%;
font-size: 14px;
line-height: 16px;
font-weight: 500;
height: 48px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .section .ant-form-item .ant-form-item-label > label {
font-size: 14px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item .ant-form-item-control .ant-radio-group {
margin-top: 0;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-view {
flex-direction: unset;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-view .ant-form-item-label {
flex: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-view .ant-form-item-control {
flex: none;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .ant-form-item-label {
max-width: 100%;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .ant-form-item-control {
max-width: calc(50% - 25px);
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .ant-form-item-control .ant-picker {
min-width: auto;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .ant-form-item-control .ant-picker input::-webkit-input-placeholder {
line-height: 22px;
font-size: 14px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .ant-form-item-control .ant-picker input:-moz-placeholder {
line-height: 22px;
font-size: 14px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .ant-form-item-control .ant-picker input::-moz-placeholder {
line-height: 22px;
font-size: 14px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .ant-form-item-control .ant-picker input:-ms-input-placeholder {
line-height: 22px;
font-size: 14px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .timer-box .box .display-time {
height: unset;
padding-block: 0;
line-height: 28px;
font-size: 16px;
padding: 0px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .timer-box .box .placeholder {
height: unset;
padding-block: 0;
line-height: 22px;
font-size: 14px;
padding: 0px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .timer-box .outer-box {
left: auto;
right: 0;
top: 37px;
}
.document-view.wizard-popup .scrolllbar-modal .steps-content .document-page .inline_form_item.inline-col-view .timer-box .outer-box .timer-box-section .inner-time-box {
overflow-x: hidden;
overflow-y: auto;
}
}
/* 1792x828px at 326ppi */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
.chat .one_participant {
width: calc(100% - 16vw);
height: 86vh;
}
.chat .one_participant .video_box {
height: 100%;
}
.chat .one_participant .video_box .show_video {
height: 26vh;
}
.chat .one_participant .video_box .show_video .video_section.full-video {
height: calc(100vh - 60px) !important;
}
.chat .one_participant .video_box .local-video {
height: 26vh;
}
.chat .multiple_participants {
width: 81vw;
height: 100vh;
margin-top: -55px;
}
.chat .multiple_participants .video_box {
height: 78vh;
justify-content: center;
}
.chat .multiple_participants .video_box .show_video .video_section.full-video {
height: 100vh !important;
align-items: center;
display: flex;
justify-content: center;
}
.chat .multiple_participants .video_box .show_video .video_section.full-video video {
height: 100%;
}
.chat .multiple_participants.show-bar {
width: 73vw;
height: calc(100vh - 64px);
margin-top: -80px;
}
.chat .multiple_participants.show-bar .video_box {
height: 72vh;
}
.chat .multiple_participants.show-bar .video_box .show_video .video_section.full-video {
height: 93vh !important;
}
.chat .three_participants {
width: 53vw;
height: 100vh;
flex-direction: column;
margin-top: -55px;
}
.chat .three_participants .video_box {
height: 72vh;
}
.chat .three_participants .video_box .show_video {
height: 72vh;
}
.chat .three_participants .video_box .show_video .video_section {
height: 30vh;
}
.chat .three_participants .video_box .show_video .video_section video {
height: 17.5vh;
}
.chat .three_participants .video_box .show_video .video_section.full-video {
height: 100% !important;
z-index: 2;
align-items: center;
display: flex;
justify-content: center;
}
.chat .three_participants .video_box .show_video .video_section.full-video video {
height: 100%;
}
.chat .three_participants .video_box .local-video {
height: 16vh;
}
.chat .three_participants.show-bar {
width: 48vw;
height: 100vh;
justify-content: center;
margin-top: -80px;
}
.chat .three_participants.show-bar .video_box {
height: 65vh;
}
.chat .three_participants.show-bar .video_box .show_video {
height: 72vh;
}
.chat .three_participants.show-bar .video_box .show_video .video_section {
height: 30vh;
}
.chat .three_participants.show-bar .video_box .show_video .video_section video {
height: 16vh;
}
.chat .three_participants.show-bar .video_box .show_video .video_section.full-video {
height: calc(100% - 64px) !important;
}
}
.d-flex {
display: flex;
}
.align-items-baseline {
align-items: baseline;
}
.align-items-center {
align-items: center !important;
}
.datepicker .ant-picker-footer .ant-picker-today-btn {
color: #4cb8ac !important;
}
.datepicker .ant-picker-date-panel .ant-picker-body .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
color: #fff !important;
background: #4cb8ac !important;
}
.ant-dropdown-menu {
padding: 2px;
}
.emoji-mart-preview {
display: none;
}
.guidetitle {
font-family: Roboto;
font-size: 24px !important;
font-weight: 500;
}
.map-section .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.gm-style div div div div div div {
margin-top: -3px !important;
}
google-map .map-container {
height: 100% !important;
}
.custom_checkbox .ant-checkbox {
border: 1px solid #d9d9d9;
padding: 3px;
border-radius: 40px;
}
.custom_checkbox .ant-checkbox.ant-checkbox-checked {
border: 1px solid #d9d9d9;
padding: 3px;
border-radius: 40px;
}
.custom_checkbox .ant-checkbox-inner {
border-radius: 50px;
height: 8px;
width: 8px;
visibility: hidden;
}
.custom_checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
border: 0px solid #fff;
transition: none;
}
.custom_checkbox .ant-checkbox-checked::after {
border: none;
transition: none;
animation: none;
}
.custom_checkbox.ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox-inner {
transition: none;
visibility: visible;
animation: none;
}
.custom_checkbox.ant-checkbox-checked::after {
border: none;
transition: none;
transform: unset !important;
}
.custom_checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
border: none;
transition: none;
animation: none;
}
.custom_group_checkbox .ant-checkbox-checked::after {
border: none;
transition: none;
animation: none;
transform: unset !important;
}
.custom_group_checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
border: none;
transition: none;
animation: none;
}
.custom_group_checkbox .ant-checkbox-inner {
border-radius: 50px;
height: 8px;
width: 8px;
visibility: hidden;
transition: none;
animation: none;
}
.custom_group_checkbox .ant-checkbox {
border: 1px solid #d9d9d9;
padding: 3px;
border-radius: 40px;
background: white;
display: inline-block;
top: 0;
}
.custom_group_checkbox .ant-checkbox-group-item {
display: flex;
align-items: center;
color: #13192d;
/* min-width: 141px; */
height: 40px;
border: 1px solid #dedede;
border-radius: 4px;
padding: 12px;
margin-bottom: 10px;
}
.custom_group_checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .ant-checkbox-inner {
transition: none;
visibility: visible;
animation: none;
}
.custom_group_checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
border: none;
}
.custom_group_checkbox .ant-checkbox-checked::after {
transition: none;
animation: none;
}
.custom_group_checkbox .ant-checkbox-group-item.ant-checkbox-wrapper-checked {
color: #4cb8ac;
background: #dff7f9;
border-color: #4cb8ac;
}
.custom_group_checkbox.ant-checkbox-group {
width: 100%;
}
.custom_group_checkbox .ant-checkbox.ant-checkbox-checked {
background: white;
border-color: #4cb8ac !important;
}
.choose-radio {
margin: 0;
/* ng-zorro 15: avoid flex+nowrap squashing labels; use grid for stable two-column layout */
}
.choose-radio .custom_group_checkbox {
margin-bottom: 14px;
width: 100%;
}
.choose-radio .ant-checkbox-group {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
width: 100%;
}
.choose-radio .ant-checkbox-group label.ant-checkbox-group-item,
.choose-radio .ant-checkbox-group .ant-checkbox-group-item,
.choose-radio .ant-checkbox-group .ant-checkbox-wrapper {
margin: 0;
align-items: flex-start;
white-space: normal;
word-break: break-word;
min-width: 0;
}
.choose-radio textarea.ant-input {
border-radius: 2px;
border: 1px solid #CCD8DB;
padding: 10px;
margin-bottom: 40px;
}
.choose-radio textarea.ant-input:active, .choose-radio textarea.ant-input:focus {
border-color: #4cb8ac;
}
.prefix-select .ant-select-dropdown {
width: 120px;
}
.nz-spin-top {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.disable-scroll {
overflow: hidden;
}
.leads-info .ant-drawer-content {
overflow: hidden;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
background: #F8F9FC !important;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-close {
right: 16px;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
padding: 39px;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary {
margin: 16px 0 40px 0;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .account-icon {
display: inline-block;
width: 80px;
height: 53px;
margin-right: 16px;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .account-icon img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .account-info {
vertical-align: middle;
display: inline-block;
color: #616B7D;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .account-info h3 {
font-size: 24px;
font-weight: 500;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .account-info .text-success {
color: #4cb8ac;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .account-info .title {
font-size: 14px;
line-height: 16px;
margin: 0 0 4px 0;
display: flex;
align-items: center;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .account-info .title img {
width: 11px;
margin-right: 8px;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .account-info .link {
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #4cb8ac;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-header {
margin: 0 0 16px 0;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-header .ant-descriptions-title {
color: #2B2D34;
font-size: 14px;
font-weight: 500;
line-height: 16px;
text-transform: uppercase;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container {
flex-direction: column;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-label {
color: #616B7D;
font-size: 14px;
font-weight: 300;
line-height: 16px;
margin: 0 0 8px 0;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content {
color: #3B414D;
font-size: 14px;
font-weight: 400;
line-height: 16px;
margin: 0 0 10px 0;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-divider-horizontal {
margin: 32px 0;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .notes_section .ant-descriptions-view .ant-descriptions-item-label {
display: none;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .property_sec .ant-descriptions-item {
padding-bottom: 0;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .property_sec .ant-descriptions-item .ant-descriptions-item-content {
margin-bottom: 0;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info {
margin: 0 0 40px 0;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info .user-icon {
margin-right: 24px;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info .user-icon img {
width: 60px;
height: 60px;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info .user-icon .ant-avatar {
width: 60px;
height: 60px;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info .user-icon .ant-avatar span {
line-height: 60px;
font-weight: 500;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info h2 {
color: #2B2D34;
font-family: Roboto;
font-size: 18px;
font-weight: 500;
line-height: 21px;
margin: 8px 0;
}
.leads-info .ant-drawer-content .ant-drawer-wrapper-body .user_info h3 {
color: #2B2D34;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
margin: 0;
}
.lead-info-drawer .ant-drawer-content {
overflow: hidden;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
padding: 14px 30px 30px 30px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body h2 {
font-size: 14px;
line-height: 22px;
margin: 0 0 16px 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .leads-view h3 {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin: 0 0 24px 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .leads-view h4 {
font-size: 14px;
line-height: 16px;
font-weight: 300;
margin: 0 0 8px 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .leads-view .ant-steps-vertical.ant-steps-dot .ant-steps-item .ant-steps-item-tail:after {
min-height: 60px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .leads-view .ant-steps-vertical.ant-steps-dot .ant-steps-item .ant-steps-item-icon {
margin-top: 15px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .leads-view .ant-steps-vertical.ant-steps-dot .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
font-size: 12px;
line-height: 14px;
font-weight: 400;
color: #566074;
margin-bottom: 8px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .leads-view .ant-steps-vertical.ant-steps-dot .ant-steps-item .ant-steps-item-content .ant-steps-item-description {
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: #3B414D;
padding: 0;
margin: 0 0 24px 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary {
margin: 16px 0 0 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container .col-content {
display: flex;
align-items: center;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container .ant-btn {
margin: 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container .view-contract-btn {
margin-left: auto;
background-color: #4cb8ac;
color: #fff;
font-weight: 400;
margin: 0px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container .profile-uploader {
margin: 0 24px 0 0;
display: block;
width: 60px;
height: 60px;
display: block;
border: none;
border-radius: 50%;
padding: 0px;
overflow: hidden;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container .profile-uploader .upload-btns {
z-index: 999;
display: block;
position: relative;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container .profile-uploader .upload-icon {
position: absolute;
width: 22px;
text-align: center;
display: block;
margin: 0px auto;
left: 0px;
right: 0px;
top: 18px;
line-height: 25px;
fill: #ffffff;
height: 25px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container .profile-uploader .avatar {
display: block;
width: 60px;
height: 60px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container .account-info h3 {
font-size: 18px;
line-height: 21px;
margin-bottom: 8px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .row-container .account-info p {
font-size: 14px;
line-height: 16px;
margin-bottom: 0px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .lead_info_summary .account-btn {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
justify-content: end;
width: 100%;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-divider-horizontal {
margin: 8px 0 24px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body table tr td {
padding-bottom: 0px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box {
width: 100%;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box thead tr th {
font-weight: 400;
font-size: 12px;
color: #505d77;
line-height: 16px;
margin: 0 0 8px 0;
letter-spacing: 0.5px;
border-top: none;
border-color: #EFEFEF;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box tbody tr td {
padding: 10px 5px;
border-color: #EFEFEF;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box tbody tr td:first-child {
color: #2B2D34;
font-weight: 500;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box tbody tr td a + a {
margin-left: 8px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .ant-descriptions-row > td .ant-descriptions-item-label {
font-size: 12px;
color: #566074;
margin: 0 0 8px 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .ant-descriptions-row > td .ant-descriptions-item-content {
color: #2B2D34;
font-size: 14px;
margin: 0 0 16px 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .ant-descriptions-row > td:first-child .ant-descriptions-item-content {
color: #4cb8ac;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .ant-descriptions-row > td:nth-child(2) .ant-descriptions-item-content {
color: #4cb8ac;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .status-line {
background: #edf7f6;
font-size: 14px;
font-weight: 500;
line-height: 20px;
height: 34px;
color: #4cb8ac;
padding: 8px 15px;
border: 1px solid #edf7f6;
border-radius: 25px;
min-width: 86px;
display: inline-block;
margin: 0 0 0 10px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .status-line:first-child {
margin: 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .table_box .status-line img {
width: 14px;
height: 14px;
margin: 0 6px 0 0;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .notes_section .ant-descriptions-header .ant-descriptions-title {
text-transform: none;
font-weight: 400;
font-size: 16px;
color: #13171f;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box {
margin-bottom: 32px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .label-txt {
font-weight: 400;
font-size: 16px;
color: #13171f;
margin-bottom: 24px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .numb {
font-size: 18px;
font-weight: 400;
color: #ACB2BE;
margin-left: 12px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .numb .text-success {
font-weight: 500;
color: #4cb8ac;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .task-alert {
border-radius: 11px;
background-color: #FFF8ED;
color: #F5A623;
font-size: 12px;
font-weight: 500;
padding: 5px 14px;
margin: 0 0 0 12px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .task-success {
border-radius: 11px;
background-color: #EDF8F7;
color: #4cb8ac;
font-size: 12px;
font-weight: 500;
padding: 5px 14px;
margin: 0 0 0 12px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .task-check-box .ant-checkbox-group .ant-checkbox-wrapper-checked {
text-decoration-line: line-through;
color: #71747E;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-label {
font-weight: 400;
font-size: 16px;
color: #13171f;
margin-bottom: 24px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content {
color: #616B7D;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin-bottom: 40px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content .ant-checkbox-wrapper {
margin-bottom: 8px;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content .ant-checkbox-wrapper .ant-checkbox + span {
color: #5F636C;
font-size: 14px;
font-weight: 400;
}
.lead-info-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .ant-descriptions-view .ant-descriptions-item-container .ant-descriptions-item-content .label-txt {
font-weight: 400 !important;
font-size: 16px !important;
color: #13171f !important;
margin-bottom: 24px !important;
}
.listing-stepper .ant-modal-mask {
background-color: rgba(0, 0, 0, 0.85);
}
.listing-stepper .ant-modal {
width: 720px;
}
.listing-stepper .ant-modal .ant-modal-content {
border-radius: 6px;
}
.listing-stepper .ant-modal .ant-modal-content .ant-modal-close {
position: absolute;
top: -44px;
right: -44px;
color: #3b414d;
box-shadow: none;
width: 34px;
height: 34px;
border-radius: 50%;
border: none;
background: #ffffff;
display: block;
}
.listing-stepper .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
width: 34px;
height: 34px;
font-size: 18px;
line-height: 16px;
margin: 0px auto;
}
.listing-stepper .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon {
background-image: url("https://d1um67fy76m42o.cloudfront.net/assets/icons/close_small.png");
height: 12px;
width: 12px;
display: block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
margin: 10px auto;
}
.listing-stepper .ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .anticon svg {
display: none;
visibility: hidden;
}
@media (max-width: 480px) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
background-color: rgba(0, 0, 0, 0.85);
}
.listing-stepper-mobile .ant-modal {
width: 395px;
}
.listing-stepper-mobile .ant-modal .ant-modal-content {
border-radius: 6px;
}
.listing-stepper-mobile .ant-modal .ant-modal-content .ant-modal-close-x {
color: #A9ADB3;
}
.listing-stepper-mobile .ant-modal .ant-modal-body {
padding: 0px;
}
}
/*# sourceMappingURL=styles.css.map*/ |