/* 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: 358px;
}

.pie-chart-temp svg {
  width: 250px;
  height: 115px;
  margin: 0 auto;
}
.panel-body {
    padding-left: 20px !important;
}

.panel-body-watch{
	padding: 15px;
    padding-top: 0px;
}
.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);
}

.date-chart svg.nvd3-svg{
	fill: var(--primary-color-text, #000);
	stroke: none;
}
.date-chart svg.nvd3-svg{
	fill: black !important;
}

#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%;
}

.analytics-card .data-table {
	min-height: 300px;
	margin: auto 1%;
}

.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;
}

.z-index-for-select2{
	z-index: 998;
}

#select2-drop-mask{
	z-index: 997;
}

.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: 24px;
    color: #000000;
    font-weight: bold;
}

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

.single-number-statistics-description {
	color: #000000;
    font-weight: bold;
    font-size: 14px;
	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;
	}
	
#viewingSessionTableContainer > table > tbody > tr > td > div.table-text.user-name
{
	margin-left: 11px;
	margin-top: -4px;
}	


#viewingSessionTableContainer > table.table-condensed>thead>tr>th{
	text-align: center;
	background-color: #F7F6FB;
}

#viewingSessionTableContainer > table.table-condensed>thead>tr>td,
#viewingSessionTableContainer > table.table-condensed>tbody>tr>td{
	padding-left: 0px;
	text-align: center;
	padding-top: 17px;
}



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

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

#viewingSessionTableContainer .table-text {
	overflow: visible;
}

#attendanceTableContainer .table-text {
	overflow: visible;
}

.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;
}

#videoStatisticsContainer .summary-cards1 .col-md-122.col-md-244 {
	background-image: url('/Dashboard/icons/Ellipse 1.svg');
   	background-repeat: no-repeat;
   	border-radius: 7px !important;
   	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
   	width: 100% !important;
   	height: 115.74px;
}

#videoStatisticsContainer .summary-cards1 .contentAnnualViews {
    justify-content: center;
    display: flex;
    grid-area: annualViews;
}

#viewingSessionsContainer .summary-cards1 .col-md-122.col-md-244 {
   	background-repeat: no-repeat;
   	border-radius: 7px !important;
   	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;;
   	width: 100%;
   	height: 115.74px;
}

#viewingSessionsContainer .summary-cards1 {
    width: 100%;
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(5px, 2fr)) !important;
    grid-template-areas: ". . . systemInfo systemInfo browserInfo browserInfo";
    justify-content: flex-start;
}

@media screen and (max-width: 1635px){
	#viewingSessionsContainer .summary-cards1 {
	    width: 100%;
	    display: grid;
	    gap: 40px;
	    grid-template-columns: repeat(6, minmax(-1px, 2fr)) !important;
	    justify-content: flex-start;
	}
	
	#viewingSessionsContainer .summary-cards1 .contentDuration {
	    grid-row-start: 1;
	    grid-column-start: 1;
	    grid-column-end: span 3;
	}
	
	#viewingSessionsContainer .summary-cards1 .contentSize {
	    grid-row: 1;
	    grid-column-start: 4;
	    grid-column-end: span 3;
	}
	
	#viewingSessionsContainer .summary-cards1 .contentViews {
	    grid-row: 2;
	    grid-column-start: 1;
	    grid-column-end: span 3;
	}
	
	#viewingSessionsContainer .summary-cards1 .browserInfo {
	    grid-row:2;
	    grid-column-start: 4;
	    grid-column-end: span 3;
	}
	
	#viewingSessionsContainer .summary-cards1 .systemInfo {
	    display: none
	}
}

@media screen and (max-width: 780px){
	#viewingSessionsContainer .summary-cards1 {
	    width: 100%;
	    display: grid;
	    justify-content: flex-start;
	}
	
	#viewingSessionsContainer .summary-cards1 .contentDuration {
	    grid-row-start: 1;
	    grid-column-start: 1;
	}
	
	#viewingSessionsContainer .summary-cards1 .contentSize {
	    grid-row-start: 2;
	    grid-column-start: 1;
	}
	
	#viewingSessionsContainer .summary-cards1 .contentViews {
	    grid-row-start: 3;
	    grid-column-start: 1;
	}
	
	#viewingSessionsContainer .summary-cards1 .browserInfo {
	    grid-row-start: 4;
	    grid-column-start: 1;
	}
	
}

/*Dashboard Analytics*/
#overView-tab .summary-cards .col-md-122.col-md-244 {
   	background-repeat: no-repeat;
   	border-radius: 7px !important;
   	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;;
   	width: auto;
}

#overView-tab .col-md-244{
        padding: 11px !important;
}
.overview-users-back{
	background-image: url('/Dashboard/icons/usageAnalytics/Users/Total-Views-Card-Shadow.svg');
}

.overview-captures-back{
	background-image: url('/Dashboard/icons/usageAnalytics/Users/Average-View-Card-Shadow.svg');
}

.overview-media-back{
	background-image: url('/Dashboard/icons/usageAnalytics/Users/Total-Watch-Length-Card-Shadow.svg');
}

.overview-courses-back{
	background-image: url('/Dashboard/icons/usageAnalytics/Users/Total-Logins-Card-Shadow.svg');
}

.overview-views-back{
	background-image: url('/Dashboard/icons/usageAnalytics/Users/Quiz-Completion-Card-Shadow.svg');
}

.overview-caption-requests-back{
	background-image: url('/Dashboard/icons/usageAnalytics/Users/Last-Watch-Activity-Card-Shadow.svg');
}

.grey-text{
	color: #666;
}

.analytics-card-container {
	display: flex;
	flex-flow: wrap;
}
.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: #575757;
    background-color: #fff;
    border-radius: 4px;
    height: 100%;
    width: 100%;
    min-height: 530px !important;
    border-radius: 7px !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !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: 100% !important;
    min-width: 88px;
    height: 40px !important;
    overflow: hidden;
    text-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 13px !important;
}

.overviewBtn {
	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;
}
#tabListSummary .overviewBtn:hover, #tablisthotspot .overviewBtn:hover, #tablistplayback .overviewBtn:hover, #tabPollSummary .overviewBtn:hover{
	color: var(--btn-default-inner-text-color, #42296E);
    border: 1px solid #DAD0EA !important;
}


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


.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 .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;
	}

	.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;
	}
	
}

@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;
}

#usersReportMainContainer {
	color:black; 
	font-size: 14px; 
	background: #fff; 
	box-shadow: 4px 3px 30px rgba(0, 0, 0, 0.1); 
    border-radius: 7px !important; 
    padding:20px;
    min-height:90vh;
	overflow-x: auto;
}

#usersReportMainContainer .table {
	margin:0px;
}

#usersReportMainContainer .table > .table-heading > tr {
	background: none;
	text-align: left;
}

#usersReportMainContainer .table > .table-heading > tr > th {
	background-color: #F7F6FB;
	text-align: left;
	padding: 8px;
	font-size: 15px;
	vertical-align: middle;
	white-space: nowrap;
	border-bottom: 1px solid #E0E0E0;
}

