/* PANELS */

#call-taking-interface #reporting-list-panel {
	flex: 0 0 20%;
	border-right: 1px solid #e0e0e0;
}

#call-taking-interface #reporting-filter-panel {
	flex: 0 0 20%;
	border-right: 1px solid #e0e0e0;
}

#call-taking-interface #reporting-data-panel {
	flex: 0 0 80%;
	padding: 20px;
	overflow-y: auto;
	background-color: #f5f8f9;
}


/* SEARCH FILTER */

#call-taking-interface #reporting-filter-panel .section .title .flex-25 i {
	margin-left: 20px;
	padding: 10px;
	padding-top: 6px;
	cursor: pointer;
	font-size: 1em;
}

#call-taking-interface #reporting-filter-panel .section .title .flex-75 span {
	text-transform: uppercase;
}

#call-taking-interface #reporting-filter-panel .section .scrollable {
	padding: 15px;
	height: 100%;
}

#call-taking-interface #reporting-filter-panel .filters {
	height: calc(100% - 35px);
	overflow-y: auto;
}

#call-taking-interface #reporting-filter-panel .filter * {
	font-size: 8pt;
}

#call-taking-interface #reporting-filter-panel .filter label {
	margin-top: 25px;
	margin-bottom: 15px;
	display: block;
	text-transform: uppercase;
}

#call-taking-interface #reporting-filter-panel .search-controls {
	text-align: right;
}

#call-taking-interface #reporting-data-panel .toolbar {
	padding: 10px;
	text-align: right;
	position: fixed;
	width: 75%;
}

#call-taking-interface #reporting-data-panel .toolbar .error {
	text-align:left;
	font-size:14px;
}

#call-taking-interface #reporting-data-panel .toolbar .actions i {
	color: #4557e5;
	cursor: pointer;
	margin-left: 18px;
}

#call-taking-interface #reporting-data-panel::-webkit-scrollbar  {
	height: 20px;
}

#call-taking-interface #reporting-data-panel table {
	margin-top: 40px;
}

#call-taking-interface #reporting-data-panel table th, #call-taking-interface #reporting-data-panel table td {
	padding: 11px;
	max-width: 200px;
}

/* DASHBOARD */

#reporting-data-panel .queue-card {
/*	padding-bottom: 50px; */
}

#reporting-data-panel .header {
	font-size: 2em;
	padding-bottom: 20px;
	height: 40px !important;
}

#reporting-data-panel .card {
	padding: 20px;
	/*border: 1px solid #aaaaaa;*/
	background-color: #ffffff;
	width: calc(100% - 60px);
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
	margin: 25px 20px;
	flex-wrap: wrap;
}

#reporting-data-panel .card .header {
	font-size: 1.5em;
}

#reporting-data-panel .card .label {
	font-size: 0.9em;
	color: #7a929e;
	margin-bottom: 10px;
}

#reporting-data-panel .card .content {
	font-size: 1.2em;
	padding: .2em .6em .3em;
	margin-bottom: 25px;
}

#reporting-data-panel .card .content-message {
	font-size: 1.2em;
	padding: .2em .6em .3em;
	width: 500px;
	margin-bottom: 25px;
}

#reporting-data-panel .card .primary {
	padding:20px 10px;
	display:block;
	min-width: 120px;
	margin:20px 60px;
}

#reporting-data-panel .card .primary {
	border: 1px solid #ccc;
	border-bottom: 3px solid #4557e5;
	min-height: 120px;
	border-radius: 4px;
}

#reporting-data-panel .card .primary span:first-child {
	font-size: 2.5em;
	display:block;
	text-align:center;
	margin-bottom: 14px;
}

#reporting-data-panel .card .primary span:nth-child(2)  {
	font-size: 1.2em;
	display:block;
	text-align:center;
}

#reporting-data-panel .card .divider {
	border-right: 1px solid #ccc;
	width: 2px;
}

#reporting-data-panel .card .secondary {
	padding:20px;
	display:block;
	margin-top:30px;
}

#reporting-data-panel .card .secondary span:first-child {
	font-size: 2em;
	display:block;
	text-align:center;
}

#reporting-data-panel .card .secondary span:nth-child(2)  {
	font-size: 1em;
	display:block;
	text-align:center;
}

#reporting-data-panel .card .tertiary {
	padding:20px;
	display:block;
	margin-top:30px;
}

#reporting-data-panel .card .tertiary span:first-child {
	font-size: 1em;
	display:block;
	text-align:left;
}

#reporting-data-panel .card .tertiary span:nth-child(2)  {
	font-size: 2em;
	display:block;
	text-align:left;
}

#reporting-data-panel .card .tertiary span:nth-child(3)  {
	font-size: 1em;
	display:block;
	text-align:left;
}

#reporting-data-panel .card .section {
	padding:20px 10px;
	min-width: 120px;
	margin:20px 60px;
	flex-wrap: wrap;
}

#reporting-data-panel .metric span:first-child {
	display: block;
	font-size: 2em;
}

#reporting-data-panel .metric span:last-child {
	text-transform: uppercase;
}