/* time span   */
.timeSpanInputs{
	display:block;
    margin-left: 15px;
    margin-right: auto;
}
.storageTitle{
	text-align:center
}
.storageTitle b{
	font-size : 18px;
}
.pie-chart svg {
  width: 600px;
  height: 350px;
  margin: 0 auto;
}

.nvd3.nv-pie .nv-pieLabels text {
	stroke: none !important;
    fill: #fff !important;
}

.nvd3 .nv-axis .nv-axisMaxMin text {
	font-weight:normal !important;	
}

.nvd3.nv-stackedarea path.nv-area {
	fill-opacity: .8 !important;	
}

.nvd3.nv-stackedarea path.nv-area.hover {
    fill-opacity: .9 !important;
}

.nvd3.nv-pie .hover path {
    fill-opacity: 1.0 !important;
}

#objectSizePieChart.pie-chart svg:not(:hover), #objectFileCountPieChart.pie-chart svg:not(:hover) {
	stroke: var(--primary-color-light-text);
	fill: var(--primary-color-light-text);
}

  /* .nvd3.nv-pie .nv-label text {
    stroke: #514c4c;
}
*/
/*
for the svg label text
*/

.width60pc {
	width: 60%;
}

.width90pc {
	width: 90%;
}

.width600px {
	width: 600px;
}

.width70em {
	width: 70em;
}

