/* 	------------------------------	*\
		Scorecard & Leadership Views
\* 	------------------------------	*/

.scorecard-leadership__button-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.scorecard-leadership__button {
	min-width: 175px;
	margin: 0.5rem 1.5rem;
}

.scorecard-leadership-modal__body-select label {
	display: block;
	font-weight: 700;
}

.scorecard-leadership-modal__body-select-wrapper {
	position: relative;
}

.scorecard-leadership-modal__body-select .select2-container {
	top: 40px !important;
	width: 100% !important;
}

.scorecard-leadership-modal__body-select .select2-container .select2-selection {
	height: 40px;
}

.scorecard-leadership-modal__body-select .select2-container .select2-selection__rendered, 
.scorecard-leadership-modal__body-select .select2-container .select2-results__option {
	height: calc(2.25rem + 2px);
	padding: 0.375rem 0.75rem;
}

.scorecard-leadership-modal__body-select .select2-container .select2-selection__arrow {
	height: 38px;
}

.scorecard-leadership__choose-individual {
	cursor: pointer;
}

/* 	------------------------------	*\
		Scorecard
\* 	------------------------------	*/

/* General */

.scorecard-button {
	margin-bottom: 1rem;
}

/* Modal*/

.scorecard-modal__header {
	margin-bottom: 0;
	font-size: 1.4rem;
}

.scorecard-modal__header-wrapper {
	min-width: auto;
}

.scorecard-modal__body {
	display: flex;
	flex-wrap: wrap;
	min-height: 650px;
}

.scorecard-modal__column {
	flex-basis: 50%;
	padding: 0 15px;
}

.scorecard-modal__body-select {
	min-height: 275px;
}

.scorecard-modal__body-select--short {
	min-height: 150px;
}

.scorecard-modal__body-select:nth-child(n+2) {
	padding-top: 15px;
}

#scorecardModalMetricsSelectWrapper .select2-container .select2-results__option[aria-disabled=true] {
	color: #212529;
	text-transform: uppercase;
}

#scorecardModalMetricsSelectWrapper .select2-container .select2-results__option:not([aria-disabled=true]) {
	padding-left: 2rem;
}

.scorecard-modal__button-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-basis: 100%;
	padding-top: 15px;
}

.scorecard-modal__button {
	margin: 0 5px;
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 35vh;
	overflow-y: auto;
}

/* Chart */

.scorecard-chart {
	display: flex;
	justify-content: center;
}

/* 	------------------------------	*\
		Leadership Views
\* 	------------------------------	*/

/* General */

.leadership-button {
	margin-bottom: 1rem;
}

.leadership-view-export {
	margin-bottom: 1rem;
}

#leadership-view-export {
	visibility: hidden;
}

/* Modal*/

.leadership-modal__header {
	margin-bottom: 0;
	font-size: 1.4rem;
}

.leadership-modal__header-wrapper {
	min-width: auto;
}

.leadership-modal__body {
	display: flex;
	flex-wrap: wrap;
	min-height: 650px;
}

.leadership-modal__column {
	flex-basis: 50%;
	padding: 0 15px;
}

.leadership-modal__body-select {
	min-height: 275px;
}

.leadership-modal__body-select:nth-child(n+2) {
	padding-top: 15px;
}

.leadership-modal__button-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-basis: 100%;
	padding-top: 15px;
}

.leadership-modal__button {
	margin: 0 5px;
}

/* Table */

.leadership-table-container .leadership-table__cell--total {
	border-top: none;
}

.leadership-table__cell--total-gray {
	background: #dddddd;
}

/* 	------------------------------	*\
		Usage
\* 	------------------------------	*/

/* General */

.usage-header {
	min-height: 50px;
}

.usage-date {
	
}

.usage-button {
	margin-bottom: 1rem;
}

#usageTableExport {
	visibility: hidden;
}

.usage-table-export {
	margin-bottom: 1rem;
}

/* Modal*/

.usage-modal__header {
	margin-bottom: 0;
	font-size: 1.4rem;
}

.usage-modal__header-wrapper {
	min-width: auto;
}

.usage-modal__body {
	display: flex;
	flex-wrap: wrap;
	min-height: 650px;
}

.usage-modal__column {
	flex-basis: 50%;
	padding: 0 15px;
}

.usage-modal__body-select,
.usage-modal__body-datepicker {
	min-height: 275px;
}

.usage-modal__body-select:nth-child(n+2),
.usage-modal__body-datepicker:nth-child(n+2) {
	padding-top: 15px;
}

.usage-modal__time-frame-header {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 700;
}

.usage-modal__time-frame-row {
	display: flex;	
	height: 40px;
}

.usage-modal__time-frame-row + .usage-modal__time-frame-row {
	margin-top: 1rem;
}

.usage-modal__time-frame-label {
	display: flex;
    align-items: center;
	min-width: 3rem;
	margin: 0;
}

.usage-modal__time-frame-date {
	min-width: 272px;
	width: 100%;
	height: 100%;
	padding: 0.375rem 0.75rem;
	border: 1px solid #aaa;
	border-radius: 4px;
	color: #444;
    line-height: 28px;
}

.usage-modal__button-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-basis: 100%;
	padding-top: 15px;
}

.usage-modal__button {
	margin: 0 5px;
}

/* Table */

.usage-table-container .usage-table__cell--total {
	border-top: none;
}

.usage-table__cell--total-gray {
	background: #dddddd;
}

/* 	------------------------------	*\
		Admin page
\* 	------------------------------	*/

.admin-tabs {
	font-size: 1.2rem;
}

.admin-tabs.active {
	font-weight: bold;
}

.admin-tab-pane {
	margin-top: 2rem;
}

.admin-page-container {
	margin: 1rem;
	margin-top: 1rem;
}

#nav-whats-new {
	max-width: 60rem;
}

.whats-new-title-label {
	margin-top: 1rem;
}

.whats-new-title {
	font-size: 1.3rem;
	font-weight: bold;
	color: #222;
}

.whats-new-description-label {
	margin-top: 1rem;
}

#whats-new-addBtn {
	margin-top: 2rem;
}

.btn-update-users {
	margin: 1rem 0;
}

.response-area {
	margin: 1rem 0;
	padding: 1rem;
	background-color: #fafafa;
	min-height: 5rem;
	max-height: 20rem;
	overflow-y: auto;
}

.response-loader-container {
	margin-top: 0.5rem;
}

.sep-secton {
	margin: 2rem;
}