table.api-table { width: 100%; }
table.api-table td{ padding: 4px 8px; }

table.stats-table {
	background-color: #fff;
	color: #555;
	border-spacing: 0px;
	width: 100%;
}

table.stats-table td {
	padding: 8px 4px;
	border-bottom: 1px solid #e4e2e0;
	text-align: center;
	font-size: 13px;
}
table.stats-table td.td-left { text-align: left; }
table.stats-table td.td-center { text-align: center; }
table.stats-table td.td-right { text-align: right; }
table.stats-table td.td-break { border-right: 1px #e4e2e0 solid; }
table.stats-table td.td-nowrap { white-space: nowrap; }


/* topic td */
table.stats-table tr:first-child td {
	text-align: center;
	font-size: 12px;
}

table.stats-table tr:last-child td {
	border-bottom: 0px #fff solid;
}

.stats-box {
	margin: 10px;
	margin-bottom: 40px;
	padding: 20px;
	background-color: #fff;
}
.stats-box-topic {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 16px;
}
.stats-box-content {
	overflow-x: auto;
}

.stats-filter-btn { margin-right: 10px; margin-bottom: 10px; }
.stats-filter-box {
	padding: 10px;
	padding-bottom: 0px;
	background-color: #fff;
	border-width: 0px;
	border-bottom-width: 1px;
	box-sizing: border-box;
}

.stats-row-weekend { background-color: #eee; }
.stats-row-clickable { cursor: pointer; }
.stats-row-clickable:hover { background-color: #C4E092; }

.stats-data-total { font-weight: bold; }




.stats-meeting-summary {
	margin: 50px;
	font-size: 36px;
}
.stats-meeting-summary table{
	margin: 0 auto;
}
.stats-meeting-summary td {
	padding: 0 20px;
	text-align: center;
}

.stats-meeting-box {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #FFF;
	padding-bottom: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.stats-meeting-box h2 { margin: 10px 0; }
.stats-meeting-box table {
	font-size: 16px;
	width: 100%;
	padding: 10px;
	color: #fff;
}
.stats-meeting-box table tr td{ text-align: right; }
.stats-meeting-box table tr td:first-child{ width: 100%; text-align: left; }

.print-topic { display: none; padding-bottom: 10px; }
.print-break { display: none; }

.unslider-nav {
	position: fixed;
    bottom: 20px;
    left: calc(50% - 139px);
    padding: 16px 40px;
    background-color: rgb(255 255 255 / 50%);
    border-radius: 99px;
	-webkit-box-shadow: 3px 3px 7px 2px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 7px 2px rgba(0,0,0,0.5);
}
	.unslider-nav ol {
		list-style: none;
		display: flex;
	}
	.unslider-nav ol li {
		display: block;
	    width: 30px;
	    height: 30px;
	    margin: 0 16px;
	    background: transparent;
	    border-radius: 99px;
	    overflow: hidden;
	    text-indent: -999em;
	    border: 2px solid #5F5F5F;
	    cursor: pointer;
	}
	.unslider-nav ol li.unslider-active {
		background-color: #5F5F5F;
	}
		.unslider-nav ol li:not(.unslider-active:hover):hover {
		    border: 2px solid #70AD02;
		}

#profile .stats-box-content canvas { width: 1640px !important; height: 364px !important; }

/* Print */
@media print {
	@page {
		size: A4 landscape;
	}

	.stats-filter-box { display: none; }
	.sapi-topbar { display: none !important; }
	.print-topic { display: block; }
	.print-break { display: block; page-break-after: always; clear: both; }

	.stats-box { padding: 0; margin: 20px 0; }
	.stats-box-content {  }
	.stats-box-content canvas { width: 1000px !important; height: 222px !important; margin-top: 10px; margin-bottom: 20px; }

	.stats-meeting-box { border: 2px #ccc solid; }
	.stats-meeting-box table { color: #000; }


}

/* Laptop */
@media only screen and (max-width:1366px){

	.stats-box-content canvas { width: 1260px !important; height: 280px !important; }
	#profile .stats-box-content canvas { width: 1100px !important; height: 244px !important; }

}

/* Mobile */
@media only screen and (max-width:980px){

	.stats-box-content canvas { width: 900px !important; height: 200px !important; }
	#profile .stats-box-content canvas { width: 720px !important; height: 160px !important; }

	.unslider-nav {
		position: fixed;
		bottom: 30px;
		left: calc(50% - 284px);
		padding: 36px 65px;
	}
		.unslider-nav ol li {
			width: 70px;
			height: 70px;
			margin: 0 36px;
		}

}

@media only screen and (max-width:768px){

}