svg.nvd3-svg {
    fill: var(--primary-color,#029ce2);
}

#videoViewStatisticsChart path.nv-area {
	fill: url(#videoViewStatisticsChartcolorGradient);
}

g.nv-label text{
	fill: white !important;
}

.nv-y .nv-axis line{
	stroke: black;
}

#pollSummaryStatisticsChart .nv-y .nv-axis g.tick line {
	stroke: var(--ui-light-color,#e5e5e5);
}

#studentSummaryStatisticsChart .nv-y .nv-axis g.tick line {
	stroke: var(--ui-light-color,#e5e5e5);
}

/* Use thicker line for line chart of nvd3.js */
.nvd3 g.nv-groups path.nv-line {
	stroke-width: 3px;
}

/* Uses Flexbox to vertically align different items. */
.vertical-align {
	display: flex;
	align-items: center;
}

/* Uses Flexbox to horizontally align different items. */
.horizontal-align {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

.horizontal-align-without-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.column-align-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.updateIntervalMessage{
		/*font-size: 1.3em;*/
	text-align: center;
		color:	#916814;
}

.form-description {
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 0.5em;
	color: #666;
}

.statisticsIcon {
	font-size: 200%;
}

.statistics-name {
	background: transparent;
	font-size: 1.2em;
	text-align: center;
	color : var(--new-primary-color, #42296E);
}

.analytics-content-header {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

.statistics-name>img {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.chart-data {
	font-size: 1.2em;
}

/* Styling for chart with x-axis as date. */
#videoViewChart, #videoUniqueViewChart {
	padding: 0 20px;
}

.data-table {
	min-height: 300px;
	margin: auto 3%;
}

.date-chart>svg {
	height: 300px;
}

#di_analyticsTabContent {
	min-height: 250px;
}

#di_analyticsTabContent .date-chart>svg {
	height: 150px;
}

.date-chart.short>svg {
	height: 223px;
}

.date-chart.tall>svg {
	height: 400px;
}

.select2-image {
	max-height: 1.3em;
	max-width: 1.3em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

/* Styling for button that is in same row as select2. */
.select2-form-button {
	height: 26px;
	padding-top: 3px;
}

.modal-footer>button {
	color: white;
    text-shadow: none;
    background-color: var(--primary-color,#029ce2);
}

/* Statistics that displays a single number */
.single-number-statistics {
	font-size: 1.5em;
}

.single-number-statistics>.centered {
	text-align: center;
}

.single-number-statistics-description {
	font-size: 1em;
	margin-bottom: auto;
	display: flex;
    flex-wrap: wrap;
}

.single-number-statistics-description>.centered {
	text-align: center;
	justify-content: center;
    align-items: center;
}

.single-number-statistics-description.centered {
	text-align: center;
	justify-content: center;
    align-items: center;
}

.video-details-statistics-label {
    color: var(--new-primary-color,#42296E);
}

.analytics-collapse-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.analytics-collapse-button {
    margin-top: 10px;
}

.table-image {
	width: 100px;
	height: 70px;
}

.table-avatar {
	width: 2.35em;
	height: 2.35em;
	margin-right: 5px;
}
.user-media-title{
	word-break: break-all;
	max-width: 19vw;
	display: flex;
  	align-items: center;
}

#userActivityStatistics .table-text.user-name {
	max-width: 8vw;
}
.table-text.user-name {
		max-width: 19vw;
	}
@media (max-width: 1024px) {
	.table-text.user-name {
		max-width: 10em;
	}
}

.table-text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.bandwidth-width{
	min-width: 100px;
}

.empty-table-text {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}

.spinner.loading {
	margin: 0 -10px -10px -10px;
}

.tooltip>div {
   text-align: left;
}

/*Dashboard Analytics*/
#overView-tab .summary-cards .col-md-122.col-md-244 {
	background-image: url('/Dashboard/icons/Ellipse 1.svg');
   	background-repeat: no-repeat;
   	/* margin-right: 80px; */
   	border-radius: 7px !important;
   	box-shadow: none !important;
   	width: 80%;
}

.grey-text{
	color: #666;
}

.analytics-card-container {
	display: flex;
	flex-flow: wrap;
	/* padding: 0px 43px 10px 4px; */
}
.analytics-bandwidth-card-container {
	flex-flow: wrap;
	padding: 0px 10px 10px 10px;
	display:flex;
}
.analytics-card-block {
	flex: 1;
	margin-bottom: 10px;
}

.analytics-card {
	border: 1px solid #e0e0e0;
    color: #666666;
	background-color: #fff;
	border-radius: 4px;
    height: 100%;
    width: 100%;
    min-height : 530px; 
    border-radius: 7px !important;
	box-shadow: none !important;
}

.analytics-card .chart-title {
	text-align: center;
    font-weight: bold !important;
    color: var(--primary-color-text);
}

.overview-card {
    padding: 0 10px;
    margin-bottom: 10px;
}
.separate-card {
	border: 1px solid;
	border-color: #cff0ff;
	margin-bottom: 10px;
	background-color: #fff;
	border-radius: 4px;
}

.separate-card-top {
	border: 1px solid;
	border-color: #cff0ff;
	margin-top: 10px;
	background-color: #fff;
	border-radius: 4px;
}

.btnRow>button {
	margin: 0 2px;
}
.sameSizeBtn {
	width : 10%;
	min-width: 125px;
}

#insightsMenu .sameSizeBtn {
	width: max-content;
	overflow: hidden;
	padding-left: 1.1vw;
	padding-right: 1.1vw;
	font-size: 1.1vw;
}

#insightsMenu > div {
	display: flex;
}

#insightsMenu .sameSizeBtn-icon {
	width: max-content;
	overflow: hidden;
	padding-right: 1.1vw;
	padding-right: 1.1vw;
	font-size: 1.1vw;
}

#clearAnalyticsBtn, #downloadSpreadsheetBtn {
	width: auto;
}

.overviewBtn {
	min-width: 135px;
	border-width: 0;
    padding: 6px 14px;
    font-size: 14px;
    outline: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    text-shadow: none;
    cursor: pointer;
    text-align: center;
}