#usersReportMainContainer .table > .table-heading > tr > th:first-child {
	border-top-left-radius: 11px !important;
	padding-left:20px;
}

#usersReportMainContainer .table > .table-heading > tr > th:last-child {
	border-top-right-radius: 11px !important;
}

#usersReportMainContainer .table-body {
	max-height:378px;	
}

#usersReportMainContainer .table-body > tr > td {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	color:#575757;
}

#usersReportMainContainer .table-body > tr:not(:last-child) > td {
	border-bottom: 1px solid #E0E0E0;
}

#usersReportMainContainer .table-body > tr > td:first-child {
	padding-left:20px;
}

#usersReportMainContainer .table-body > tr {
	background-color: #FFFFFF;
	text-align: left;
}

#usersReportMainContainer .table-row {
	font-size: 15px;
	height:60px;
}

#usersReportMainContainer .analyticsSearchBox {
	flex:2;
	min-width: 150px;
}

#usersReportMainContainer .tab-content {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#usersReportMainContainer .btn {
	font-size:15px;
}

#AnalyticsUsersCoursesTabPanel .table-video-thumbnail {
	border-radius: 1px !important;
	aspect-ratio: 16/9;
	height: 46px;
}

#userReportSearchContainer {
	display:inline-flex;
	align-items: center;
	width: 100%;
	gap:5px;
}

#userReportSearchContainer .userAnalyticsSearchBoxLabel {
	font-weight:bold;
	font-size:15px;
}

#selectGroupLabel {
	margin-left:20px;
}

#userReportSearchContainer #getReportSubmitButton {
	width:132px;
	height:35px;
	padding: 6px 10px;
}

.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:1201px) and (max-width: 1800px) {
	#invisibleSpacerDiv {
		display: block !important;
	}
	
	/* .search-text-container{
		display: block;
		font-size: 1vw;
	} */
}

.topBarSummaryBoxContainer {
	display: grid;
	grid-template-columns: repeat(3, 1fr) !important;
	background: #FFF;
	width: 100%;
	gap:20px;
}

@media screen and (max-width:1005px) {
	.topBarSummaryBoxContainer {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

.analyticsUserTopBar {
	margin-top: 20px;
}

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

#studentSummaryTables .table{
	color: black;
    overflow: auto;
    border-collapse: unset !important;
    border-spacing: unset;
    border: unset !important;
    font-size: 15px;
}

#studentSummaryTables .skeleton-table.table{
	color: black;
    overflow: auto;
    border-collapse: unset !important;
    border-spacing: unset;
    border: 1px solid #dddddd !important;
    font-size: 15px;
}

.analyticsTabs .table{
	color: black;
	overflow: auto;
	margin: 27px 0px;
	border: 1px solid #dddddd;
	border-collapse: unset !important;
	border-spacing: unset;
	border-radius: 10px 10px 0px 0px !important;
}

.contentPageTable .table{
	color: #575757;
	width: 99% !important;
	min-height: initial;
}

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

.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 {
	overflow: visible !important;
	background-color:white;
}

.table.paginated-table .sortable-column {
	cursor:pointer;
	display:inline;
	margin-left: 3px;
}

.table.paginated-table.details-panel-table {
	min-width: 900px;
}

.table.paginated-table.courses-panel-table {
	min-width:840px;
}

.table.paginated-table.courses-panel-table tr {
	align-items: center;
}

.table.paginated-table.details-panel-table tr {
	padding: 0;
	align-items: center;
}

.table.paginated-table.details-panel-table.showLessColumn tr {
	display: grid;
    grid-template-columns: repeat(8, 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;
}

#popularSpotTableContainer > table > thead > tr > th,
#popularSpotTableContainer > table > thead > tr > td{
	padding: 0px !important;
    padding-left: 28px !important;
    padding-top: 28px !important;
    padding-bottom: 20px !important;
}

table#hotspotTableId > thead th, table#hotspotInnerTable td {
	padding-left: 30px;
	height: 62px;
    box-sizing: border-box;
}

.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td{
	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;
	height: 15px;
}

.behaviour-stats-border-grey {
	background: #E6E6E6;
}

.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;
}
.center-text-course {
	margin: auto;
	padding: 186px 20px 20px 20px;
}
.center-text-question-playback{
	margin: auto;
	padding: 57px 20px 210px 20px;
}

.analyticsTabs svg:hover{
	stroke: none !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;
	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: calc(100% - 70px) !important;
}

.analyticsSearchBox.is-open .Select-control {
	border-color: #0B6F85;
	box-shadow: 0px 0px 4px rgba(11, 111, 133, 0.25);
}

.analyticsSearchBox.is-open .Select-menu-outer {
	border-top-color: #0B6F85;
	z-index: 998;
}

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

.analyticsSearchBox .Select-menu-outer .VirtualizedSelectFocusedOption {
	background-color: #ECECEC !important;
}

.analyticsSearchBox .Select-menu-outer .VirtualizedSelectSelectedOption {
	background-color: #E7F1F3 !important;
}

.analyticsSearchBox .VirtualizedSelectOption {
	padding: 5px 10px;
}

.analyticsSearchBox .VirtualizedSelectOption:not(:last-child) {
	border-bottom: 1px solid #6F6F6F;
}

.analyticsSearchBox .VirtualSelectGrid {
	border: 1px solid #6F6F6F;
}

#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: 400;
 	font-size: 15px;
 	line-height: 20px;
}

.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_new.svg);
}
.analytics_topbar_Captures:before{
	content: url(/Dashboard/icons/analytics_topbar_capture_new.svg);
}
.analytics_topbar_Media:before{
	content: url(/Dashboard/icons/analytics_topbar_media_new.svg);
}
.analytics_topbar_Course:before{
	content: url(/Dashboard/icons/analytics_topbar_courses_new.svg);
}
.analytics_topbar_View:before{
	content: url(/Dashboard/icons/analytics_topbar_views_new.svg);
}
.analytics_topbar_Caption:before{
	content: url(/Dashboard/icons/analytics_topbar_captions_new.svg);
}

.analytics_topbar_duration:before{
	content: url(/Dashboard/icons/contentDuration.svg);
}

.analytics_topbar_size:before{
	content: url(/Dashboard/icons/contentSize.svg);
}

.analytics_topbar_uniqueViews:before{
	content: url(/Dashboard/icons/contentUniqueViews.svg);
}

.analytics_topbar_totalPlayLength:before{
	content: url(/Dashboard/icons/contentplaylength.svg);
}

.analytics_topbar_playPercentage:before{
	content: url(/Dashboard/icons/analytics_topbar_playPercentage.svg);
}

.analytics_topbar_videoDownloads:before{
	content: url(/Dashboard/icons/contentDownload.svg);
}

.analytics_topbar_systemInfo:before{
	content: url(/Dashboard/icons/analytics_topbar_systemInfo.svg);
}

.analytics_topbar_browserInfo:before{
	content: url(/Dashboard/icons/analytics_topbar_browserInfo.svg);
}

