body {
	font-family: "Roboto", sans-serif;
	box-sizing: border-box;
	margin: 0;
	user-select: none;
}
.body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}
svg, img {
	max-width: 100%;
	max-height: 100%;
}
svg {
	height: 100%;
}
path {
	transition: all 0.1s;
}
.header {
	padding: 10px 0;
	background-color: #222;
}
.footer {
	padding: 10px 0;
	color: #fff;
	background-color: #222;
}
.logo {
	display: inline-block;
	height: 65px;
}
.logo svg {
	width: auto;
}
.logo path {
	fill: #fff;
}
.logo:hover path {
	fill:#DC304A;
}
.no-gutters {
	margin: 0;
}
.no-gutters > * {
	padding: 0;
}
.row-gap--10 {
	row-gap: 10px;
}
.column-gap--5 {
	margin-left: -5px;
	margin-right: -5px;
}
.column-gap--5 > * {
	padding-left: 5px;
	padding-right: 5px;
}
td {
	position: relative;
}
td:hover .copy {
	opacity: 1;
	visibility: visible;
}
.client-item {
	border-bottom: 1px solid #d9d9d9;
}
.client-item.active .btn {
	display: inline-block;
}
.client-item.active .btn-close {
	display: inline-block;
}
.client-item.active input {
	display: block;
}
.client-item.active .client-item-value {
	display: none;
}
.client-item .btn {
	display: none;
	margin: 10px 0;
}
.client-item input {
	display: none;
}
.client-item:last-child {
	border-bottom: none;
}
.accordion-name {
	padding: 10px 0;
	cursor: pointer;
	margin-bottom: 0;
}
.accordion-name.active .accordion-icon {
	transform: rotate(180deg);
}
.accordion-name:hover .btn-group-item {
	display: inline-flex;
}
.accordion-content {
	display: none;
}
.client-item-value {
	display: block;
	max-width: 100%;
	font-size: 14px;
}
.accordion-icon {
	display: inline-block;
	transform-origin: center;
	min-width: 24px;
	width: 24px;
	margin: 0 0 0 auto;
}
.btn-group-item {
	column-gap: 10px;
	padding-right: 10px;
	display: none;
}
[data-client] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	cursor: pointer;
	padding: 0;
	background: none;
	border: none;
}
.copy {
	width: 24px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.1s;
	background-color: #fff; 
}
.btn-close {
	display: none;
}
.btn-close-2 {
/*	display: inline-block;*/
	position: absolute;
	right: 7px;
	top: 7px;
}
[data-request="onSearchClient"] {
	position: relative;
}
[data-request="onSearchClient"].active .btn-close {
	display: inline-block;
}