.overviewBtn:hover{
	color: var(--btn-default-inner-text-color, #42296E);
    border: 2px solid var(--btn-default-color, #42296E) !important;
    background-color: var(--btn-default-background-color, #FFF) !important;
}

.overviewBtn.selected{
	color: var(--btn-default-background-color, #fff) !important;
    background-color: var(--btn-default-color, #42296E) !important;
    border: 2px solid var(--btn-default-color, #42296E);
}


.graphSpinnerContainer{
	height:100%;
}

.table-text.user-title {
	max-width: 20em;
}

@media (min-width: 500px) and (max-width: 1100px) {
    .table-text.user-title {
        max-width: 4em;
    }
}

@media (min-width: 1100px) and (max-width: 1200px) {
    .table-text.user-title {
        max-width: 5em;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .table-text.user-title {
        max-width: 6em;
    }
}

@media (min-width: 1300px) and (max-width: 1400px) {
    .table-text.user-title {
        max-width: 20em;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .table-text.user-title {
        max-width: 10em;
    }
}
	
@media screen and (max-width: 1200px) {
	.sameSizeBtn {
		width : 11%;
		min-width: 85px;
		font-size: 16px;
	}
	.sameSizeBtn .top-text {
		white-space: pre-line;
	}

	.overviewBtn {
		min-width: 100px;
	}
	.overviewBtn .col-md-422 {
		font-size: 16px;
		font-weight: bold;
	}
	
	.table-text.user-name {
		max-width: 7em;
	}

	.table-text.user-name.full-name {
		max-width: 15em;
		overflow-x: auto;
	}

	.table-avatar.user-avatar{
		display: none;
	}
	
	.chart-card {
		padding-right: 0;
		width: 100%;
    	margin: 5px 15px 10px 0px;
	}
	#institutionOverallUsageChart {
		padding: 0;
	}
	
	#userActivityStatistics .single-number-statistics {
		font-size: 1.2em;
	}

	/* .search-text-container{
		font-size:calc(11px + 1.2vw);
	} */
	
}

@media screen and (max-width: 1600px) {
	#presentationViewingBtn, #presentationDateBtn {
		width: auto;
	}	
	
}
@media (min-width: 1200px) {
	#getReportBtn.col-lg-1{
		width: 10%;
	}
}

#questionGraphModal .modal-body {
	max-height: calc(100vh - 191px);
    overflow-y: auto;
}

#expandImageDialog img {
	width: 100%;
	height: auto;
}

.analyticsSearchContainer {
	display: contents;
	align-items: center;
	margin: 5px;
}

.search-text-container{
	white-space: nowrap; 
	font-size: 15px;
	padding: 0 0 0 1;
}

.analyticsSearchBox {
	background: #FFF;
	color: black;
	width: 20vw;
    margin: 10px;
}

@media screen and (min-width: 1200px) {
	.analyticsSearchBox{
		width: 22vw;
	}
	.search-text-container{
		display: block;
		font-size: 20px;
	}
}

@media screen and (min-width: 1700px) {
	.analyticsSearchBox{
		/* width: 500px; */
	}
}

@media screen and (min-width:1201px) and (max-width: 1800px) {
	#invisibleSpacerDiv {
		display: block !important;
	}

	#getReportSubmitButton{
		/* position: relative; */
		bottom: 40px;
	}

	/* .search-text-container{
		display: block;
		font-size: 1vw;
	} */
}

.topBarSummaryBoxContainer {
	display: flex;
	flex-direction: row;
	background: #FFF;
	width: 100%;
}

.analyticsUserTopBar {
	margin-top: 20px;
}

.analyticsTabs .table>.table-heading>tr>th {
	background: rgba(2, 156, 226, 0.25);
	padding: 1em 0;
}

.analyticsTabs .table{
	color: black;
	margin: 35px 0px;
	border: 1px solid #dddddd;
	border-radius: 7px !important;
	border-collapse: separate !important;
	border-spacing: revert-layer;
}

.details-container{
	position: relative;
	min-height: 300px;
}

.summary-button{
	display: block;
    position: absolute;
    right: 0%;
    top: -120px;
}

@media screen and (min-width: 993px) {
	.summary-button{
		top: -60px;
	}
}

@media screen and (max-width: 993px) {
	.summary-button{
		position: unset;
		float: right;
		margin-bottom: 10px;		
	}
}

.analyticsTabs .tableBody{
	border: 1px solid rgba(2, 156, 226, 0.3);
	box-sizing: border-box;
	background: white;
}

.analyticsTabs .table-heading > tr {
	padding: 0;
}

.analyticsTabs .table > tbody > tr.table-row > td {
	border-top: none;
}

.analyticsTabs .table-row{
	padding: 14px 24px;
}

.analyticsTabs .table-row td,
.analyticsTabs .table-row th{
	text-align: center;
}

.analyticsTabs .table-body > tr:nth-child(even){
	background:rgba(205, 239, 255, 0.21);
}

.table.paginated-table {
	display: block;
	overflow-x: auto;
	background-color:white;
}

.table.paginated-table thead,
.table.paginated-table tbody {
	display: block;
}