#graph-containor .line-graph-container{
	width: 34vw !important;
	height: 33vh !important;
}

#downloadSpreadsheetBtnImage {
	content: url(/Dashboard/icons/downloadAsSpreadsheet.svg)
}

#downloadSpreadsheetBtnImage:hover {
	content: url(/Dashboard/icons/downloadAsSpreadsheetHover.svg)
}

#clearAnalyticsBtnImage {
	content: url(/Dashboard/icons/DeleteContent.svg)
}

#clearAnalyticsBtnImage:hover {
	content: url(/Dashboard/icons/DeleteContentHover.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{
    height: 23px;
    border-radius: 50% !important;
    margin-right: -14px;
}


.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;
}

.usageAndAnalyticsContentTab>li.active>button {
	font-weight: bold !important;
}

.usageandAnalyticsContentNotSelectedButton {
	background: #F4F4F4 !important;	
}

#overView-tab .summary-cards{
	width: 100%;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5px, 2fr));
    grid-gap: 20px; 
}

@media screen and (max-width: 1490px) {
	#overView-tab .summary-cards{
		width: 100%;
		display: grid;
	    grid-template-columns: repeat(3, minmax(5px, 2fr));
	    grid-gap: 20px; 
	}
	
	#overView-tab .summary-cards .overview-courses-back{
		grid-row-start:2; 
	}
	#overView-tab .summary-cards .overview-views-back{
		grid-row:2;
		grid-column:2; 
	}
	#overView-tab .summary-cards .overview-caption-requests-back{
		grid-row:2; 
		grid-column:3; 
	}
}

@media screen and (max-width: 767px) {
	#overView-tab .summary-cards{
		width: 100%;
		display: grid;
	    grid-template-columns: repeat(2, minmax(5px, 2fr));
	    grid-gap: 20px; 
	}
	
	#overView-tab .summary-cards .overview-media-back{
		grid-row-start:2; 
	}
	
	#overView-tab .summary-cards .overview-courses-back{
		grid-row:2;
		grid-column:2; 
	}
	
	#overView-tab .summary-cards .overview-views-back{
		grid-row:3;
		grid-column: 1;
	}
	
	#overView-tab .summary-cards .overview-caption-requests-back{
		grid-row:3; 
		grid-column:2; 
	}
}

#videoStatisticsContainer .summary-cards1{
    width: 100%;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(5px, 2fr)) !important;
    grid-template-areas: ". . . . . . annualViews annualViews";
    justify-content: flex-start;
    margin: 0px 20px;
}
#userActivitydiv{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 4rem;
}

#userActivitydiv .tooltip {
    background-color: transparent !important;
 }


 #userActivitydiv .tooltip-inner {
    background-color: #4C4C4C !important;  
    color: white !important;              
    font-size: 13px !important;            
    font-weight: 400;                     
    border-radius: 4px !important;        
    padding: 5px !important;
    text-align: center      
  }

 #userActivitydiv .tooltip-arrow {
  	color: #4C4C4C !important;
  	opacity: 0.7 !important;
  }

 @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;
	}
	
}

@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;
	}
}

@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: 60vh !important;
	}
}

@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;
	}
}


@media all and (min-width: 1745px) and (max-height: 665px){
	#chartDrawn .line-graph-container {
	    height: 47vh !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;
}

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

#di_fileExplorerDetailsContent .analytics-card{
	min-height: 267px !important;
}

.avgLabel {
	display: inline;
	font-size:14px;
	background-color: #EAFBF2;
	color: #008400; 
	font-weight: bold;
    padding: 5px;
    border: 1px solid #EAFBF2;
    border-radius: 16px !important;
}

.labelborder{
	border: solid 1px #EFF0F0;
	margin-bottom: 13px;
}

.lastMonthlabel{
	color: #8E9295;
	font-size: 14px;
	font-weight: 400;
	padding-left: 5px;
}

.avgGraph{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.avgLabel.decrease{
	font-size:14px;
	background-color: #F9E6EB;
	color: #DA2C37; 
}

.avgData{
	width: max-content;
}

td > img.usageAndAnalyticsContentTableImage.expanding {
    border: 1px solid #ccc; /* example style for the image itself */
    width: 85px;
    height: 43.5px;
}


@media (min-width: 1820px) {
   #dashboardContent:has(#overView-tab) {
  		max-width: inherit !important;
   }
}

@media screen and (max-width:2600px) and (min-width: 2500px) {
	#userActivitydiv .col-md-122.col-md-244 {
		width: 230px;
	}
}

@media screen and (max-width:2500px) and (min-width: 2400px) {
	#userActivitydiv .col-md-122.col-md-244{
		width: 210px;
	}
}

@media screen and (max-width:2200px) and (min-width: 2100px) {
	#userActivitydiv .col-md-122.col-md-244 {
		width: 176px;
	}
}

@media screen and (max-width:2900px) and (min-width: 2600px) {
	#userActivitydiv .col-md-122.col-md-244{
		width: 270px;
	}
}

@media screen and (max-width:3900px) and (min-width: 2900px) {
	#userActivitydiv .col-md-122.col-md-244{
		width: 390px;
	}
}

@media screen and (max-width:6000px) and (min-width: 3900px) {
	#userActivitydiv .col-md-122.col-md-244 {
		width: 630px;
	}
}

@media screen and (max-width:8000px) and (min-width: 6000px) {
	#userActivitydiv .col-md-122.col-md-244 {
		width: 870px;
	}
}

@media screen and (max-width:1800px) {
	.summary-cards1{
		grid-gap: 20px !important;
	}
}

@media screen and (max-width:550px) {
	.summary-cards1{
		grid-gap: 15px !important;
	}
}

@media screen and (max-width:1125px) {
		.a-insight-form-container .form-selection-container {
		width: 85%;
	}
	.a-insight-form-container .form-selection-container form{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (max-width:1350px) {
	.viewingBehaviour{
		width: 100% !important;
		flex: none;
	}
	#graph-containor .line-graph-container {
		width: 90% !important;
	}
}

@media all and (max-width:1350px) {
	#graph-containor .line-graph-container {
		width: 90% !important;
		height: 33vh !important;
	}
}

@media screen and (max-width:820px) {
	#graph-containor .line-graph-container {
		overflow-x: auto;
	}
}

@media screen and (max-width:1200px) {
	#videoStatisticsContainer .summary-cards1 {
	    width: 100%;
	    display: grid;
	    gap: 15px;
	    grid-template-columns:  repeat(auto-fit, minmax(45px, 1fr)) !important;
	    justify-content: flex-start;
	}
	
	#videoStatisticsContainer .summary-cards1 .contentPlayLength {
	    grid-row:2;
	}
	
	#videoStatisticsContainer .summary-cards1 .contentUniqueViews {
	    grid-row-start:2;
	}
	
	#videoStatisticsContainer .summary-cards1 .contentVideoDownload {
	    grid-row:2;
	    grid-column: 3;
	}
	
}

