/* Problem Instructor Dashboard CSS */
/* Version 2.0.42 */

/* =================================== */
/* ========== TEAM EXERCISE ========== */
/* =================================== */


/* Select view, etc. side-by-side, documentation only, performed actions only, or chart */
.buttons-team-exercise {
	display: flex;
	justify-content: space-between;
	padding-bottom: 1em;
}

.buttons-team-exercise button {
	flex: 1 0 auto;
	margin: 5px;
	padding: 10px;
	background-color: white;
    border: 0px solid #fff;	
}

.buttons-team-exercise button:hover:enabled {
    cursor: pointer;
}

.buttons-team-exercise button:disabled {
  border: 0px solid #fff;
  background-color: #fff;
  color: #DCDCDC;
}

/* Container for showing documentation and performed actions */
.container-team-exercise {
	display: flex;
	gap: 4em;
}
.child-team-exercise {
	flex: 1;					   
}


/* ========================================== */
/* ========== PERFORMED ACTIONS V6 ========== */
/* ========================================== */

/* Cut text in boxes and add dots */
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.action-list-color0 { background-color: #e87883; }
.action-list-color1 { background-color: #ffd555; }
.action-list-color2 { background-color: #79df91; }

/* Gridbox for action list */
.grid-action-header {
	display: grid;
	grid-template-columns: minmax(40px, auto) 60px 1fr 50px 80px;
	grid-template-rows: 30px;
	grid-column-gap: 20px;
	border-bottom: 1px solid #eeeeee;
	margin-top: 20px;
			 
				 
}
.grid-action-header > div:nth-child(1) { text-align: center; }
.grid-action-header > div:nth-child(4) { text-align: center; }
.grid-action-header > div:nth-child(5) {
	text-align: right;
	padding-right: 20px;
}

.grid-action-list {
	display: grid;
	grid-auto-rows: auto;
	grid-gap: 2px;
}
.grid-action-list > div {
	padding: 10px 20px;
	border-bottom: 1px solid #eeeeee;
}

/* Gridbox for action */
.grid-action-list-element {
	display: grid;
	grid-template-columns: minmax(40px, auto) 60px 1fr 50px 80px;
	grid-template-rows: 20px 20px 20px;
	grid-column-gap: 20px; 
	grid-row-gap: 0px;
	grid-template-areas:
		"min figure ci time cost"
		"min figure action time cost"
		"min figure by by by"
}
.action-min {
	grid-area: min;
	display: flex;
	justify-content: center;
	align-items: center;
}
.action-figure {
	grid-area: figure;
	display: grid;
	justify-items: center;
	align-items: center;
	border-radius: 2px 0 0 2px;
	position: relative;
	font-size: 24px;
}
.action-ci {
	grid-area: ci;
	font-weight: 700;
}
.action-action {
	grid-area: action;
}
.action-time {
	grid-area: time;
	display: grid;
	align-items: center;
	text-align: center;
}
.action-cost {
	grid-area: cost;
	display: grid;
	align-items: center;
	text-align: right;
}
.action-by {
	grid-area: by;
}

/* ==================================== */
/* ========== DISCOVERY CHART ========= */
/* ==================================== */

.discovery-legend {
	display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
	grid-template-rows: auto;
	grid-column-gap: 1em;	
}
.legend-solved { color: #0f9d58; }
.legend-partly-solved { color: #f4b400; }
.legend-not-solved { color: #db4437; }


/* ========================================= */
/* ========== INSTRUCTOR REFERENCE ========= */
/* ========================================= */

.scenario-reference-step-title {
	font-size: 18px;
	font-weight: 400 !important;
	margin: 40px 0 20px 0;
	text-transform: uppercase;
}
.case-field-2 {
	border-radius: 2px;
	border: 1px solid #c5c5c5;
	background-color: #f5f5f5;
	cursor: pointer;
}

/* Reference buttons to select iteration, swap, step etc. */
.container-reference-select {
	display: flex;
	gap: 1em;
	margin-bottom: 1em;
}
.child-reference-select {
	flex: 1;
	background-color: var(--main-button-color);
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
	padding: 5px;
	text-align: center;
	transition: all .2s ease-in-out;
}
.child-reference-select:hover {}

/* Used for facts reference in both exercise (hints) and feedback */
.grid-symptoms-reference {
	display: grid;
	grid-template-columns: 8fr 2fr;
	grid-gap: 20px;
	grid-auto-rows: minmax(62px,auto);		
}
.grid-facts-reference {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-gap: 20px;
	grid-template-rows: minmax(0,auto) minmax(62px,auto) minmax(62px,auto) minmax(62px,auto) minmax(62px,auto);		
}
.grid-facts-reference > div:nth-child(1), .grid-facts-reference > div:nth-child(2) {
	text-align: center;
	letter-spacing: .1rem;
}
.grid-causes-reference, .grid-actions-reference {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	grid-auto-rows: minmax(62px,auto);		
}