.table.paginated-table.courses-panel-table tr {
	display: grid;
	grid-template-columns: minmax(11em, 1fr) minmax(100px, 1.5fr) minmax(50px, 0.5fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr);
}

.table.paginated-table.details-panel-table tr {
	display: inline-grid;
	grid-template-columns: minmax(100px, 2fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1.2fr) minmax(150px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 2fr);
	padding: 0;
}

.table.paginated-table .overflow-ellipses {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table.paginated-table td.left-align-table-data {
	display: inline-block;
	text-align: left;
}

.analytics-title{
	font-size:"24px";
	font-weight: 700 !important;
	margin-left: 10px;
}

.marginBottom{
	margin-bottom: 15px;
}

.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td{
	padding: 10px;
	padding-left: 22px;
}

.page-select {
    width: auto;
    padding: 0;
    text-align: center;   
	border: 0.744624px solid #AFAFAF;
}

.pagination-controls {
    display:  flex;
    color: black
}

.pagination-controls > * {
    margin: 0 0.5em;
}

.paginate-btn {
    border: 1px solid var(--primary-color,#029ce2);
    color: var(--primary-color,#029ce2);
    border-radius: 1em !important;
    width: 2em;
    padding: 0.5em;
}

.paginate-btn.fa-chevron-left {
	padding-right: 0.6em;
}

.paginate-btn.fa-chevron-right {
	padding-left: 0.6em;
}

.paginate-btn:not(.disabled):hover {
    background: rgba(2, 156, 226, 0.25);
    cursor: pointer;
}

.paginate-btn.disabled {
    border-color: #aaa;
    color: #aaa;
}

.behaviour-stats-border {
	border-radius: 8px 8px 8px 8px !important;
}

.behaviour-stats-border-left {
	border-radius: 8px 0px 0px 8px !important;
}

.behaviour-stats-border-right {
	border-radius: 0px 8px 8px 0px !important;
}


.behaviour-stats-bar-default {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	background: #E8E8E8;
	height: 20px;
}

.behaviour-stats-bar-details {
	display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-left: 5px;
}

.user-behaviour-stats-container {
	color: black;
    padding: 0px 22px 22px;
}

.user-name-header {
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 10px;
	color: black;
}

.user-name-header-container {
	display: flex;
	align-items: center;
}

.user-name-header-container.shortened-header {
	max-width: 50%;
}

@media screen and (min-width: 650px) {
	.user-name-header-container.shortened-header {
		max-width: 70%
	}
}

@media screen and (min-width: 992px) {
	.user-name-header-container.shortened-header {
		max-width: 100%;
	}
}

.center-div{
	position: absolute;
	top: 50%;
	left: 25%;
    right: 25%;
	display: inline;
}

.center-text {
	margin: auto;
	padding: 20px;
}

.analyticsTabs svg:hover{
	stroke: none !important;
}

.btn.defaultcolor {
    font-weight: 700 !important;
}

.topBarSummaryBox {
	font-size: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 25%;
	border: 0.5px solid var(--icon-grey-color,#b3b3b3);
	box-sizing: border-box;
	width: 25%;
	padding: 10px;
}

.topBarSummaryLabel {
	display:flex;
	align-items: center;
	justify-content: center;
	/* flex-wrap: wrap; */
	color: black;
	font-size: 14px;
	height: 50%;
}

.userGraphTabs {
	min-height: 300px;
	margin-top: 5px;
	background: #FFF;
}

.topBarSummaryLabel > svg {
	padding-right: 5px;
}

.topBarSummaryBox.borderTopRight {
	border-top-right-radius: 12px !important;
}

.topBarSummaryBox.borderTopLeft {
	border-top-left-radius: 12px !important;
}

.topBarSummaryBox.borderBottomRight {
	border-bottom-right-radius: 12px !important;
}

.topBarSummaryBox.borderBottomLeft {
	border-bottom-left-radius: 12px !important;
}

.analytics-users-card {
	border: 0.5px solid var(--icon-grey-color,#b3b3b3);
	box-sizing: border-box;
	background: #FFFFFF;
	width: 100%;
	position: relative;
}

.analytics-users-card-container {
	display: block;
	width:100%;
	margin-bottom: 5px;
}

.analytics-users-card.twoColumns {
	width: 100%;
	display: block;
}

.topBarSummaryBoxValue {
	font-weight: 700;
    align-items: center;
	display: flex;
	justify-content: center;
	padding-bottom:10px;
}

@media screen and (min-width: 992px) {
	.analytics-users-card.twoColumns {
		width: calc(50% - 3px); /*uses the below margins to calculate*/
		display: inline-block;
	}

	.topBarSummaryLabel {
		font-size: 16px;
	}

	.topBarSummaryBoxValue {
		font-size: 24px;
	}
	
	.analytics-users-card-container {
		display: flex;
	}

	.analytics-users-card.twoColumns.rightMargin  {
		margin-right: 5px;
	}

	.analytics-users-card.twoColumns.leftMargin  {
		margin-left: 5px;
	}

	.analytics-users-card.twoColumns > .tab-list-modern {
		font-size: 16px !important;
	}
}

.btn.defaultToggleBtn.toggleBtnSelected {
    background: var(--primary-color,#029ce2);
    color: #FFFFFF;
}

.btn.defaultToggleBtn {
    font-weight: 600;
	color: var(--primary-color,#029ce2);
	border: 2px solid var(--primary-color,#029ce2);
	padding: 6px 10px;
}

.toggleBtnContainer {
	display:flex;
	margin-right: 5px;
	justify-content: flex-end;
	z-index: 10;
}

.shrinked-selection {
	transform: scale(0.9, 0.9);
}

.btn.defaultToggleBtn.leftBtn {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.btn.defaultToggleBtn.rightBtn {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.analytics-users-card.twoColumns > .tab-list-modern {
	font-size: 14px;
}


#analyticsUsersContainer #uniqueLogInStatisticsChart svg.nvd3-svg, 
#analyticsUsersContainer #objectSizeChart svg.nvd3-svg, 
#analyticsUsersContainer #userVideoWatchTimeGraph g.nvd3-svg, 
#analyticsUsersContainer #userVideoUsageChart g.nvd3-svg{
	fill: #262727;
}

.analyticsSearchBox .Select-value {
	max-width:85% !important;
}

.analyticsSearchBox .Select-menu-outer > div {
	white-space: nowrap;
}

#analyticsUsersContainer .dcls_spinner {
	z-index:0;
}

#analyticsUsersContainer #uniqueLogInStatisticsChart .nv-y.nv-axis.nvd3-svg text.nv-axislabel {
	font-size: 15px;
}

#analyticsUsersContainer #objectSizeChart .nv-y.nv-axis.nvd3-svg text.nv-axislabel {
	font-size: 14px;
}

#analyticsUsersContainer #userVideoUsageChart, 
#analyticsUsersContainer #userVideoWatchTimeGraph,
.modal-dialog .videoViewStatisticsChart > svg {
	overflow:visible;
}

#analyticsUsersContainer .table-body td a {
	color: #0277AD !important;
}

.total-viewers-summary-cards {
	width:100%;
}

.text-center-rmtp {
	text-align: center;
}

.rtmp-col-padding {
	padding-top: 25px;
}

#labelForRuleSelectArchive{
	font-size: 14.95px;
}

.rtmp-action-button{
	font-weight: bold; 
	font-size: 100%; 
	display: block; 
	text-align: left;
}

.summary-details{
 	color: #000000;
 	font-weight: bold;
 	font-size: 14px;
}

.summary-details-number{
	font-size: 24px;
	color: #000000;
 	font-weight: bold;
}

.tabRow {
	border: solid 1px #F8FAFB;
    margin-left: 1em;
   	width: fit-content;
    background-color: #F8FAFB;
    border-radius: 8px !important;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 2em;	
    
}

#overView-tab .top-text b{
	font-weight: normal;
}

.analytics_topbar_User:before{
	content: url(/Dashboard/icons/analytics_topbar_user.svg);
}
.analytics_topbar_Captures:before{
	content: url(/Dashboard/icons/analytics_topbar_capture.svg);
}
.analytics_topbar_Media:before{
	content: url(/Dashboard/icons/analytics_topbar_media.svg);
}
.analytics_topbar_Course:before{
	content: url(/Dashboard/icons/analytics_topbar_courses.svg);
}
.analytics_topbar_View:before{
	content: url(/Dashboard/icons/analytics_topbar_views.svg);
}
.analytics_topbar_Caption:before{
	content: url(/Dashboard/icons/analytics_topbar_captions.svg);
}

#chartDrawn .line-graph-container{
	width:100% !important;
	margin-right: 0% ;
	height: 38vh;
	margin-bottom: 0px;
	margin-top: 0px;
}

.chart-drawn{
	margin-top: 25px;
}

.label-container{
	width: 23px;
    height: 23px;
    border-radius: 50% !important;
    margin-right: 12px;
}


.chart-tile-type-lists {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  align-items: flex-start;
  width:100%;
}

.overview-class-container{
	display: flex;
    align-items: center;
    margin: 10px 13.5px;
}

.overview-class-circle{
	width: 24px;
    height: 24px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    border-radius: 50% !important;
    margin-right: 12px;
}

.overview-class-container p{
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #515151;
	margin: 0px;
}

#overView-tab .summary-cards{
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   	grid-gap: 50px;
    margin-right: -45px; 
}

 @media all and (min-width: 1940px) {
	#chartDrawn .line-graph-container {
	    margin-bottom: 0px !important;
	    height: 28vh;
	}
}


