/* clear */
.clear { clear: both !important; display: block !important; }
.clear::after {
	content: "";
	display: table;
	clear: both;
}

/* display */
.display-none { display: none !important; }
.block, .display-block { display: block !important; }
.inline-block, .display-inline-block { display: inline-block !important; }
.display-flex { display: flex !important; display: -ms-flexbox !important; }

/* position */
.position-unset { position: unset !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-static { position: static !important; }

/* overflow */
.overflow-visible { overflow: visible !important; }

.overflow-hidden { overflow: hidden !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-x-hidden { overflow-x: hidden !important; }

.overflow-auto { overflow: auto !important; }
.overflow-y-auto { overflow-y: auto !important; }
.overflow-x-auto { overflow-x: auto !important; }

.overflow-scroll { overflow: scroll !important; }
.overflow-y-scroll { overflow-y: scroll !important; }
.overflow-x-scroll { overflow-x: scroll !important; }

/* list styled */
ul.list-styled,
ul.styled-list,
ul.ant-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.ant-list > li {
	margin-bottom: 2px;
}
ul.ant-list > li a {
	color: var(--ant-text-color);
}

/* z-index */
.z-index-1 { z-index: 1 !important; }
.z-index-2 { z-index: 2 !important; }
.z-index-3 { z-index: 3 !important; }
.z-index-4 { z-index: 4 !important; }
.z-index-5 { z-index: 5 !important; }
.z-index-6 { z-index: 6 !important; }
.z-index-7 { z-index: 7 !important; }
.z-index-8 { z-index: 8 !important; }
.z-index-9 { z-index: 9 !important; }
.z-index-full { z-index: 99999 !important; }

/* grayscale (make elements black & white) */
.ant-grayscale {
	filter: grayscale(1) !important;
}


/* ----------------------------------------------------------------------------------- *
 * Cover classes (used as image overlay)
 * Note: parent element must contain "position: relative;" or "position: absolute;"
/* ----------------------------------------------------------------------------------- */

/* Cover 
========= */
.ant-cover:before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}


/* Cover opasity
================= */
[class*="cover-opacity-"]::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #040404;
	z-index: 1;
	opacity: 0;
}

.cover-opacity-0::before { opacity: 0; }
.cover-opacity-0-5::before { opacity: .05; }
.cover-opacity-1::before { opacity: .1; }
.cover-opacity-1-5::before { opacity: .15; }
.cover-opacity-2::before { opacity: .2; }
.cover-opacity-2-5::before { opacity: .25; }
.cover-opacity-3::before { opacity: .3; }
.cover-opacity-3-5::before { opacity: .35; }
.cover-opacity-4::before { opacity: .4; }
.cover-opacity-4-5::before { opacity: .45; }
.cover-opacity-5::before { opacity: .5; }
.cover-opacity-5-5::before { opacity: .55; }
.cover-opacity-6::before { opacity: .6; }
.cover-opacity-6-5::before { opacity: .65; }
.cover-opacity-7::before { opacity: .7; }
.cover-opacity-7-5::before { opacity: .75; }
.cover-opacity-8::before { opacity: .8; } 
.cover-opacity-8-5::before { opacity: .85; }
.cover-opacity-9::before { opacity: .9; }
.cover-opacity-9-5::before { opacity: .95; }


/* ------------------------------------------------------------- *
 * Hiding classes
/* ------------------------------------------------------------- */

.hide { display: none !important; }

/* Hiding from mobile device */
body.is-mobile .hide-from-mobile { display: none !important; }

/* Hiding if not mobile device */
body:not(.is-mobile) .hide-to-mobile { display: none !important; }

/* ------------------------------------------------------------- *
 * Font/text classes
/* ------------------------------------------------------------- */

/* font alter */
.font-body {
	font-family: var(--ant-body-font) !important;
}
.font-alter { 
	font-family: var(--ant-alter-font) !important;
}


/* font styles */
.font-italic, .italic { font-style: italic !important; }

/* font weight */
.font-normal { font-weight: normal !important; font-style: normal !important; }
.font-bold, .font-strong, .bold { font-weight: bold !important; }

.font-300 { font-weight: 300 !important; }
.font-400 { font-weight: 400 !important; }
.font-500 { font-weight: 500 !important; }
.font-600 { font-weight: 600 !important; }
.font-700 { font-weight: 700 !important; }
.font-800 { font-weight: 800 !important; }
.font-900 { font-weight: 900 !important; }

/* text normal */
.text-normal { 
	text-transform: none !important; 
	letter-spacing: 0 !important;
}

