body {
	padding-top: 60px;
}

.avatar {
	height: 30px;
	width: 30px;
}


/* Loader (анимация загрузки) */
[data-role="loading"] {
	width: 200px;
	height: 100px;
	position: fixed;
	bottom: 30%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1;
	pointer-events: none;
}

[data-role="loading"] .balls {
	position: relative;
	width: 100%;
	height: 60px;
}

[data-role="loading"] .circle {
	width: 20px;
	height: 20px;
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
	left: 15%;
	transform-origin: 50%;
	animation: circle7121234 .5s alternate infinite ease;
}

@keyframes circle7121234 {
	0% {
		top: 60px;
		height: 5px;
		border-radius: 50px 50px 25px 25px;
		transform: scaleX(1.7);
	}

	40% {
		height: 20px;
		border-radius: 50%;
		transform: scaleX(1);
	}

	100% {
		top: 0%;
	}
}

[data-role="loading"] .circle:nth-child(2) {
	left: 45%;
	animation-delay: .2s;
}

[data-role="loading"] .circle:nth-child(3) {
	left: auto;
	right: 15%;
	animation-delay: .3s;
}

[data-role="loading"] .shadow-ball {
	width: 20px;
	height: 4px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.9);
	position: absolute;
	top: 62px;
	transform-origin: 50%;
	z-index: -1;
	filter: blur(1px);
	animation: shadow046123 .5s alternate infinite ease;
}

@keyframes shadow046123 {
	0% {
		transform: scaleX(1.5);
	}

	40% {
		transform: scaleX(1);
		opacity: .7;
	}

	100% {
		transform: scaleX(.2);
		opacity: .4;
	}
}

[data-role="loading"] .shadow-ball:nth-child(4) {
	left: 45%;
	animation-delay: .2s;
}

[data-role="loading"] .shadow-ball:nth-child(5) {
	left: auto;
	right: 15%;
	animation-delay: .3s;
}

[data-role="loading"] .loader-text {
	position: absolute;
	top: 80px;
	margin-top: 8px;
	font-size: 20px;
	color: #ffffff;
	text-shadow: -1px -1px 0 black, 1px -1px 0 black,
		-1px 1px 0 black, 1px 1px 0 black;
	pointer-events: auto;
	align-items: center;
	text-align: center;
}

.status-col{
    width: 360px;   /* подберите число под самый длинный статус, ~240-280 px */
    flex-shrink: 0; /* запрещаем сжиматься, чтобы не «гуляло» */
}

.icon-col { width: 180px; } 

.card--disabled {
  opacity: .45;          /* визуально «приглушённая»   */
  pointer-events: none;  /* блокируем клики / скролл   */
  filter: grayscale(70%);/* необязательно: обесцвечиваем*/
}

/* одинаковая высота строк в сводных таблицах */
.stats-table tbody tr {height:49px;}
.stats-table tbody td  {vertical-align:middle;}
/* выровненные информационные карточки */
.stat-card {min-height:110px;}
.stat-card .card-body {height:100%;}
.stat-card .row       {height:100%; align-items:center;}