@media all and (min-width:1300px)  and (max-width: 1600px) {
	#chartDrawn .line-graph-container {
	    margin-bottom: 0px !important;
	    height: 41vh !important;
	}
	#container
	{
	    padding-left: 0%;
	    margin: 0 auto;
	}
	.horizontal-align{
		padding:0;
		height: auto;
		width: auto;
	}
	.summary-cards{
		grid-gap: 20px;
		margin-right: -40px;
	}
	
}

@media all and (max-width: 1375px){
	#chartDrawn .line-graph-container {
	    margin-bottom: 0px !important;
	    height: 60vh !important;
	}
}


@media all and (max-width: 1000px) {
	#chartDrawn .line-graph-container {
	    margin-bottom: 0px !important;
	    height: 62vh !important;
	}
	
	.summary-cards{
		grid-gap: 0px;
		margin-right: -26px;
	}
}

@media all and (max-width: 800px) {
    #container
	{
	    padding-left: 0%;
	    margin: 0 auto;
	}
	.horizontal-align{
		padding:0;
		
		height: auto;
		width: auto;
	}
	.overview-class-container{
		margin: 10px;
		white-space: pre;
	}
	#chartDrawn .line-graph-container {
	    margin-bottom: 0px !important;
	    height: 90vh !important;
	}
	.summary-cards{
		grid-gap: 20px;
	}
}

