/**
 * UCSC Xena Client
 * http://xena.ucsc.edu
 *
 * Custom CSS styling of MD cards, displayed during wizard setup.
 */

@value black6 from '../../css/variables.css';

@value black12 from '../../css/variables.css';

@value black38 from '../../css/variables.css';

.WizardCard {
	min-height: 645px; /* Must specify minimum height to maintain identical heights across cohort/disease and variable selects during wizard setup */
}

/* Card actions specific to wizard */
.actions {
	display: flex;
	justify-content: flex-end;
}

/* Container around column label (A, B, C etc) and controls */
.headerContainer {
	align-items: center;
	border-bottom: 1px solid black12;
	display: flex;
	line-height: 0;
	justify-content: space-between;
	padding: 8px 16px;
}

/* Icons */
.controls i {
	cursor: pointer;
}

/* Wrapper around title and close/cancel icon */
.titleContainer {
	border-bottom: 1px solid black12;
	display: flex;
	height: 61px; /* Includes border */
	padding: 8px 16px;
}

/* Close icon */
.titleContainer i {
	cursor: pointer;
}

.title {
	flex: 1;
	padding: 0 !important; /* Using important here to override cardTitle.large from theme */
}

.title > div {
	width: 100%; /* Force RTB title to be full width */
}

/* Body of wizard card including help text, if any, and children */
.content {
	flex: 1; /* Force content to fill space vertically so that actions are always push to bottom of card */
}