/* text aligns */
.text-align-unset { text-align: unset !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-justify { text-align: justify !important; }

/* ------------------------------------------------------------- *
 * Hover classes
/* ------------------------------------------------------------- */

/* hover opacity */
.hover-opacity { 
	transition: all .2s ease-in-out !important;
}
.hover-opacity:hover {
	opacity: 0.8 !important;
}

/* hover zoom */
.hover-zoom { 
	transition: all .3s ease-in-out !important;
}
.hover-zoom:hover {
	transform: scale(1.05);
}

/* hover hop */
.hover-hop { 
	transition: all .3s ease-in-out !important;
}
.hover-hop:hover {
	transform: translateY(-0.625rem) !important;
}

/* hover shadow */
.hover-shadow { 
	transition: all .3s ease-in-out !important;
}
.hover-shadow:hover {
	box-shadow: 0 1.5rem 1.25rem -1.25rem rgba(0, 0, 0, 0.6);
}

/* ------------------------------------------------------------- *
 * Width classes
/* ------------------------------------------------------------- */

/* Width auto */
.width-auto { width: auto !important; }

/* Full width */
.full-width { width: 100% !important; }

/* ------------------------------------------------------------- *
 * Height classes
/* ------------------------------------------------------------- */

.full-height { 
	height: 100% !important; 
}

/* full height (vh) on desktop only */
@media (min-width: 1025px) {
	.full-height-vh { 
		height: 100vh;
		min-height: 100vh;
	}
	body.ant-header-fixed-on .full-height-vh {
		height: calc(100vh - 5rem); /* minus same as header height */
		min-height: calc(100vh - 5rem); /* minus same as header height */
	}
}

/* full height (vh) on small screens only */
@media (max-width: 1024px) {
	.full-height-vh-m { 
		height: 100vh;
		min-height: 100vh;
	}
	body.ant-header-fixed-on .full-height-vh-m {
		height: calc(100vh - 4.375rem); /* minus same as header height */
		min-height: calc(100vh - 4.375rem); /* minus same as header height */
	}
}

/* -------------------------------------------------------------------------- *
 * Center align classes (parent element must contain "position: relative;")
/* -------------------------------------------------------------------------- */

.align-center {
	position: absolute !important;
	top: 50% !important;
	bottom: auto !important;
	left: 50% !important;
	right: auto !important;
	transform: translate(-50%, -50%) !important;
}
.vertical-align-center {
	position: absolute !important;
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
}
.horisontal-align-center {
	position: absolute !important;
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%) !important;
}


/* ------------------------------------------------------------- *
 * Text color classes
/* ------------------------------------------------------------- */

.text-main, 
.text-primary { 
	color: var(--ant-main-color) !important;  /* Template main color */
}
a.text-primary:focus, 
a.text-primary:hover { 
	color: var(--ant-main-color) !important; opacity: .8 !important; 
}

.text-secondary { color: var(--ant-secondary-color) !important; }
.text-white { color: #FFF !important; }
.text-light { color: var(--ant-light-color) !important; }

.text-muted { color: var(--ant-text-muted-color) !important; }


/* ------------------------------------------------------------- *
 * Link style classes
/* ------------------------------------------------------------- */

/* Link style 1 */
a.ant-link {
	background-repeat: no-repeat;
	background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px);
	background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
	background-image: -ms-linear-gradient(transparent 100%, currentColor 1px);
	transition: 0.6s cubic-bezier(.215, .61, .355, 1) !important;
	background-size: 0 100%;
	border: none;
	opacity: 1;
	text-decoration: none;
}
a.ant-link:hover,
a.ant-link:focus {
	background-size: 100% 100%;
	opacity: 1;
}

/* Link style 2 */
a.ant-link-2 { 
	font-style: italic;
	color: currentColor;
	opacity: 1;
	text-decoration: none;
	border-bottom: 1px dotted currentColor;
}
a.ant-link-2:hover,
a.ant-link-2:focus { 
	color: currentColor;
	opacity: .6;
}


/* ------------------------------------------------------------- *
 * Link color classes
/* ------------------------------------------------------------- */

a.link-main { color: var(--ant-main-color) !important;} /* Template main color */

a.link-main:hover { 
	opacity: .8 !important; 
}


/* ------------------------------------------------------------- *
 * Background color classes
/* ------------------------------------------------------------- */

