.accordion-selector > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

.accordion-selector > ul > li {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	background-color: #f7f7f7;
	border: #e8e8e8 1px solid;
}
.accordion-selector > ul > li.isAbsent {
	background-color: #dbdbdb;
}

.accordion-selector > ul > li + li {
	margin-top: 1em;
}

.accordion-selector > ul > li > div.element-content {
	display: flex;
	flex-direction: row;
	justify-content: right;
	flex-wrap: wrap;
}

.accordion-selector > ul > li > div.element-content > .btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width : 768px)
{
	.accordion-selector > ul > li > div.element-header {
		padding: .75em;
	}
	.accordion-selector > ul > li > div.element-header,
	.accordion-selector > ul > li > div.element-content {
		width: 100%;
	}
	.accordion-selector > ul > li > div.element-content{
		justify-content: center;
		height: 0;
		overflow-y: hidden;
		border-top: none;
		border-color: transparent;
		transition: height .2s, border-color .2s;
	}

	.accordion-selector > ul > li.active > div.element-content {
		border: solid #8b9095 2px !important;
		border-bottom-width: 1px !important;
		border-top: none !important;
	}

	.accordion-selector > ul > li > div.element-content > .btn {
		width: 100%;
		border-radius: 0;
		border-bottom: 1px solid #8b9095;
	}

	.accordion-selector > ul > li > div.element-content > .btn > .icon {
		font-size: 23px;
	}

	.accordion-selector > ul > li > div.element-content > .btn > .text {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.accordion-selector > ul > li > div.element-content > .btn > .icon + .text {
		margin-left: .25em;
	}
}

@media only screen and (min-width : 768px)
{
	.accordion-xs.accordion-selector > ul > li > div.element-header {
		padding: 1em;
	}

	.accordion-xs.accordion-selector > ul > li > div.element-content > .btn {
		height: 55px;
		width: 55px;
	}
	.accordion-xs.accordion-selector > ul > li > div.element-content > .btn + .btn,
	.accordion-xs.accordion-selector > ul > li > div.element-content > .btn + .popover + .btn,
	.accordion-xs.accordion-selector > ul > li > div.element-content > .btn + .tooltip + .btn {
		margin-left: .25em;
	}

	.accordion-selector > ul > li > div.element-content > .btn > .text {
		display: none;
	}
}
@media only screen and (min-width : 768px) and (max-width: 1024px) {
	.accordion-selector > ul > li > div.element-header {
		width: 75%;
	}
	.accordion-selector > ul > li > div.element-content {
		width: 25%;
	}
}
@media only screen and (min-width: 1024px) {
	.accordion-selector > ul > li > div.element-header {
		width: 65%;
	}
	.accordion-selector > ul > li > div.element-content {
		width: 35%;
	}
}