.main-container {
	background-color: #B0BEC5;
	min-height: 100vh;
}
.card {
	height: 100%;
	background-color: var(--white-color);
}
span.badge {
	background-color: #445e6a;
	font-weight: 600;
}
.card {
	border: 2px solid #445e6a;
}
li.list-group-item {
	border-bottom: 1px solid #445e6a;
}
hr {
	border-color: #445e6a;
}
p {
	margin: 0;
}
button[type=submit],
button[data-get],
button[data-print],
button[data-remove] {
	color: #eeffff;
	background-color: #445e6a;
	font-weight: 600;
}
button[type=submit]:hover,
button[data-get]:hover,
button[data-print]:hover,
button[data-remove]:hover {
	background-color: #445e6a;
	color: #eeffff;
}

button[type=submit]:active,
button[data-get]:active,
button[data-print]:active,
button[data-remove]:active {
	background-color: #445e6a !important;
	color: #eeffff !important;
}
button[data-remove] {
	display: none;
}

div[data-card=equipment] .list-group-item:hover button[data-remove] {
	display: block;
}
div[data-card=customrt] .card-body {
	position: relative;
}
div[data-card=customer]:hover button[data-remove] {
	display: block;
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	cursor: pointer;
}

.btn-cancel {
	background-color: #445e6a;
	color: #FBB0B7;
}
.btn-cancel:hover,
.btn-cancel:active {
	background-color: #445e6a !important;
	color: #FBB0B7 !important;
}

#addEquipment,
.equipment .delete {
	font-size: 1.3rem;
	cursor: pointer;
}

.equipment .delete:hover {
	color: darkred;
}

.list-group-item {
	position: relative;
	background-color: transparent;
}
.list-group-item .fw-bold {
	color: #445e6a;
}
.list-group-item .btn[data-remove] {
	position: absolute;
	top: 1rem;
	right: 1rem;
	cursor: pointer;
}