@media screen and (max-width:660px) {
	#videoStatisticsContainer .summary-cards1 {
	    width: 100%;
	    display: grid;
	    gap: 15px;
	    grid-template-columns:  repeat(auto-fit, minmax(30px, 1fr)) !important;
	    justify-content: flex-start;
	}
	
	#videoStatisticsContainer .summary-cards1 .contentViews {
	    grid-row-start:2;
	}
	
	#videoStatisticsContainer .summary-cards1 .contentPlayLength {
	    grid-row:2;
	    grid-column: 2;
	}
	
	#videoStatisticsContainer .summary-cards1 .contentUniqueViews {
	    grid-row-start:3;
	}
	
	#videoStatisticsContainer .summary-cards1 .contentVideoDownload {
	    grid-row:3;
	    grid-column: 2;
	}
	
	#selectorBranding{
		width: 80% !important;
	}
	
}


@media screen and (max-width:724px) {
	.getReportBtn{
		display: block;
	}
	.table-image {
		width: 75px;
		height: 70px;
	}
}

@media  screen and (max-width: 768px) {
    /* Adjust the container to handle overflow with scrolling */
    .usageAndAnalyticsContentTab {
        width: 100%;
    }

    .usageAndAnalyticsContentTabItem {
        height: 49px;
    }

    .admin-nav-buttons {
        font-size: 12px; /* Adjust font size for smaller screens */
        padding: 10px 15px; /* Adjust padding for better fit */
    }
}

@media  screen and (max-width: 769px) {
    #selectorBranding {
    	height: 47px !important;
    }
}

.usageAndAnalyticsContentTab {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#downloadSpreadsheetBtn{
	overflow: visible;
	margin-top: 14px;
	height:37px
}

#clearAnalyticsBtn{
	overflow: visible;
	margin-top: 14px;
	height:37px
}

#popularSpotTableContainer > tbody > tr > td {
	padding: 0px !important;
}
#videoTimestampTableContainer td{
	padding: 5px;
	padding: 0px !important;
    padding-left: 27px !important;
    padding-top: 9px !important;
    padding-bottom: 8px !important;
    width: 17px;
}

#viewingSessionTableContainer td{
    padding-left: 27px !important;
    padding-top: 9px !important;
    padding-bottom: 8px !important;
}

.referrer-text {
    position: relative; 
    display: inline-block; 
    cursor: pointer; 
}

.referrer-tooltip {
    position: absolute;
    top: 135%;
    left: 50%;
    transform: translateY(-60%);
    display: none;
    background-color: #4C4C4C;
    color: white;
    padding: 3px 12px;
    z-index: 99999;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 4px !important;
}

.referrer-tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent #4C4C4C transparent transparent;
}

.referrer-text:hover .referrer-tooltip {
    display: block !important;
}


#viewingSessionTableContainer th{
padding: 8px 39px 13px 28px;
}


#sessionDetailsTable th {
    width: 96px;
}

#sessionDetailsTable .sorting:nth-child(4) {
    width: 190px !important;
    padding-left: 0px;
    padding-right: 0px;
}

#sessionDetailsInnerTable tbody tr td:nth-child(4) {
    padding-left: 0px !important;
    width: 190px;
}

#sessionDetailsTable .sorting:nth-child(8){
    width: 107px !important;
}

#videoViewStatistics-action-tabpanel td{
	padding: 5px;
	padding: 0px !important;
    padding-left: 27px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    width: 17px;
}

#userVideoUsageTable_wrapper #videoViewStatistics-action-tabpanel th{
    padding: 15px 23px 6px !important;
    vertical-align: middle;
}

#userVideoUsageInnerTable {
	min-height: 60px !important;
}

.contentPageTable .inner-styled-table{
    font-size: 15px;
    height: 60px;
}

.contentPageTable .inner-styled-table td{
    height: 60px;
    box-sizing: border-box;
    height: auto;
}

.contentPageTable .styled-table th{
	height: 62px;
}

.contentPageTable .top-buffer2 {
	margin-top: 30px;
}

@media screen and (max-width:1900px) {
	#attendanceTableOuterContainer{
    padding-right: 17px;
}
}

.table-text.user-name.full-name
{
	max-width: 250px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 1365px) {
	    #videoSelectionForm .select2-chosen{
		margin-top:3px;
		width: 100%;
		max-width: 264px !important;
		margin-right:0px!important;
	}
}
@media screen and (max-width: 620px) {
	    #videoSelectionForm .select2-chosen{
		margin-top:3px;
		width: 100%;
		max-width: 175px !important;
		margin-right:0px!important;
	}
}

#popularSpotTableContainer td:nth-child(2),  /* Plays column */
#popularSpotTableContainer td:nth-child(3),  /* Time column */
#popularSpotTableContainer td:nth-child(4) { /* Captions column */
  padding-top: 25px !important;
}

.bandwidthRow{
	display: flex;
    justify-content: space-between;
}

.a-insight-form-header-container {
	display: flex;
	justify-content:space-between;
}

.a-insight-form-header-container .header-btn-container {
	display: flex;
	margin-right: 20px;
}
.a-insight-form-container {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 15px;
}

.contentPageTable .a-insight-form-container {
    justify-content: flex-start;
}

.a-insight-form-container .form-selection-container {
	width: 90%;
}
.contentPageTable .a-insight-form-container .form-selection-container {
	width: 99%;
}
.a-insight-form-container .form-btn-container {
	width: 120px
}

.a-insight-form-container .form-selection-container form{
	width: 100%;
    display: flex;
    justify-content: space-around;
}

.contentPageTable .a-insight-form-container .form-selection-container form{
    justify-content: flex-start;
    padding-left: 22px;
}

.a-insight-form-container .form-selection-container form .select2TopMargin{
	width: 48%;
    display: flex;
}

.contentPageTable .a-insight-form-container .form-selection-container form .select2TopMargin:nth-of-type(2){
	margin-left: 18px;
}

@media screen and (max-width: 1280px) {
	.a-insight-form-container .form-selection-container form .select2TopMargin {
    width: 48%;
	}
}

@media screen and (max-width: 1000px) {
	.contentPageTable{
	    .contentDropdown {
	        width: 100% !important;
	        display: flex !important;
		    flex-direction: column !important;
		    flex-wrap: wrap !important;
		    justify-content: space-evenly !important;
	    }
	    #videoSelectorLabel{
	    	margin-right: 8px !important;
	    }
    #getReportBtn{
    	margin-left:-6px;
    }
    .a-insight-form-container .form-selection-container form .select2TopMargin{
		width: 100%;
	}
    
    .a-insight-form-container .form-selection-container form .select2TopMargin:nth-of-type(2){
		margin-left: 0px !important;
		margin-bottom: 10px !important;
		margin-top: 10px !important;
	}
	
	.a-insight-form-container {
		flex-direction: column !important;
	    flex-wrap: wrap !important;
	    align-items: flex-start !important;
	}
	
	.a-insight-form-container .form-btn-container{
		width: 100% !important;
		display:flex;
		justify-content: center;
	}
	
	.getReportWidth {
  		margin-left: 30px !important;
	}
}
}

