/* ============================================================================================== */
/* ============================================= text table ===================================== */
/* ============================================================================================== */

.text-table-section,
.text-table-row,
.text-table-row>.text-table-col {
	position: relative;
}

.text-table-row>.text-table-col.this-col-label {}

.text-table-row>.text-table-col.this-col-colon {
	margin: 0 5px;
}

.text-table-row>.text-table-col.this-col-colon.max-gap {
	margin: 0 10px;
}


.text-table-row>.text-table-col.this-col-colon:before {
	position: relative;
	content: ':';
}

.text-table-row>.text-table-col.this-col-detail {
	flex: 1;
	/* กินพื้นที่ที่เหลือทั้งหมด */
	min-width: 0;
	/* ป้องกัน div บวมจนดันอันอื่น */
	word-break: break-word;
}

.text-table-row.w-label-auto {
	display: block;
}

.text-table-row.w-label-custom {
	display: flex;
	flex-wrap: nowrap;
}

/* single */
.text-table-row.single-line {
	display: flex;
	flex-direction: row;
	flex: 1;
	min-width: 0;
	width: 100%;
}

.text-table-row.single-line>.text-table-col.this-col-detail {
	flex: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/* separator color */
.text-table-section[class*="separator-top"] .text-table-row:before,
.text-table-section[class*="separator-"] .text-table-row+.text-table-row:before {
	position: absolute;
	content: '';
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
}

.text-table-section[class*="separator-top"].separator-opacity .text-table-row:before,
.text-table-section[class*="separator-"].separator-opacity .text-table-row+.text-table-row:before {
	opacity: 0.6;
}

.text-table-section.separator-color-black[class*="separator-top"] .text-table-row:before,
.text-table-section.separator-color-black .text-table-row+.text-table-row:before {
	border-top: 1px solid rgba(var(--customize-border-color-black), 1);
}

.text-table-section.separator-color-gray[class*="separator-top"] .text-table-row:before,
.text-table-section.separator-color-gray .text-table-row+.text-table-row:before {
	border-top: 1px solid rgba(var(--customize-border-color-gray), 1);
}

.text-table-section.separator-color-gray-light[class*="separator-top"] .text-table-row:before,
.text-table-section.separator-color-gray-light .text-table-row+.text-table-row:before {
	border-top: 1px solid rgba(var(--customize-border-color-gray-light), 1);
}

.text-table-section.separator-color-gray-light-opacity[class*="separator-top"] .text-table-row:before,
.text-table-section.separator-color-gray-light-opacity .text-table-row+.text-table-row:before {
	border-top: 1px solid rgba(var(--customize-border-color-gray-light), 0.5);
}

.text-table-section.separator-color-white[class*="separator-top"] .text-table-row:before,
.text-table-section.separator-color-white .text-table-row+.text-table-row:before {
	border-top: 1px solid rgba(var(--customize-border-color-white), 1);
}

/* separator */
.text-table-section.separator-top-10 .text-table-row,
.text-table-section.separator-10 .text-table-row+.text-table-row,
.text-table-section .text-table-row.separator-top-10 {
	padding-top: 10px;
	margin-top: 10px;
}

.text-table-section.separator-top-15 .text-table-row,
.text-table-section.separator-15 .text-table-row+.text-table-row,
.text-table-section .text-table-row.separator-top-15 {
	padding-top: 15px;
	margin-top: 15px;
}

.text-table-section.separator-top-20 .text-table-row,
.text-table-section.separator-20 .text-table-row+.text-table-row,
.text-table-section .text-table-row.separator-top-20 {
	padding-top: 20px;
	margin-top: 20px;
}

.text-table-section.separator-top-30 .text-table-row,
.text-table-section.separator-30 .text-table-row+.text-table-row,
.text-table-section .text-table-row.separator-top-30 {
	padding-top: 30px;
	margin-top: 30px;
}

.text-table-section.separator-top-40 .text-table-row,
.text-table-section.separator-40 .text-table-row+.text-table-row,
.text-table-section .text-table-row.separator-top-40 {
	padding-top: 40px;
	margin-top: 40px;
}

.text-table-section.separator-top-50 .text-table-row,
.text-table-section.separator-50 .text-table-row+.text-table-row,
.text-table-section .text-table-row.separator-top-50 {
	padding-top: 50px;
	margin-top: 50px;
}


/* --------------------------------------------------------------- */
/* --------------------- label custom format --------------------- */
/* --------------------------------------------------------------- */

.text-table-row.label-custom-format {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.text-table-row.label-custom-format>.text-table-col.this-col-label {}

.text-table-row.label-custom-format>.text-table-col.this-col-detail {
	flex: 1 0 0;
	word-wrap: break-word;
}

/* label custom */

.flex-basis-50 {
	flex-basis: 50px;
}

.flex-basis-60 {
	flex-basis: 60px;
}

.flex-basis-70 {
	flex-basis: 70px;
}

.flex-basis-80 {
	flex-basis: 80px;
}

.flex-basis-90 {
	flex-basis: 90px;
}

.flex-basis-100 {
	flex-basis: 100px;
}

.flex-basis-110 {
	flex-basis: 110px;
}

.flex-basis-120 {
	flex-basis: 120px;
}

.flex-basis-130 {
	flex-basis: 130px;
}

.flex-basis-140 {
	flex-basis: 140px;
}

.flex-basis-150 {
	flex-basis: 150px;
}

.flex-basis-160 {
	flex-basis: 160px;
}

.flex-basis-170 {
	flex-basis: 170px;
}

.flex-basis-180 {
	flex-basis: 180px;
}

.flex-basis-190 {
	flex-basis: 190px;
}

.flex-basis-200 {
	flex-basis: 200px;
}

.flex-basis-210 {
	flex-basis: 210px;
}

.flex-basis-220 {
	flex-basis: 220px;
}

.flex-basis-230 {
	flex-basis: 230px;
}

.flex-basis-240 {
	flex-basis: 240px;
}

.flex-basis-250 {
	flex-basis: 250px;
}

.flex-basis-260 {
	flex-basis: 260px;
}

.flex-basis-270 {
	flex-basis: 270px;
}

.flex-basis-280 {
	flex-basis: 280px;
}

.flex-basis-290 {
	flex-basis: 290px;
}

.flex-basis-300 {
	flex-basis: 300px;
}

/* ============================================================================================== */
/* ============================================= text row ======================================= */
/* ============================================================================================== */

.text-rows,
.text-row,
.text-row>.text-col {
	position: relative;
}

.text-row {
	display: flex;
	flex-wrap: nowrap;
}

.text-row>.text-col {}

.text-row>.text-col.w-flex-full {
	flex: 1 0 0;
}

.title-row,
.title-row>.title-col {
	position: relative;
}

.title-row.has-col {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}

.title-row.has-col>.title-col {}

.title-row.has-col>.title-col.w-flex-full {
	flex: 1 0 0;
}

.title-row.has-col>.title-col.this-col-title {
	flex: 1 0 0;
}

.title-row.has-col>.title-col.this-col-action {}

/* topic */
.topic-hl {
	color: rgba(var(--customize-color-primary), 1);
	background: linear-gradient(to right, rgba(var(--customize-color-primary), 0.1), rgba(var(--customize-color-primary), 0));
	/* border-radius: var(--customize-card-border-radius); */
	padding: 10px 0 10px 20px;
	border-left: 5px solid rgba(var(--customize-color-primary), 1);
}

/* hr */
hr {
	margin: 10px 0;
	border-top: 1px solid rgba(var(--customize-color-black), 1);
	opacity: 1;
}

hr.mg-2x {
	margin: 20px 0;
}

hr.mg-3x {
	margin: 30px 0;
}

hr.dashed-style {
	border-style: dashed;
}

hr.color-black {
	border-color: rgba(var(--customize-border-color-black), 1);
}

hr.color-white {
	border-color: rgba(var(--customize-border-color-white), 1);
}

hr.color-gray {
	border-color: rgba(var(--customize-border-color-gray), 1);
}

hr.color-gray-light {
	border-color: rgba(var(--customize-border-color-gray-light), 1);
}

hr.color-gray-light.opacity {
	opacity: 0.5;
}

/* hr.color-gray.opacity {
	opacity: 0.3;
} */
/* hr.color-black.opacity {
	border-color: rgba(var(--customize-color-black),1);
	opacity: 0.2;
} */
/* hr.color-white.opacity {
	border-color: rgba(var(--customize-color-white),1);
	opacity: 0.2;
} */


/* ============================================================================================== */
/* ============================================ container ======================================= */
/* ============================================================================================== */

.ctn-rows,
.ctn-row,
.ctn-row>.ctn-col {
	position: relative;
}

.ctn-row {
	display: flex;
	flex-wrap: nowrap;
}

.ctn-row>.ctn-col {}

.ctn-row>.ctn-col.w-flex-full {
	flex: 1 0 0;
}

/* ============================================================================================== */
/* =========================================== item inline ====================================== */
/* ============================================================================================== */

.item-inline-row {
	position: relative;
}

.item-inline-row.text-center ul.item-inline-group {
	/* margin:0 auto; */
	justify-content: center;
}

ul.item-inline-group,
ul.item-inline-group>li {
	position: relative;
	list-style: none !important;
	margin: 0;
	padding: 0;
}

ul.item-inline-group {
	/* display:table; */
	display: flex;
	align-items: baseline;
	flex-wrap: nowrap;
}

ul.item-inline-group>li {
	/* display:inline-block;
	float:left; */
	padding: 0 15px;
}

/* ul.item-inline-group > li:before,
ul.item-inline-group > li:after {	
	position:absolute;
	content:"";
	height:15px;
	top:50%;
	margin-top:-8px;
}
ul.item-inline-group > li:before {
	left:0;
	border-left-style:solid;
	border-left-width:thin;
}
ul.item-inline-group > li:after {
	right:0;
	border-right-style:solid;
	border-right-width:thin;
}
ul.item-inline-group > li:before,
ul.item-inline-group > li:after,
.text-color-black ul.item-inline-group > li:before,
.text-color-black ul.item-inline-group > li:after,
ul.item-inline-group.text-color-black > li:before,
ul.item-inline-group.text-color-black > li:after {
	border-color:rgba(var(--customize-color-black),0.3);
}
[class*="text-color-gray"] ul.item-inline-group > li:before,
[class*="text-color-gray"] ul.item-inline-group > li:after,
ul.item-inline-group[class*="text-color-gray"] > li:before,
ul.item-inline-group[class*="text-color-gray"] > li:after {
	border-color:rgba(var(--customize-color-black),0.3);
}
.text-color-white ul.item-inline-group > li:before,
.text-color-white ul.item-inline-group > li:after,
ul.item-inline-group.text-color-white > li:before,
ul.item-inline-group.text-color-white > li:after {
	border-color:rgba(var(--customize-color-white),0.3);
} */

ul.item-inline-group>li:first-child {
	padding-left: 0 !important;
}

ul.item-inline-group>li:first-child:before {
	display: none !important;
}

ul.item-inline-group>li:last-child {
	padding-right: 0 !important;
}

ul.item-inline-group>li:last-child:after {
	display: none !important;
}

ul.item-inline-group>li+li:before {
	display: none;
}

ul.item-inline-group.mg-auto {
	justify-content: center;
}

/* inline word wrap */
ul.item-inline-group.inline-word-wrap {
	display: block !important;
}

ul.item-inline-group.inline-word-wrap>li {
	display: inline;
	float: none;
}

/* ul.item-inline-group.inline-word-wrap > li + li {
	padding-left:7px;
} */

ul.item-inline-group.flex-wrap {
	flex-wrap: wrap !important;
}

/* wrap */
ul.item-inline-group.wrap {
	display: flex !important;
	flex-wrap: nowrap;
	width: 100%;
}

ul.item-inline-group.wrap>li {
	display: inline;
	float: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

ul.item-inline-group.wrap>li+li {
	padding-left: 12px;
}

ul.item-inline-group.wrap>li.none-wrap {
	text-overflow: initial;
	white-space: initial;
}


/* none divider */
ul.item-inline-group>li.none-divider {
	padding: 0 !important;
}

ul.item-inline-group>li.none-divider+li.none-divider {
	padding-left: 15px !important;
}

ul.item-inline-group.min-spacing>li.none-divider+li.none-divider {
	padding-left: 8px !important;
}

ul.item-inline-group>li.none-divider.zero-spacing+li.none-divider.zero-spacing {
	padding: 0 !important;
}

ul.item-inline-group>li.none-divider:before,
ul.item-inline-group>li.none-divider:after {
	display: none !important;
}

ul.item-inline-group>li.none-divider-left.zero-spacing {
	padding-left: 0 !important;
}

ul.item-inline-group>li.none-divider-left:before {
	display: none;
}

ul.item-inline-group>li.none-divider-right.zero-spacing {
	padding-right: 0 !important;
}

ul.item-inline-group>li.none-divider-right:after {
	display: none !important;
}

/* min pacing */
ul.item-inline-group.min-spacing>li {
	padding: 0 10px;
}

ul.item-inline-group.wrap.min-spacing>li+li {
	padding-left: 10px;
}

/* extra min spacing */
ul.item-inline-group.extra-min-spacing>li {
	padding: 0 7px;
}

ul.item-inline-group.wrap.extra-min-spacing>li+li {
	padding-left: 7px;
}

/* --------------------------------------------------------------- */
/* -------------------- format divider border -------------------- */
/* --------------------------------------------------------------- */

ul.item-inline-group.divider-border>li:before,
ul.item-inline-group.divider-border>li:after,
ul.item-inline-group.divider-dot>li:before,
ul.item-inline-group.divider-dot>li:after {
	position: absolute;
	content: "";
	height: 15px;
	top: 50%;
	margin-top: -8px;
}

ul.item-inline-group.divider-border.divider-transparent>li:before,
ul.item-inline-group.divider-border.divider-transparent>li:after {
	opacity: 0.3;
}

ul.item-inline-group.divider-dot.divider-transparent>li:before,
ul.item-inline-group.divider-dot.divider-transparent>li:after {
	opacity: 0.4;
}


ul.item-inline-group.divider-border>li:before {
	left: 0;
	border-left-style: solid;
	border-left-width: thin;
}

ul.item-inline-group.divider-border>li:after {
	right: 0;
	border-right-style: solid;
	border-right-width: thin;
}

ul.item-inline-group.divider-border>li:before,
ul.item-inline-group.divider-border>li:after,
.text-color-black ul.item-inline-group.divider-border>li:before,
.text-color-black ul.item-inline-group.divider-border>li:after,
ul.item-inline-group.divider-border.text-color-black>li:before,
ul.item-inline-group.divider-border.text-color-black>li:after {
	border-color: rgba(var(--customize-color-black), 1);
}

[class*="text-color-gray"] ul.item-inline-group.divider-border>li:before,
[class*="text-color-gray"] ul.item-inline-group.divider-border>li:after,
ul.item-inline-group.divider-border[class*="text-color-gray"]>li:before,
ul.item-inline-group.divider-border[class*="text-color-gray"]>li:after,
ul.item-inline-group.divider-border.divider-border-opacity>li:before,
ul.item-inline-group.divider-border.divider-border-opacity>li:after {
	border-color: rgba(var(--customize-color-black), 0.2);
}

.text-color-white ul.item-inline-group.divider-border>li:before,
.text-color-white ul.item-inline-group.divider-border>li:after,
ul.item-inline-group.divider-border.text-color-white>li:before,
ul.item-inline-group.divider-border.text-color-white>li:after {
	border-color: rgba(var(--customize-color-white), 1);
}

/**/
/* ul.item-inline-group.list-style-border-short > li:before,
ul.item-inline-group.list-style-border-short > li:after {
	height:10px;
	margin-top:-5.5px;
} */
ul.item-inline-group.divider-border-h-10>li:before,
ul.item-inline-group.divider-border-h-10>li:after {
	height: 10px;
	margin-top: -5px;
}

ul.item-inline-group.divider-border-h-15>li:before,
ul.item-inline-group.divider-border-h-15>li:after {
	height: 15px;
	margin-top: -7.5px;
}

ul.item-inline-group.divider-border-h-20>li:before,
ul.item-inline-group.divider-border-h-20>li:after {
	height: 20px;
	margin-top: -10px;
}

ul.item-inline-group.divider-border-h-25>li:before,
ul.item-inline-group.divider-border-h-25>li:after {
	height: 25px;
	margin-top: -12.5px;
}

ul.item-inline-group.divider-border-h-30>li:before,
ul.item-inline-group.divider-border-h-30>li:after {
	height: 30px;
	margin-top: -15px;
}

/**/
ul.item-inline-group.divider-border.divider-border-20>li:before,
ul.item-inline-group.divider-border.divider-border-20>li:after {
	height: 20px;
	margin-top: -10px;
}

/* --------------------------------------------------------------- */
/* --------------------- format divider dot ---------------------- */
/* --------------------------------------------------------------- */

span.span-divider-dot {
	display: inline-block;
	width: 5px !important;
	height: 5px !important;
	border-radius: 100%;
	margin: 2px 5px;
}

ul.item-inline-group.divider-dot>li {
	padding: 0 10px;
}

ul.item-inline-group.divider-dot>li:before,
ul.item-inline-group.divider-dot>li:after {
	border: none !important;
}

ul.item-inline-group.divider-dot>li:before,
ul.item-inline-group.divider-dot>li:after {
	width: 5px !important;
	height: 5px !important;
	border-radius: 100%;
	margin-top: -3px !important;
}

ul.item-inline-group.divider-dot>li:before {
	left: -2.5px;
}

ul.item-inline-group.divider-dot>li:after {
	right: -2.5px;
}

ul.item-inline-group.divider-dot>li:before,
ul.item-inline-group.divider-dot>li:after,
.text-color-black ul.item-inline-group.divider-dot>li:before,
.text-color-black ul.item-inline-group.divider-dot>li:after,
ul.item-inline-group.divider-dot.text-color-black>li:before,
ul.item-inline-group.divider-dot.text-color-black>li:after,
.span-divider-dot,
.text-color-black .span-divider-dot,
.span-divider-dot.text-color-black {
	background-color: rgba(10, 10, 10, 1);
}

.text-color-white ul.item-inline-group.divider-dot>li:before,
.text-color-white ul.item-inline-group.divider-dot>li:after,
ul.item-inline-group.divider-dot.text-color-white>li:before,
ul.item-inline-group.divider-dot.text-color-white>li:after,
.text-color-white .span-divider-dot,
.span-divider-dot.text-color-white {
	background-color: rgba(255, 255, 255, 1);
}

ul.item-inline-group.divider-dot.divider-dot-opacity>li:before,
ul.item-inline-group.divider-dot.divider-dot-opacity>li:after,
.span-divider-dot {
	opacity: 0.2;
}

/* xxl */
@media (min-width: 1400px) {

	/* ============================================================================================== */
	/* ============================================= text table ===================================== */
	/* ============================================================================================== */

	.text-table-row.w-label-custom-xxl-clear {
		flex-wrap: wrap;
	}

	.text-table-row.w-label-custom-xxl-clear .this-col-label {
		width: 100% !important;
		flex: none !important;
	}

	.text-table-row.w-label-custom-xxl-clear .this-col-label+.this-col-colon {
		margin-left: 0 !important;
	}

	/* label custom - xxl */

	.flex-basis-xxl-full {
		flex-basis: 100% !important;
	}

	.flex-basis-xxl-clear {
		flex-basis: 0 !important;
	}

	.flex-basis-xxl-50 {
		flex-basis: 50px !important;
	}

	.flex-basis-xxl-60 {
		flex-basis: 60px !important;
	}

	.flex-basis-xxl-70 {
		flex-basis: 70px !important;
	}

	.flex-basis-xxl-80 {
		flex-basis: 80px !important;
	}

	.flex-basis-xxl-90 {
		flex-basis: 90px !important;
	}

	.flex-basis-xxl-100 {
		flex-basis: 100px !important;
	}

	.flex-basis-xxl-110 {
		flex-basis: 110px !important;
	}

	.flex-basis-xxl-120 {
		flex-basis: 120px !important;
	}

	.flex-basis-xxl-130 {
		flex-basis: 130px !important;
	}

	.flex-basis-xxl-140 {
		flex-basis: 140px !important;
	}

	.flex-basis-xxl-150 {
		flex-basis: 150px !important;
	}

	.flex-basis-xxl-160 {
		flex-basis: 160px !important;
	}

	.flex-basis-xxl-170 {
		flex-basis: 170px !important;
	}

	.flex-basis-xxl-180 {
		flex-basis: 180px !important;
	}

	.flex-basis-xxl-190 {
		flex-basis: 190px !important;
	}

	.flex-basis-xxl-200 {
		flex-basis: 200px !important;
	}

	.flex-basis-xxl-210 {
		flex-basis: 210px !important;
	}

	.flex-basis-xxl-220 {
		flex-basis: 220px !important;
	}

	.flex-basis-xxl-230 {
		flex-basis: 230px !important;
	}

	.flex-basis-xxl-240 {
		flex-basis: 240px !important;
	}

	.flex-basis-xxl-250 {
		flex-basis: 250px !important;
	}

	.flex-basis-xxl-260 {
		flex-basis: 260px !important;
	}

	.flex-basis-xxl-270 {
		flex-basis: 270px !important;
	}

	.flex-basis-xxl-280 {
		flex-basis: 280px !important;
	}

	.flex-basis-xxl-290 {
		flex-basis: 290px !important;
	}

	.flex-basis-xxl-300 {
		flex-basis: 300px !important;
	}

}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

	/* ============================================================================================== */
	/* ============================================= text table ===================================== */
	/* ============================================================================================== */

	.text-table-row.w-label-custom-xl-clear {
		flex-wrap: wrap;
	}

	.text-table-row.w-label-custom-xl-clear .this-col-label {
		width: 100% !important;
		flex: none !important;
	}

	.text-table-row.w-label-custom-xl-clear .this-col-label+.this-col-colon {
		margin-left: 0 !important;
	}

	/* label custom - xl */

	.flex-basis-xl-full {
		flex-basis: 100% !important;
	}

	.flex-basis-xl-clear {
		flex-basis: 0 !important;
	}

	.flex-basis-xl-50 {
		flex-basis: 50px !important;
	}

	.flex-basis-xl-60 {
		flex-basis: 60px !important;
	}

	.flex-basis-xl-70 {
		flex-basis: 70px !important;
	}

	.flex-basis-xl-80 {
		flex-basis: 80px !important;
	}

	.flex-basis-xl-90 {
		flex-basis: 90px !important;
	}

	.flex-basis-xl-100 {
		flex-basis: 100px !important;
	}

	.flex-basis-xl-110 {
		flex-basis: 110px !important;
	}

	.flex-basis-xl-120 {
		flex-basis: 120px !important;
	}

	.flex-basis-xl-130 {
		flex-basis: 130px !important;
	}

	.flex-basis-xl-140 {
		flex-basis: 140px !important;
	}

	.flex-basis-xl-150 {
		flex-basis: 150px !important;
	}

	.flex-basis-xl-160 {
		flex-basis: 160px !important;
	}

	.flex-basis-xl-170 {
		flex-basis: 170px !important;
	}

	.flex-basis-xl-180 {
		flex-basis: 180px !important;
	}

	.flex-basis-xl-190 {
		flex-basis: 190px !important;
	}

	.flex-basis-xl-200 {
		flex-basis: 200px !important;
	}

	.flex-basis-xl-210 {
		flex-basis: 210px !important;
	}

	.flex-basis-xl-220 {
		flex-basis: 220px !important;
	}

	.flex-basis-xl-230 {
		flex-basis: 230px !important;
	}

	.flex-basis-xl-240 {
		flex-basis: 240px !important;
	}

	.flex-basis-xl-250 {
		flex-basis: 250px !important;
	}

	.flex-basis-xl-260 {
		flex-basis: 260px !important;
	}

	.flex-basis-xl-270 {
		flex-basis: 270px !important;
	}

	.flex-basis-xl-280 {
		flex-basis: 280px !important;
	}

	.flex-basis-xl-290 {
		flex-basis: 290px !important;
	}

	.flex-basis-xl-300 {
		flex-basis: 300px !important;
	}

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

	/* ============================================================================================== */
	/* ============================================= text table ===================================== */
	/* ============================================================================================== */

	.text-table-row.w-label-custom-lg-clear {
		flex-wrap: wrap;
	}

	.text-table-row.w-label-custom-lg-clear .this-col-label {
		width: 100% !important;
		flex: none !important;
	}

	.text-table-row.w-label-custom-lg-clear .this-col-label+.this-col-colon {
		margin-left: 0 !important;
	}

	/* label custom - lg */

	.flex-basis-lg-full {
		flex-basis: 100% !important;
	}

	.flex-basis-lg-clear {
		flex-basis: 0 !important;
	}

	.flex-basis-lg-50 {
		flex-basis: 50px !important;
	}

	.flex-basis-lg-60 {
		flex-basis: 60px !important;
	}

	.flex-basis-lg-70 {
		flex-basis: 70px !important;
	}

	.flex-basis-lg-80 {
		flex-basis: 80px !important;
	}

	.flex-basis-lg-90 {
		flex-basis: 90px !important;
	}

	.flex-basis-lg-100 {
		flex-basis: 100px !important;
	}

	.flex-basis-lg-110 {
		flex-basis: 110px !important;
	}

	.flex-basis-lg-120 {
		flex-basis: 120px !important;
	}

	.flex-basis-lg-130 {
		flex-basis: 130px !important;
	}

	.flex-basis-lg-140 {
		flex-basis: 140px !important;
	}

	.flex-basis-lg-150 {
		flex-basis: 150px !important;
	}

	.flex-basis-lg-160 {
		flex-basis: 160px !important;
	}

	.flex-basis-lg-170 {
		flex-basis: 170px !important;
	}

	.flex-basis-lg-180 {
		flex-basis: 180px !important;
	}

	.flex-basis-lg-190 {
		flex-basis: 190px !important;
	}

	.flex-basis-lg-200 {
		flex-basis: 200px !important;
	}

	.flex-basis-lg-210 {
		flex-basis: 210px !important;
	}

	.flex-basis-lg-220 {
		flex-basis: 220px !important;
	}

	.flex-basis-lg-230 {
		flex-basis: 230px !important;
	}

	.flex-basis-lg-240 {
		flex-basis: 240px !important;
	}

	.flex-basis-lg-250 {
		flex-basis: 250px !important;
	}

	.flex-basis-lg-260 {
		flex-basis: 260px !important;
	}

	.flex-basis-lg-270 {
		flex-basis: 270px !important;
	}

	.flex-basis-lg-280 {
		flex-basis: 280px !important;
	}

	.flex-basis-lg-290 {
		flex-basis: 290px !important;
	}

	.flex-basis-lg-300 {
		flex-basis: 300px !important;
	}

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

	/* ============================================================================================== */
	/* ============================================= text table ===================================== */
	/* ============================================================================================== */

	.text-table-row.w-label-custom-md-clear {
		flex-wrap: wrap;
	}

	.text-table-row.w-label-custom-md-clear .this-col-label {
		width: 100% !important;
		flex: none !important;
	}

	.text-table-row.w-label-custom-md-clear .this-col-label+.this-col-colon {
		margin-left: 0 !important;
	}

	/* label custom - md */

	.flex-basis-md-full {
		flex-basis: 100% !important;
	}

	.flex-basis-md-clear {
		flex-basis: 0 !important;
	}

	.flex-basis-md-50 {
		flex-basis: 50px !important;
	}

	.flex-basis-md-60 {
		flex-basis: 60px !important;
	}

	.flex-basis-md-70 {
		flex-basis: 70px !important;
	}

	.flex-basis-md-80 {
		flex-basis: 80px !important;
	}

	.flex-basis-md-90 {
		flex-basis: 90px !important;
	}

	.flex-basis-md-100 {
		flex-basis: 100px !important;
	}

	.flex-basis-md-110 {
		flex-basis: 110px !important;
	}

	.flex-basis-md-120 {
		flex-basis: 120px !important;
	}

	.flex-basis-md-130 {
		flex-basis: 130px !important;
	}

	.flex-basis-md-140 {
		flex-basis: 140px !important;
	}

	.flex-basis-md-150 {
		flex-basis: 150px !important;
	}

	.flex-basis-md-160 {
		flex-basis: 160px !important;
	}

	.flex-basis-md-170 {
		flex-basis: 170px !important;
	}

	.flex-basis-md-180 {
		flex-basis: 180px !important;
	}

	.flex-basis-md-190 {
		flex-basis: 190px !important;
	}

	.flex-basis-md-200 {
		flex-basis: 200px !important;
	}

	.flex-basis-md-210 {
		flex-basis: 210px !important;
	}

	.flex-basis-md-220 {
		flex-basis: 220px !important;
	}

	.flex-basis-md-230 {
		flex-basis: 230px !important;
	}

	.flex-basis-md-240 {
		flex-basis: 240px !important;
	}

	.flex-basis-md-250 {
		flex-basis: 250px !important;
	}

	.flex-basis-md-260 {
		flex-basis: 260px !important;
	}

	.flex-basis-md-270 {
		flex-basis: 270px !important;
	}

	.flex-basis-md-280 {
		flex-basis: 280px !important;
	}

	.flex-basis-md-290 {
		flex-basis: 290px !important;
	}

	.flex-basis-md-300 {
		flex-basis: 300px !important;
	}

}

/* sm - xs */
@media (max-width: 767.98px) {}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {

	/* ============================================================================================== */
	/* ============================================= text table ===================================== */
	/* ============================================================================================== */

	.text-table-row.w-label-custom-sm-clear {
		flex-wrap: wrap;
	}

	.text-table-row.w-label-custom-sm-clear .this-col-label {
		width: 100% !important;
		flex: none !important;
	}

	.text-table-row.w-label-custom-sm-clear .this-col-label+.this-col-colon {
		margin-left: 0 !important;
	}

	/* label custom - sm */

	.flex-basis-sm-full {
		flex-basis: 100% !important;
	}

	.flex-basis-sm-clear {
		flex-basis: 0 !important;
	}

	.flex-basis-sm-50 {
		flex-basis: 50px !important;
	}

	.flex-basis-sm-60 {
		flex-basis: 60px !important;
	}

	.flex-basis-sm-70 {
		flex-basis: 70px !important;
	}

	.flex-basis-sm-80 {
		flex-basis: 80px !important;
	}

	.flex-basis-sm-90 {
		flex-basis: 90px !important;
	}

	.flex-basis-sm-100 {
		flex-basis: 100px !important;
	}

	.flex-basis-sm-110 {
		flex-basis: 110px !important;
	}

	.flex-basis-sm-120 {
		flex-basis: 120px !important;
	}

	.flex-basis-sm-130 {
		flex-basis: 130px !important;
	}

	.flex-basis-sm-140 {
		flex-basis: 140px !important;
	}

	.flex-basis-sm-150 {
		flex-basis: 150px !important;
	}

	.flex-basis-sm-160 {
		flex-basis: 160px !important;
	}

	.flex-basis-sm-170 {
		flex-basis: 170px !important;
	}

	.flex-basis-sm-180 {
		flex-basis: 180px !important;
	}

	.flex-basis-sm-190 {
		flex-basis: 190px !important;
	}

	.flex-basis-sm-200 {
		flex-basis: 200px !important;
	}

	.flex-basis-sm-210 {
		flex-basis: 210px !important;
	}

	.flex-basis-sm-220 {
		flex-basis: 220px !important;
	}

	.flex-basis-sm-230 {
		flex-basis: 230px !important;
	}

	.flex-basis-sm-240 {
		flex-basis: 240px !important;
	}

	.flex-basis-sm-250 {
		flex-basis: 250px !important;
	}

	.flex-basis-sm-260 {
		flex-basis: 260px !important;
	}

	.flex-basis-sm-270 {
		flex-basis: 270px !important;
	}

	.flex-basis-sm-280 {
		flex-basis: 280px !important;
	}

	.flex-basis-sm-290 {
		flex-basis: 290px !important;
	}

	.flex-basis-sm-300 {
		flex-basis: 300px !important;
	}

}

/* xs */
@media (max-width: 575.98px) {


	/* ============================================================================================== */
	/* ============================================= text row ======================================= */
	/* ============================================================================================== */

	.title-row>.title-col {}

	/* ============================================================================================== */
	/* ============================================= text table ===================================== */
	/* ============================================================================================== */

	.text-table-row.w-label-custom-xs-clear {
		flex-wrap: wrap;
	}

	.text-table-row.w-label-custom-xs-clear .this-col-label {
		width: 100% !important;
		flex: none !important;
	}

	.text-table-row.w-label-custom-xs-clear .this-col-label+.this-col-colon {
		margin-left: 0 !important;
	}

	/* label custom - xs */

	.flex-basis-xs-full {
		flex-basis: 100% !important;
	}

	.flex-basis-xs-clear {
		flex-basis: 0 !important;
	}

	.flex-basis-xs-50 {
		flex-basis: 50px !important;
	}

	.flex-basis-xs-60 {
		flex-basis: 60px !important;
	}

	.flex-basis-xs-70 {
		flex-basis: 70px !important;
	}

	.flex-basis-xs-80 {
		flex-basis: 80px !important;
	}

	.flex-basis-xs-90 {
		flex-basis: 90px !important;
	}

	.flex-basis-xs-100 {
		flex-basis: 100px !important;
	}

	.flex-basis-xs-110 {
		flex-basis: 110px !important;
	}

	.flex-basis-xs-120 {
		flex-basis: 120px !important;
	}

	.flex-basis-xs-130 {
		flex-basis: 130px !important;
	}

	.flex-basis-xs-140 {
		flex-basis: 140px !important;
	}

	.flex-basis-xs-150 {
		flex-basis: 150px !important;
	}

	.flex-basis-xs-160 {
		flex-basis: 160px !important;
	}

	.flex-basis-xs-170 {
		flex-basis: 170px !important;
	}

	.flex-basis-xs-180 {
		flex-basis: 180px !important;
	}

	.flex-basis-xs-190 {
		flex-basis: 190px !important;
	}

	.flex-basis-xs-200 {
		flex-basis: 200px !important;
	}

	.flex-basis-xs-210 {
		flex-basis: 210px !important;
	}

	.flex-basis-xs-220 {
		flex-basis: 220px !important;
	}

	.flex-basis-xs-230 {
		flex-basis: 230px !important;
	}

	.flex-basis-xs-240 {
		flex-basis: 240px !important;
	}

	.flex-basis-xs-250 {
		flex-basis: 250px !important;
	}

	.flex-basis-xs-260 {
		flex-basis: 260px !important;
	}

	.flex-basis-xs-270 {
		flex-basis: 270px !important;
	}

	.flex-basis-xs-280 {
		flex-basis: 280px !important;
	}

	.flex-basis-xs-290 {
		flex-basis: 290px !important;
	}

	.flex-basis-xs-300 {
		flex-basis: 300px !important;
	}

	ul.item-inline-group>li {
		padding: 0 10px;
	}

	ul.item-inline-group.min-spacing>li {
		padding: 0 5px;
	}

	/* ul.item-inline-group.flex-wrap>li.break-xs {

	} */

}

/* xs custom */
@media (max-width: 399.98px) {}