.bg-main, .bg-primary { background-color: var(--ant-main-color) !important; } /* Template main color */
.bg-secondary { background-color: #EAF1FA !important; }

/* bg light */
.bg-light { background-color: var(--ant-light-color) !important; }

/* bg white */
.bg-white { background-color: #FFF !important; }

/* bg dark */
.bg-dark { background-color: #111 !important; }

/* ------------------------------------------------------------- *
 * Rounded classes
/* ------------------------------------------------------------- */

.no-rounded, .no-radius { border-radius: 0 !important; }
.rounded-sm { border-radius: .5rem !important; }
.rounded { border-radius: 1rem !important; }
.rounded-full { border-radius: 50% !important; }

/* ------------------------------------------------------------- *
 * Paddings classes
/* ------------------------------------------------------------- */

.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-right { padding-right: 0 !important; }


/* ------------------------------------------------------------- *
 * Margin classes
/* ------------------------------------------------------------- */

.margin-auto { 
	margin-left: auto !important; 
	margin-right: auto !important; 
}

/* no margins classes */
.no-margin { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }

/* ------------------------------------------------------------- *
 * Grid system (similar logic to the Bootstrap framework).
/* ------------------------------------------------------------- */

/* Row */
.ant-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: calc(var(--ant-col-gap) * -1);
	margin-left: calc(var(--ant-col-gap) * -1);
}

.ant-row-gap {
	row-gap: calc(var(--ant-col-gap) * 2);
}

/* no-gutters */
.ant-no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.ant-no-gutters > [class*="col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Columns */
[class*="ant-col-"] {
	position: relative;
	width: 100%;
	padding-left: var(--ant-col-gap);
	padding-right: var(--ant-col-gap);
}

.ant-col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}
.ant-col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}
.ant-col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.ant-col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.ant-col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.ant-col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.ant-col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
.ant-col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
.ant-col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.ant-col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}
.ant-col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}
.ant-col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

/* Row reverse */
.ant-row-reverse {
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

/* Column reverse */
.ant-column-reverse {
	display: flex;
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important;
}

/* Justify content */
.ant-justify-content-start {
	display: flex !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}
.ant-justify-content-end {
	display: flex !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}
.ant-justify-content-center {
	display: flex !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
.ant-justify-content-between {
	display: flex !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.ant-justify-content-around {
	display: flex !important;
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
}

/* Align items */
.ant-align-items-start {
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}
.ant-align-items-end {
	-ms-flex-align: end !important;
	align-items: flex-end !important;
}
.ant-align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.ant-align-items-baseline {
	-ms-flex-align: baseline !important;
	align-items: baseline !important;
}
.ant-align-items-stretch {
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}

/* Align content */
.ant-align-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important;
}
.ant-align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important;
}
.ant-align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important;
}
.ant-align-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important;
}
.ant-align-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important;
}
.ant-align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important;
}

/* Align self */
.ant-align-self-start {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important;
}
.ant-align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
}
.ant-align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}
.ant-align-self-baseline {
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important;
}
.ant-align-self-stretch {
	-ms-flex-item-align: stretch !important;
	align-self: stretch !important;
}


/* Breakpoints 
=============== */
@media (min-width: 576px) {
	.ant-col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	/* Row columns */
	.ant-row-cols-sm-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.ant-row-cols-sm-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.ant-row-cols-sm-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.ant-row-cols-sm-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.ant-row-cols-sm-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.ant-row-cols-sm-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	/* Columns auto */
	.ant-col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Columns */
	.ant-col-sm-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.ant-col-sm-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.ant-col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.ant-col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.ant-col-sm-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.ant-col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.ant-col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.ant-col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.ant-col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.ant-col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.ant-col-sm-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.ant-col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Justify content */
	.ant-justify-content-sm-start {
		display: flex !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
	.ant-justify-content-sm-end {
		display: flex !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}
	.ant-justify-content-sm-center {
		display: flex !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
	.ant-justify-content-sm-between {
		display: flex !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}
	.ant-justify-content-sm-around {
		display: flex !important;
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	/* Align items */
	.ant-align-items-sm-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}
	.ant-align-items-sm-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}
	.ant-align-items-sm-center {
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	.ant-align-items-sm-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}
	.ant-align-items-sm-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	/* Align content */
	.ant-align-content-sm-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}
	.ant-align-content-sm-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}
	.ant-align-content-sm-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}
	.ant-align-content-sm-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}
	.ant-align-content-sm-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}
	.ant-align-content-sm-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	/* Align self */
	.ant-align-self-sm-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}
	.ant-align-self-sm-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}
	.ant-align-self-sm-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}
	.ant-align-self-sm-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}
	.ant-align-self-sm-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}
	.ant-align-self-sm-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}

	/* Reverce */
	.ant-sm-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}
	.ant-sm-column-reverse {
		display: flex;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}
}