@media only screen and (max-width: 730px) {
	.contentPageTable .a-insight-form-container .form-selection-container form .select2TopMargin {
	    width: 98%;
	}
}

@media only screen and (max-width: 580px) {
	.contentPageTable .a-insight-form-container .form-selection-container form .select2TopMargin {
	    width: 95%;
	}
}

.a-insight-header-info {
	text-align: left;
    margin-left: 22px;
}

.contentPageTable .a-insight-header-info {
    color: #6B6B6B;
}

.a-insight-form-container .select2TopMargin .select2-choice {
	height: 40px;
    background-color: white;
    background-image: none;
    border-radius: 4px !important;
}

.a-insight-form-container .select2TopMargin .select2-choice .select2-arrow {
	background-image: none;
    border: none;
    background-color: white;
    right: 3px;
    top: 2px;
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 2px !important;
}

.a-insight-form-container .select2TopMargin .select2-choice .select2-arrow b {
	width: 10px;
    height: 10px;
    border: solid black;
    display: inline-block;
    padding: 3px;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.fromContentPage {
	z-index: 998;
}
	
.fromContentPage .select2-results .select2-result.select2-result-selectable{
	border: 1px solid #6F6F6F;
	border-top:none;
	border-left: none;
    border-right: none;
}

.fromContentPage .select2-results {
	padding: unset;
	margin: 0;
}
.fromContentPage .select2-results .select2-result-label {
    padding: 12px 0px 11px 20px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fromContentPage .select2-search input {
	width:101.3% !important;
}
.fromContentPage .select2-drop-active{
	border:1px solid #6F6F6F;
	border-radius: 1px 1px 4px 4px !important;
}

.fromContentPage .select2-input:focus {
	border-color: #aaa !important;
}
.sessionDetailsStyle, .sessionDatesStyle{
	margin-bottom: 20px;
	display: block;
	margin-left: -32px;
	width: 103.5%;
}

@media screen and (max-width: 1500px) {
	.sessionDetailsStyle, .sessionDatesStyle{
		width: 106%;
	}
}

@media screen and (max-width: 1000px) {
	.sessionDetailsStyle, .sessionDatesStyle{
		width: 108%;
	}
}

@media screen and (max-width: 620px) {
	.sessionDetailsStyle, .sessionDatesStyle{
		width: 117%;
	}
}
#viewingSessionTableHeadingStyle{
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	color: #2B2F32;
	border: 1px solid #EFEFEF;
	padding-left: 22px;
	background-color: #FCFCFC;
	margin-top: -1px;
	padding-bottom: 12px;
	padding-top: 17px;
	border-radius: 8px 8px 0px 0px !important;
	font-weight: 600;
}
#userVideoUsageTable.dataTable > tbody > th,#userVideoUsageTable.dataTable > tbody > td {
    padding: 12px 11px 6px !important;
}

#playbackMainTable {
	box-shadow: 0px 0px 4px 0px #0000004d;
}

#di_fileExplorerDetailsContent #playbackMainTable {
	box-shadow: 0px 0px 4px 0px #0000004d;
	margin-bottom: 15px;
}

#playbackInnerTable td {
	padding: 15px 23px 15px 25px !important;
}

#viewingSessionTabOuterContainer{
	border: 1px solid #EFEFEF;
    border-radius: 8px 8px 0px 0px !important;
}
.table-striped > tbody > tr:nth-child(odd) > td{
	background-color : white !important;
}

#presentationViewingTableContainer{
    margin-left: 20px;
    margin-right: 20px;
    overflow-x: auto;
}

#waveFormSvg:not(.circle-spinner):hover path {
	fill: unset !important;
}
#videoSelectionForm .select2-chosen{
	margin-top:3px;
	width: 100%;
    max-width: 470px;
    margin-right: 0px !important;
}

#summaryChartTooltip, #gradebookChartTooltip {
	height: 10px;
	min-height: unset !important;
}

#summaryChartNoDataTooltip {
	height: 40px;
	min-height: unset !important;
}

.nvtooltip {
	background-color: #4C4C4C;
    color: white;
    border-radius: 4px !important;
	margin-top: -60px;
	margin-left: -10px;
}

.nvtooltip:before {
    top: 18px;
    left: -21px;
    border-color: transparent #4C4C4C transparent transparent;
    border-width: 10px;
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 1000;
}

.contentPageTable .nvtooltip {
	top: 48px !important;
	border: none;
}

.contentPageTable .nvtooltip:before {
    top: 21px;
    left: -20px;
}

#videoViewStatistics-chart-tabpanel svg .tick line, #videoViewStatistics-chart-tabpanel > svg g.nv-y.nv-axis.nvd3-svg .domain {
	opacity: 0.2;
    stroke-dasharray: 5, 5;
}


.contentAnnualViews{
	background-image:none !important;
}

 .bandwidth-chart-container {
 	position: relative;
 }

#bandwidthChartInnerDonutLabel {
	left: 26%;
    position: absolute;
    height: 60px;
    width: 27%;
    top: 40%;
    text-align: center;
    line-height: 27px;
    font-size: 1.2vw;
    color: black;
}

@media only screen and (max-width: 1800px) {
	#bandwidthChartInnerDonutLabel {
		left: 27%;
	}
}

@media only screen and (max-width: 1660px) {
	#bandwidthChartInnerDonutLabel {
		left: 28%;
	}
}

@media only screen and (max-width: 1520px) {
	#bandwidthChartInnerDonutLabel {
		left: 30%;
	}
}

@media only screen and (max-width: 1420px) {
	#bandwidthChartInnerDonutLabel {
		left: 31%;
	}
}

@media only screen and (max-width: 1387px) {
	#bandwidthChartInnerDonutLabel {
		left: 28%;
	}
}

@media only screen and (max-width: 1320px) {
	#bandwidthChartInnerDonutLabel {
		left: 30%;
	}
}

@media only screen and (max-width: 1250px) {
	#bandwidthChartInnerDonutLabel {
		left: 32%;
	}
}

@media only screen and (max-width: 1120px) {
	#bandwidthChartInnerDonutLabel {
		left: 33%;
	}
}

@media only screen and (max-width: 1100px) {
	#bandwidthChartInnerDonutLabel {
		left: 34%;
	}
}

@media only screen and (max-width: 1076px) {
	#bandwidthChartInnerDonutLabel {
		left: 16%;
	    line-height: 20px;
	}
}

@media only screen and (max-width: 1000px) {
	#bandwidthChartInnerDonutLabel {
		left: 17%;
        top: 44%;
        line-height: 15px;
	}
}

@media only screen and (max-width: 950px) {
	#bandwidthChartInnerDonutLabel {
		left: 17%;
        top: 44%;
        line-height: 15px;
	}
}

@media only screen and (max-width: 900px) {
	#bandwidthChartInnerDonutLabel {
		left: 17%;
        top: 44%;
        line-height: 15px;
	}
}

@media only screen and (max-width: 830px) {
	#bandwidthChartInnerDonutLabel {
		left: 17%;
        top: 44%;
        line-height: 15px;
	}
}