@media all and (max-width: 700px) {
   .tabRow {
	    width: calc(100% - 3em);
	    display: block;
	}
	#container
	{
	    padding-left: 0%;
	    margin: 0 auto;
	}
	.horizontal-align{
		padding:0;
		height: auto;
		width: auto;
	}
	.summary-cards{
		grid-gap: 0px;
	}
}


@media all and (min-width: 1745px) and (max-height: 665px){
	#chartDrawn .line-graph-container {
	    height: 47vh !important;
	}
	
	#dashboardContent{
		max-width: 1666px !important;
	}
}

.overview-section{
	padding: 1.5vh 0% 2vh;
}

.tab-list-modern{
	margin-bottom: 15px;
}

.overviewBtn.selected .top-text b{
	font-weight: bold;
}

.activity-card{
	border: 1px solid #e0e0e0;
    color: #666666;
    background-color: #fff;
    border-radius: 4px;
    height: 100%;
    width: 100%;
    min-height: 460px;
    border-radius: 23px !important;
    box-shadow: none !important;
    margin: 23px 0px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15) !important;
    padding: 0 20px;
}

#tableHeading{
	font-size: 25px;
	font-weight: bold;
	padding-top:20px;
	padding-left:12px;
	color: black;
}

#activityTableContainer table thead tr{
	height:34px;
}


#institutionOverallActivityChart table thead tr th,
#overview-table-tabpanel table thead tr th {
	padding-left: 22px;
}

#overviewBandwidthTabPanel > div.dcls_spinner.safe-removeable{
	z-index: 9999;
}

#unique-visitors-table-tabpanel > table{
	table-layout: auto;
}