.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(--cpn-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(--cpn-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(--cpn-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(--cpn-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 {
	border-color:rgba(var(--cpn-color-black),1);
}
.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(--cpn-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;
}

/* --------------------------------------------------------------- */
/* --------------------- 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) {}

/* 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) {}

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

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

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

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

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

	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) {}