@media only screen and (max-width: 800px) {
	#bandwidthChartInnerDonutLabel {
		left: 18%;
        top: 44%;
        line-height: 15px;
	}
}

#bandwidthDonutchart svg .nv-legend text {
	fill: #686767;
}

.fromContentPage .select2-search {
	border: 1px solid #6F6F6F;
	border-top: none;
    border-left: none;
    border-right: none;
}

.fromContentPage .select2-search a {
    padding-top: 10px;
    padding-left: 10px;
    width: 45px;
    height: 30px;
    font-size: 19px;
}

.fromContentPage .select2-search input {
 	border: none;
    padding: 0 !important;
    height: 41px !important;
}
table.dataTable thead .sorting {
    background-image: none !important;
    border-bottom: none !important;
}
table.dataTable thead .sorting_asc {
    background-image: none !important;
    border-bottom: none !important;
}

table.dataTable thead .sorting_desc {
    background-image: none !important;
    border-bottom: none !important;
}

#userVideoUsageTable thead {
	height: 62px;
}

#userVideoUsageInnerTable tr {
	height: 60px;
}

table.dataTable.no-footer {
	border-bottom:1px solid #dddddd !important;
}

#sessionDetailsTable {
	width: 99% !important;
	min-width: 1710px;
}
table.dataTable thead th{
	border-bottom:1px solid #dddddd !important;
	text-align:left;
	padding-top:12px;
	text-wrap: wrap;
	overflow: auto;
}
#sessionDetailsTable th img {
    margin-left: 0px; /* Adjust the space between the text and the icon */
    vertical-align: middle; /* Ensure the icon is aligned with the text */
}

.course-video-search-icon {
	color: grey;
}
#waveFormSvg{
	overFlow: visible;
    transform: translate(13px, 3px) scale(1.06);
}
@media screen and (min-width:900px) and (max-width: 1920px) {
	#waveFormSvg{
	    transform: translate(20px, 3px) scale(1);
}
}

#userVideoUsageTable .userVideoUsageTable_th:nth-child(1), .userVideoUsageTable_td:nth-child(1) {
    width: 34.5156px !important;
    padding: 9px 27px 12px 11px !important;
}

.userVideoUsageTable_td button {
	margin-top: 0px !important;
}

#userVideoUsageTable th {
    width: auto !important;
}

#tabListSummary,#tablisthotspot, #tabPollSummary{
	width: 35%;
    display: flex;
    justify-content: initial;
    background-color: #f0f0f0;
    border-radius: 8px !important;
    padding: 2px;
    margin-top: 14px;
    height: 46px;
    font-size: 16px;
    flex-direction: row;
}

#tablistplayback{
    width: 19%;
    display: flex;
    justify-content: initial;
    background-color: #f0f0f0;
    border-radius: 8px !important;
    padding: 2.5px;
    margin-top: 15px;
    height: 47px;
    font-size: 16px;
    flex-direction: row;
}
#summary-chart-tab-a, #summary-video-tab-a,#playback-chart-tab-a{
	font-size: medium;
    flex: 1;
    text-align: center;
    padding: 7px 20px;
    cursor: pointer;
    border-radius: 6px !important;
    transition: background-color 0.3s, color 0.3s;
    border: none;
}
#summary-table-tab-a, #summary-hotspot-table-tab-a, #playback-table-tab-a{
	font-size: medium;
    flex: 1;
    text-align: center;
    padding: 7px 20px;
    cursor: pointer;
    border-radius: 6px !important;
    transition: background-color 0.3s, color 0.3s;
    border: none;
}
table.dataTable thead th{
    padding: 13px 28px 12px 25px;
    border-bottom: 1px solid #111;
}
.nv-axislabel{
	font-size:15px !important;
	font-weight:600 !important;
}

#presentationDateTableContainer th{
	padding:10px 24px 12px 26px !important;
}
#presentationDateTableContainer td{
	padding:13px 26px 7px !important;
}

@media screen and (max-width: 1300px) {
	#presentationDateTableContainer {
		margin-right: 15px;
	}
} 
 
 
#videoSelectionForm .select2-container .select2-choice {
    border: 1px solid #6F6F6F !important;
}
#userVideoUsageTable_wrapper th{
	padding: 9px 27px 12px 11px !important;
}

#userVideoUsageTable_wrapper{
	width: 100%;
	margin-left: 17px;
	margin-right: 17px;
	overflow-x: auto;
}

@media screen and (max-width: 1900px) {
	#viewingSessionTableContainer {
		overflow: hidden;
		padding-right:22px;
	}
}


#sessionDetailsTable_wrapper {
	width: 98%;
	margin-left: 22px;
	overflow-x: auto;
}

.nv-x.nv-axis .tick text, .nv-y.nv-axis .tick text {
	font-size: 13px;
    fill: #737373;
}
.contentPageTable .inner-styled-table .userVideoUsageTable_td {
	    padding: 9px 16px !important;
	    box-sizing: content-box;
}
.fromContentPage .select2-search input {
    width: 94% !important;
    min-height: 26px;
    padding: 4px 20px 4px 15px;
    outline: 0;
    font-size: 1em;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none !important;
    margin-left: 0px;
}
.fromContentPage.select2-drop-active {
    border: 1px solid black !important;
    border-top: 1px solid black !important;
}

.table-title-integration{
	font-size: 15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px; 
    background: #F7F6FB;
    padding: 3px;
}



.analytics-user-tab-list-item {
	height: 40px;
}

@media screen and (min-width:900px) {
	.analytics-user-tab-list-item {
	    width: 250px;
	}
}

#AnalyticsUsersSummaryTabPanel {
	display:flex; 
	flex-wrap:wrap;
	gap:20px;
}

.user-analytics-summary-card-panel {
	margin-right: 0;
	margin-bottom: 0;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	min-width: 200px;
	width: auto !important;
}

.nvd3 text:not(.nv-axislabel) {
    fill: #737373;
}

.nv-y > .nvd3 > g > path.domain {
	display:none;
}

#pollbreakdown-chart-tabpanel .nv-y > .nvd3 > g > path.domain {
	display:block;
}

#videoViewStatistics-chart-tabpanel .nv-y .tick line {
	stroke-dasharray: 5, 5;
	stroke: black !important;
	display: block;
}

#videoViewStatistics-chart-tabpanel .nv-x .tick line {
	stroke-dasharray: 5, 5;
	stroke: black !important;
	display: block;
}

.nv-y .tick line {
    stroke-dasharray: 2, 2; /* Creates a dotted effect */
    stroke: #C4C4C4;
}

.nv-x .tick line {
    display: none; /* Hides the vertical line at x = 0 */
}

#uniquelogin-chart-tabpanel {
	margin-left:-20px;
	margin-top:-5px;
	height:100%;
	width:100%;
}

.top-video-thumbnail {
    border-radius: 3px !important;
    aspect-ratio: 16/9;
    width: 100%;
}

.top-items-header {
	color: #2B2F32;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #E8EDF1;
	padding:10px;
}

.top-items-header img {
	margin-right:5px;
}

.top-items-container {
	padding:10px;
}