@media (min-width: 768px) {
	.ant-col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	/* Row columns */
	.ant-row-cols-md-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.ant-row-cols-md-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.ant-row-cols-md-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.ant-row-cols-md-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.ant-row-cols-md-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.ant-row-cols-md-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	/* Columns auto */
	.ant-col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Columns */
	.ant-col-md-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.ant-col-md-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.ant-col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.ant-col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.ant-col-md-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.ant-col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.ant-col-md-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.ant-col-md-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.ant-col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.ant-col-md-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.ant-col-md-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.ant-col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Justify content */
	.ant-justify-content-md-start {
		display: flex !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
	.ant-justify-content-md-end {
		display: flex !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}
	.ant-justify-content-md-center {
		display: flex !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
	.ant-justify-content-md-between {
		display: flex !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}
	.ant-justify-content-md-around {
		display: flex !important;
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	/* Align items */
	.ant-align-items-md-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}
	.ant-align-items-md-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}
	.ant-align-items-md-center {
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	.ant-align-items-md-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}
	.ant-align-items-md-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	/* Align content */
	.ant-align-content-md-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}
	.ant-align-content-md-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}
	.ant-align-content-md-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}
	.ant-align-content-md-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}
	.ant-align-content-md-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}
	.ant-align-content-md-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	/* Align self */
	.ant-align-self-md-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}
	.ant-align-self-md-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}
	.ant-align-self-md-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}
	.ant-align-self-md-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}
	.ant-align-self-md-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}
	.ant-align-self-md-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}

	/* Reverce */
	.ant-md-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}
	.ant-md-column-reverse {
		display: flex;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}
}

@media (min-width: 992px) {
	.ant-col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	/* Row columns */
	.ant-row-cols-lg-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.ant-row-cols-lg-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.ant-row-cols-lg-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.ant-row-cols-lg-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.ant-row-cols-lg-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.ant-row-cols-lg-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	/* Columns auto */
	.ant-col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Columns */
	.ant-col-lg-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.ant-col-lg-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.ant-col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.ant-col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.ant-col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.ant-col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.ant-col-lg-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.ant-col-lg-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.ant-col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.ant-col-lg-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.ant-col-lg-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.ant-col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Justify content */
	.ant-justify-content-lg-start {
		display: flex !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
	.ant-justify-content-lg-end {
		display: flex !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}
	.ant-justify-content-lg-center {
		display: flex !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
	.ant-justify-content-lg-between {
		display: flex !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}
	.ant-justify-content-lg-around {
		display: flex !important;
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	/* Align items */
	.ant-align-items-lg-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}
	.ant-align-items-lg-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}
	.ant-align-items-lg-center {
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	.ant-align-items-lg-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}
	.ant-align-items-lg-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	/* Align content */
	.ant-align-content-lg-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}
	.ant-align-content-lg-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}
	.ant-align-content-lg-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}
	.ant-align-content-lg-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}
	.ant-align-content-lg-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}
	.ant-align-content-lg-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	/* Align self */
	.ant-align-self-lg-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}
	.ant-align-self-lg-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}
	.ant-align-self-lg-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}
	.ant-align-self-lg-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}
	.ant-align-self-lg-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}
	.ant-align-self-lg-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}

	/* Reverce */
	.ant-lg-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}
	.ant-lg-column-reverse {
		display: flex;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}
}

@media (min-width: 1025px) {
	.ant-col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	/* Row columns */
	.ant-row-cols-xl-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.ant-row-cols-xl-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.ant-row-cols-xl-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.ant-row-cols-xl-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.ant-row-cols-xl-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.ant-row-cols-xl-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	/* Columns auto */
	.ant-col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Columns */
	.ant-col-xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.ant-col-xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.ant-col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.ant-col-xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.ant-col-xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.ant-col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.ant-col-xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.ant-col-xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.ant-col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.ant-col-xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.ant-col-xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.ant-col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Justify content */
	.ant-justify-content-xl-start {
		display: flex !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
	.ant-justify-content-xl-end {
		display: flex !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}
	.ant-justify-content-xl-center {
		display: flex !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
	.ant-justify-content-xl-between {
		display: flex !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}
	.ant-justify-content-xl-around {
		display: flex !important;
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	/* Align items */
	.ant-align-items-xl-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}
	.ant-align-items-xl-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}
	.ant-align-items-xl-center {
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	.ant-align-items-xl-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}
	.ant-align-items-xl-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	/* Align content */
	.ant-align-content-xl-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}
	.ant-align-content-xl-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}
	.ant-align-content-xl-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}
	.ant-align-content-xl-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}
	.ant-align-content-xl-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}
	.ant-align-content-xl-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	/* Align self */
	.ant-align-self-xl-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}
	.ant-align-self-xl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}
	.ant-align-self-xl-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}
	.ant-align-self-xl-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}
	.ant-align-self-xl-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}
	.ant-align-self-xl-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}

	/* Reverce */
	.ant-xl-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}
	.ant-xl-column-reverse {
		display: flex;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}
}