.cris-card {
	margin: 1em;
}

.cris-card-deck {
	padding: 1em;
}

.cris-card-columns {
	/*padding: 1em 1em 1em 1em;*/
}

.cris-card-header {
	height: 3rem;
	vertical-align: middle;
}

.cris-card-header-icon {
	height: 1.5rem;
	color: #777;
	float: left;
	display: table-cell;
	vertical-align: middle;
}

.cris-card-header-icon>svg {
	height: 1.5rem;
}

.cris-card-header-text {
	padding-left: 0.5rem;
	float: left;
	/* display: table-cell; */
	vertical-align: middle;
}

@media (min-width: 576px) {
	.cris-card-header-text {
		width: calc((100vw - 22rem));
	}
}

@media (min-width: 768px) {
	.cris-card-header-text {
		width: calc((100vw - 22rem));
	}
}

@media (min-width: 992px) {
	.cris-card-header-text {
		width: calc((100vw - 22rem));
	}
}

@media (min-width: 1200px) {
	.cris-card-header-text {
		width: calc((100vw - 22rem)/2);
	}
}

.cris-card-header-text>div {
	/* display: table-cell; */
	vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.cris-card-header-button {
	padding-top: 0.2em;
}

.cris-data-column-1 {
	width: 10%;
}

.cris-warning-container {
	max-height: 20rem;
	overflow-y: auto
}

.cris-cpu-gauge {
	width: 10rem;
	height: 8rem;
	display: inline-block;
}

.cris-memory-gauge {
	width: 10rem;
	height: 8rem;
	display: inline-block;
}

@media ( min-width : 576px) {
	.card-columns {
		column-count: 1;
	}
	.cris-card {
		width: calc(100% - 2em) !important;
	}
}

@media ( min-width : 768px) {
	.card-columns {
		column-count: 1;
	}
}

@media ( min-width : 992px) {
	.card-columns {
		column-count: 1;
	}
}

@media ( min-width : 1200px) {
	.card-columns {
		column-count: 2;
	}
}