.top-items-subtext {
	color:#6B6B6B;
	margin-bottom:10px;
	font-size: 15px;
}

.top-items-content {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, 1fr) !important;
}

.top-items-content .gradient {
	padding: 0.2em 0.2em 0.2em 0.3em !important;
	transition: all 0.1s ease;
	border-radius: 0px 0px 3px 3px !important;
}

.top-items-content .gradient .titleText {
	font-size: 17px !important;
}

.top-items-content .top-video-info {
	font-size:17px;
}

.top-items-content .overlay > .overlaycontent > .views {
	background-color: black;
    color: white;
    font-size: 17px;
    position: absolute;
    bottom: 0;
    padding: 2px;
    margin-bottom: 1rem;
    border: 1px solid black;
    border-radius: 2px !important;
    line-height: 1.5rem;
    margin-right:1rem;
    right: 0px; 
    height: auto;
}

.top-content-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr) !important;
	gap:20px;
	width: 100%;
}

#user-analytics-top-summary {
	display:grid;
	grid-template-columns: 1fr 385px; 
	width:100%;
	gap:20px;
}

@media (max-width: 1425px) {
	.top-content-row {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	#user-analytics-top-summary {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}

#platformAccessesTabPanel {
	width: calc(100% + 30px);
    height: calc(100% + 25px);
}

#most-used-devices-chart {
	display: grid;
	gap: 20px;
	margin-top:15px;
}

.device-bar .device-bar-name {
	border-radius: 13px !important;
	font-weight: bold;
	text-align: center;
	width: 76px;
}

.device-bar {
	display: grid;
    gap: 30px;
    grid-template-columns: 65px 1fr 40px;
    align-items: center;
    height: 30px;
    font-size: 15px;
}

.quiz-completion-bar {
	display: grid;
    gap: 10px;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-right: 5px;
}

.quiz-completion-bar .behaviour-stats-border {
	height: 10px;
}

#downloadUsageSummaryBtn {
	height: 35px;
	width:134px;
}

#downloadUsageSummaryBtn > div {
	line-height:30px;
}

#downloadUsageSummaryBtn img {
	content: url("/Dashboard/icons/usageAnalytics/Users/download-icon.svg");
}
#downloadUsageSummaryBtn:hover img, #downloadUsageSummaryBtn:focus img {
	content: url("/Dashboard/icons/usageAnalytics/Users/download-icon-hover.svg");
}

.action-menu-hover-reports-analytics{
	left: unset !important;
	right: 235px !important;
	top: 262px !important;
	width: 131px !important;
}

.action-menu-hover-view-scheduleReport-analytics{
	left: unset !important;
	right: 95px !important;
	top: 115px !important;
	width: auto !important;
}

.action-menu-hover-view-scheduleReport-analytics:before{
	left: 82px !important;
}

.action-menu-hover-view-scheduleReport-analytics:after{
	left: 82px !important;
}

.action-menu-hover-getReport-analytics{
	left: unset !important;
	right: 85px !important;
	top: 262px !important;
}

#dropDownSortIcon{
	margin-left:14px !important;
}

/* Style for the attempts tooltip */
.attempts-tooltip {
    color: white;
    text-wrap-mode: nowrap;
   	top: 0;
    left: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.89);
    border-radius: 5px;
    padding: 10px;
    z-index: 1;
    display:none; 
}

/* Arrow for the attempts tooltip */
.attempts-tooltip::after {
   content: "";
	position: absolute;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #4C4C4C transparent;
	content: "";
	position: absolute;
	top: 30%; /* Center the arrow vertically */
	left: -3px; /* Position the arrow on the left side */
	border-width: 5px;
	border-style: solid;
	border-color: transparent rgba(0, 0, 0, 0.89) transparent transparent;
}

.qheader-badge-tooltip {
    color: white;
    text-wrap-mode: nowrap;
    top: 59px;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.89);
    border-radius: 5px;
    padding: 10px;
    z-index: 100;
    display:none;
    transform: translate(-27px, 0px);
    font-size: 13px;
}

.qheader-badge-tooltip::after {
   content: "";
	position: absolute;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #4C4C4C transparent;
	content: "";
	position: absolute;
	bottom: 38px;
    left: 66px;
    border-width: 7px;
	border-style: solid;
	border-color: transparent transparent rgba(0, 0, 0, 0.89) transparent;
}

.question-type-header-text {
	position: relative;
}
.question-type-header-text:hover .question-type-header-text-tooltip {
	display: block;
}
.question-type-header-text-tooltip {
	font-weight: 500;
	font-size: 13px;
    color: white;
    text-wrap-mode: nowrap;
    top: 28px;
    left: -40px;
    position: absolute;
    background: rgba(0, 0, 0, 0.89);
    border-radius: 5px;
    padding: 10px;
    z-index: 100;
    display:none;
}

.question-type-header-text-tooltip::after {
   content: "";
	position: absolute;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #4C4C4C transparent;
	content: "";
	position: absolute;
	bottom: 38px;
    left: 45px;
    border-width: 7px;
	border-style: solid;
	border-color: transparent transparent rgba(0, 0, 0, 0.89) transparent;
}

#pollbreakdown-chart-tabpanel svg .nv-x .tick line {
     display: unset; 
}

#quizQuestionDropdownBsDropdownButton {
	position: relative;
}

.shaded-icon-tooltip {
    color: white;
    text-wrap-mode: nowrap;
    top: -3px;
    left: 108%;
    position: absolute;
    background: rgba(0, 0, 0, 0.89);
    border-radius: 5px;
    padding: 10px;
    z-index: 1;
    display:none;
}

.shaded-icon-tooltip::after {
    content: "";
	position: absolute;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #4C4C4C transparent;
	content: "";
	position: absolute;
	top: 30%; /* Center the arrow vertically */
	left: -3px; /* Position the arrow on the left side */
	border-width: 5px;
	border-style: solid;
	border-color: transparent rgba(0, 0, 0, 0.89) transparent transparent;
}
#shadedIconCell {
	overflow: visible !important;
	position: relative;
}

#broadcastStatisticsContainer, #gradeBookDiv {
	position: relative !important;
}

#gradeBookDiv .dcls_spinner {
	margin-bottom: 0 !important;
	z-index: 999999999999999999;
}
@media screen and (max-width: 320px) {
	#di_fileExplorerDetailsContent #di_analyticsTabContent .analytics-card-container{
		overflow-x: scroll;
	}
	#di_fileExplorerDetailsContent #di_analyticsTabContent .row.top-buffer2.grey-text.no-gutters{
		flex-direction: column;
	}
	
}

#userVideoUsageTable_wrapper #videoViewStatistics-action-tabpanel th:last-child {
	padding-left: 20px !important;
}

