html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

main {
	flex: 1;
}

.card-body.custom-bg {
	background-color: rgba(52, 58, 64, 0.8);
	border-radius: 1rem;
}

.bg-custom {
	background-color: rgba(52, 58, 64, 0.8);
}

.indexName {
	width: 33.33%;
}

.indexValue {
	width: 66.67%;
}

.comment-box {
	max-height: 120px; 
	overflow: auto; 
	word-break: break-word;
	font-weight: normal;
}

.custom-input {
	color: black !important;
}

.custom-input::placeholder {
	color: grey; 
	opacity: 1;
}

.custom-input:focus::placeholder {
	color: transparent;
}

.table-transparent {
	color:white;
	background-color: transparent !important; 
}

.table-transparent th,
.table-transparent td {
	background-color: transparent !important;
	color:white;
	padding:0.4rem;
}

#modal {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.85);
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

/* Вращение картинки */
#modal img {
	width: 100vh;
	height: 100vw;
	transform: rotate(90deg);
}

/* Кнопка закрыть */
#closeBtn {
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 28px;
	background: rgba(0,0,0,0.5);
	color: white;
	border: none;
	padding: 7px 14px;
	border-radius: 8px;
}