@media screen and (max-width:1500px) {
	#userActivitydiv.summary-cards1 {
	    width: 100%;
	    display: grid !important;
	    grid-template-columns:  repeat(auto-fit, minmax(66px, 1fr)) !important;
	    justify-content: flex-start;
	}
	#userActivitydiv.summary-cards1 #viewsAnalyticsCard{
		width: 100%;
		grid-column: 1 / span 2;
	}
	
	#userActivitydiv.summary-cards1 #totalLengthAnalyticsCard{
		width: 100%;
		grid-column: 3 / span 2;
	}
	
	#userActivitydiv.summary-cards1 #percentageAnalyticsCard{
		width: 100%;
	    grid-row-start: 2;
	    grid-column: 1 / span 2;
	}
	
	#userActivitydiv.summary-cards1 #playbackSpeedAnalyticsCard {
		width: 100%;
	    grid-row:2;
	    grid-column: 3 / span 2;
	}
	
}
#ifi_hotSpotVideoPlayerContainer{
	border: none;
	border-radius: 6px;
}

.contentPageTable td div::-webkit-scrollbar-track{
	background: transparent;
}

.contentPageTable td div::-webkit-scrollbar-thumb{
	background: #e8e8e8;
}

#analytics_reports_containor #datepicker-calendar-reportStartDate,
#analytics_reports_containor #datepicker-calendar-reportEndDate{
	z-index: 998 !important;
}

/* Targets the "Total Play Length" column in the PlayBack section on the content report page. This makes the text stack vertically without
   affecting the sort arrow. */
#userVideoUsageTable th:nth-child(4){
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 41px;
    overflow: hidden;
}

@media screen and (max-width:1250px) {
	#userVideoUsageTable_wrapper{
	    overflow-x: scroll;
	}
	#userVideoUsageTable {
		min-width: 1075px;
	}
}

@media screen and (max-width:730px) {
	#hotspotTableId_wrapper{
	    overflow-x: scroll;
	}
	#hotspotTableId {
		min-width: 560px;
	}
}

@media screen and (max-width: 590px){
	.contentPageTable{
		.a-insight-form-header-container{
			margin-bottom: 5px;
		}
		.header-btn-container{
			flex-direction: column;
		}
		#form-description{
			display: flex;
			align-items: center;
			margin-bottom: 20px;
		}
	
	}
}

@media screen and (max-width: 535px){
	#selectorBranding .usageAndAnalyticsContentTab .usageAndAnalyticsContentTabItem button{
		padding: 0;
	}
	
}

@media screen and (max-width: 535px){
	#audienceRetentionCard{
		min-height: 550px !important;
	}
	
}
@media screen and (max-width: 320px){
	#analytics_reports_containor{
		padding: 0 !important;
		min-width: 235px !important;
		width: 235px;
	}
	#analytics_reports_containor .recycle-bin-topBox *{
		font-size: 5px !important;
	}
	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .datepicker-calendar.bootstrap3.default.above#datepicker-calendar-reportStartDate,
	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .datepicker-calendar.bootstrap3.default.above#datepicker-calendar-reportEndDate {
		width: 175px !important;
	 	top: 70px !important;
	}
	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .datepicker-calendar.bootstrap3.default.above#datepicker-calendar-reportStartDate table.datepicker-grid td,
	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .datepicker-calendar.bootstrap3.default.above#datepicker-calendar-reportEndDate table.datepicker-grid td
	{
		width: 23px !important;
		height: 23px !important;
		padding: 0;
		outline: 0;
	}
	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .datepicker-calendar.bootstrap3.default.above#datepicker-calendar-reportStartDate table.datepicker-grid td.focus,
	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .datepicker-calendar.bootstrap3.default.above#datepicker-calendar-reportStartDate table.datepicker-grid td:hover,
	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .datepicker-calendar.bootstrap3.default.above#datepicker-calendar-reportEndDate table.datepicker-grid td.focus,
	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .datepicker-calendar.bootstrap3.default.above#datepicker-calendar-reportEndDate table.datepicker-grid td:hover{
		padding: 0;
		outline: 0;
	}

	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .input-group #reportStartDate,
	#analytics_reports_containor .recycle-bin-topBox .row.reports-header-datePicker .input-group #reportEndDate{
		width: 70px !important;
	}
	#analytics_reports_containor .recycle-bin-topBox #viewScheduleBtn{
		height: auto !important;
		min-width: auto!important;
	}
	#viewScheduleButton .modal-content{
		width: 22%;
	}
	#analytics_reports_containor .recycle-bin-topBox #reportsBtnContainor #scheduleReportBtn{
		min-width: auto !important;
	}
	#analytics_reports_containor .recycle-bin-topBox #reportsBtnContainor #getReportBtn{
		min-width: auto !important;
	}
	
	#analytics_reports_containor .recycle-bin-topBox #reportsBtnContainor #scheduleReportHover{
		left: 65px !important;
        right: unset !important;
        top: 410px !important;
        width: 131px !important;
	}
	
	#analytics_reports_containor .recycle-bin-topBox #reportsBtnContainor #getReportHover{
		left: 140px !important;
        right: unset !important;
        top: 410px !important;
        width: 131px !important;
	}
	
	#analytics_reports_containor .recycle-bin-topBox .reports-header-button #scheduleReportHover{
		left: 60px !important;
        right: unset !important;
        top: 134px !important;
        width: 170px !important;
	}
	
	#globalDialog #reportDetailForm *{
		font-size: 5px;
	}
	
	.fromContentPage .select2-results .select2-result-label {
		font-size: 5px;
	}

}
@media screen and (max-width:1375px) {
	#overviewChartContainor{
		height: 580px !important;
	}
}

@media screen and (max-width:1150px) {
	#overviewChartContainor{
		height: 640px !important;
	}
}

#createSentimentAITemplateBtn > img {
    content:url("/Dashboard/icons/hierarchyNode/Plus.svg");
	margin-right: 7px;
}
#createSentimentAITemplateBtn:hover > img, #createSentimentAITemplateBtn:focus > img  {
    content:url("/Dashboard/icons/hierarchyNode/PlusHover.svg");
}

#empty-sentiment-ai-templates-container {
	display: grid;
    text-align: center;
    gap: 20px;
    margin-top: 20px;
}

.sentiment-ai-template-option {
    display: grid;
	position: relative;
	border: 1px solid #EFEFEF;
	border-radius: 6px !important;
	padding: 10px;
	gap: 10px;
}

.generate-sentiment-ai-responses-btn {
	min-width: 125px;
}

.generate-sentiment-ai-responses-btn img {
	content:url("/Dashboard/icons/audioDescription/Sparkle.svg");
    margin-right: 4px;
    width: 23px;
}

.generate-sentiment-ai-responses-btn:hover img, .generate-sentiment-ai-responses-btn:focus img {
    content:url("/Dashboard/icons/audioDescription/Sparkle-Hover.svg");
}

#sentiment-ai-analysis-tab-container {
	display: grid;
	gap:10px;
    margin-bottom: 20px;
}

.gen-ai-template-response {
	color: #6B6B6B;
	font-size: 14px;
    align-content: center;
	font-weight: 400;
	padding-left: 33px;
    margin-top: 4px;
}

.sentiment-ai-template-option.animated-border-box::before {
    border-radius: 6px !important;
}

.sentiment-ai-template-option div > .tooltip {
	width: 200px;
}