/* Layout, Body content and Tabs */
#insights-main {
    padding-left: 48px;
    padding-right: 0;
    width: 100%;
    background: white;
}

.insights-main-feature:hover {
    cursor: pointer;
}
.insights-main-feature span {
    padding-right: 12px;
}

.home-heading.row div {
	display: table;
	height: 40px;
}.home-heading.row div h4, .home-heading.row div h5, .home-heading.row div a {
	display: table-cell;
	vertical-align: middle;
}
.home-heading {
    width: 99%;
    position: relative;
    left: 1%;
    padding-top: 10px;
}
.home-heading div, .home-heading span {
	display: inline-block;
}
.home-heading span {
    margin-right: 72px;
}

.tab-summary-heading {
    width: 99%;
    position: relative;
    left: 1%;
}

.tabs-container {
    background: white;
    color: lightgrey;
    font-size: 12px;
    border-bottom: 1px solid lightgray;
}
.dashboard.tabs-container {
    /*padding: 5px 10px;*/
}
.tabs-container .tree-heading {
    font-weight: 600;
}
.tabs-container .tree-heading button, 
.tabs-container .tree-heading button:hover, 
.tabs-container .tree-heading button:focus {
	color: lightgrey;
	cursor: default;
    font-weight: 400;
}

.tabs-container button {
	color: #777;
    background: white;
    border: 0;
    padding: 7px 16px;
    min-width: 110px;
    padding: 14px;
    font-size: 14px;
    border-bottom: 2px solid transparent;
}
.tabs-container button:hover {
    color: black;
    background: white;
    font-weight: 400;
}
.tabs-container button:focus, .tabs-container button.selected {
    color: black;
    font-weight: 600;
    border-bottom: 2px solid #533ffb;
}
.tabs-container a {
	color: white;
    text-decoration: none;
}

.tab-user-activity {
    font-size: 16px;
    color: #263238;
    padding: 2px 0px;
}

.tab-insights-question {
    padding-top: 12px;
    font-weight: 600;
}
.tab-insights-question span {
    font-size: 18px;
}

.usage-links {
    padding: 0px;
}
.usage-links div {
    display: inline-block;
    /*vertical-align: middle;*/
}
.actionButtons {
    float: right;
    margin-right: 12px;
    position: relative;
    top: -6px;
}
.export-button-holder:hover .export-options,
.export-button-holder:hover .team-options{
    display: block !important;
}

.export-options,
.team-options{
	display: none !important;
	position: absolute;
    right: 12px;
    background: white;
    border: 1px solid lightgrey;
    z-index: 100;
}
.export-options button,
.team-options button{
    padding: 6px 12px;
    background: white;
    border-radius: 0px;
    color: black;
    border: none !important;
    margin: 6px 0px;
}
.export-options button:hover,
.team-options button:hover{
	color:white;
	background: #533ffb !important;
}

.insights-header {
    background: #afabab;
    padding: 4px 12px;
    color: white;
}
.insights-header .logo {
    font-size: 18px;
    font-weight: 600;
}
.insights-header .feature {
    font-size: 11px;
    padding-left: 6px;
}

.insights-content-body {
	display: inline-block;
    position: absolute;
    left: 242px;
    right: 0%;
    top: 0;
    bottom: 0;
    background: white;
}

/* Sidebar */
.insights-sidebar {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    width: 242px;
}
.insights-sidebar .insights-sidebar-bg {
    position: absolute;
    background: #e4e4e4;
    top: -100px;
    bottom: 0;
    left: 0;
    right: 20px;
    z-index: -1;
}
.insights-sidebar button, .insights-main-feature div {
    border: none;
    width: 80%;
    text-align: left;
    padding: 15px 0px;
    margin-left: 16px;
    white-space: nowrap;
    border-top: 1px solid lightgrey;
}
.insights-sidebar button:first-child {
    border-top: none;
}
.insights-sidebar button,.insights-sidebar button:hover,
.insights-sidebar button.selected:hover div {
    background: transparent;
}
.insights-sidebar button:focus, .insights-sidebar button.selected {
    font-weight: 600;
    position: relative;
    display: block;
}
.insights-sidebar button.selected {
    padding-left: 12px;
}
.insights-sidebar span {
    padding-left: 6px;
    white-space: nowrap;
    font-size: 13px;
}
.insights-sidebar .selected span {
    padding-left: 10px;
}
.insights-sidebar button:focus div, .selected .white-border,
.insights-sidebar button:focus p {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background: white !important;
    display: block;
}
.insights-sidebar button p {
    margin:0;
}

.insights-main-feature.usage span, .insights-main-feature.quality span,
.insights-sidebar .home-button span, .insights-sidebar button.home-button:focus span,
 .insights-sidebar button.home-button.selected span {
    background-size: 18px;
    background-position: 0px center;
}
.insights-sidebar a {
	color: #333;
    text-decoration: none;
}

.dropdown-arrow {
    display: inline-block;
    width: 8px;
    margin-right: 4px;
}

.insights-main-feature .arrow {
    height: 12px;
    width: 12px;
    margin-right: 12px;
    margin-top: 2px;
    display: inline-block;
    float: right;
}
.insights-main-feature .arrow {
    background: url("/svgs/arrow_folder_open_unselected-406ea3888df26af6b773f2f8336ead9c.svg") no-repeat;
    background-size: 12px 12px;
}
.insights-main-feature.collapsed .arrow {
    background: url("/svgs/arrow_folder_closed_transparent-0c0242357c84e253bc940584eb6b772d.svg") no-repeat;
    background-size: 12px 12px;
}

/* Index page */
.dashboard-widget-holder {
    position: absolute;
    left: 0;
    width: 99%;
    top: 100px;
    bottom: 50px;
}
.dashboard-widget {
    background: white;
    position: relative;
    display: inline-block;
}
.dashboard-widget.small {
    position: absolute;
    height: 49%;
    width: 49%;
}
.dashboard-widget.tall {
    height: 100%;
    width: 100%;
    float: right;
    border-left: 1px solid lightgrey;
}

.small-widget-holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 80%;
}
.tall-widget-holder {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 22%;
}

.dashboard-widget.tall .widget-contents,
.dashboard-widget.small .widget-contents {
	padding: 8px 16px;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.dashboard-widget.tall .widget-contents, .dashboard-widget.tall h4 {
    /*padding-left: 32px;*/
}

.saved-report-link {
	font-size: 14px;
	padding: 8px 0 8px 36px;
}
.saved-report-link.usage-report-link {
	background: url("/svgs/usage_and_adoption-a6ad4db3708810ce9e6767b844ab7663.svg") no-repeat;
    background-size: 24px 18px;
    background-position: 5px 8px;
}
.saved-report-link.quality-report-link {
	background: url("/svgs/quality_of_content-a6e7591329db2b5292ff834ee9080131.svg") no-repeat;
    background-size: 24px 12px;
    background-position: 5px 12px;
}

.dashboard-widget.tall h4, .dashboard-widget.small h2 {
	display: table;
    font-size: 14px;
    margin-top: 7.5px;
}

.dashboard-widget.small .chart {
	display: block;    
	position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.dashboard-widget.small .chart #usageChart,
.dashboard-widget.small .chart #contentChart,
.dashboard-widget.small .chart #qualityChart,
.dashboard-widget.small .chart #gradeLevelChart,
.dashboard-widget.small .chart #wwChart {
    position: absolute;
    top: 0;
    bottom: 40px;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
}

/* Users activity table */
.full-page-insights-table.tight .table-holder {
	padding-left: 15px;
	padding-right: 15px;
}
.table-holder {
    padding: 24px;
    padding-left: 18px;
    position: absolute;
    left: 0;
    right: 1%;
    background: white;
    top: 0;
    bottom: 0;
    padding-right: 64px;
}
.table-holder a {
	font-weight: bold;
}

.users-activity-table {
    color: black;
}
.average-row {
	border-top: 1px solid grey;
}
.users-activity-table thead {
}
.users-activity-table td {
}
.users-activity-table .month-col {
	text-align: right;
	width: 145px;
	min-width: 145px;
}
.users-activity-table .total-users-col, 
.users-activity-table .active-users-col, 
.users-activity-table .inactive-users-col, 
.users-activity-table .content-analyzed-col, 
.users-activity-table .words-col {
	text-align: right;
}

.users-activity-table tbody tr, .users-activity-table thead, .users-activity-table tfoot {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.users-activity-table tbody {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.row.divider {
    height: 16px;
}

/* Active Users table */
.active-users-table {
	width: 100%;
	position: relative;
    height: 100%;
}

.active-users-table tbody {
    overflow-y: auto;
    position: absolute;
    bottom: 0px;
    top: 18px;
    width: 100%;
}
.active-users-table tbody tr {
    width: 100%;
    display: table;
}

.active-users-table .words-col,
.active-users-table .total-scans-col,
.active-users-table .docs-scanned-col,
.active-users-table .urls-scanned-col,
.active-users-table .text-scanned-col {
	text-align: right;
}
.active-users-table td.words-col,
.active-users-table td.people-col {
	color: black;
	font-weight: normal;
}

/* Active teams table */
.teams-active-teams-table .active-users-col a,
.teams-active-teams-table .active-users-col span  {
	display: inline;
}

/* Inactive users table */
.inactive-users-table {
    width: 100%;
    margin-left: 24px;
}
.inactive-users-table th.people-col,
.inactive-users-table th.signed-up-col,
.inactive-users-table th.last-seen-col,
.inactive-users-table th.total-scans-col {
	text-align: left;
}

.inactive-users-table .signed-up-col,
.inactive-users-table .total-scans-col {
	text-align: center !important;
}
.inactive-users-table .last-seen-col {
	text-align: right !important;
}

/* Plot holder */
.plot-holder {
    /* padding-left: 64px; */
    /* padding-right: 64px; */
    /* background: url(../svgs/usage_and_adoption-a6ad4db�.svg) no-repeat; */
    width: 98.5%;
    background-color: white;
    background-size: 24px;
    background-position: 10px 12px;
    position: relative;
    left: -14px;
}
.quality-plot-holder {
    max-height: 305px;
}
/*
.quality-bg-icon {
	background: url(/svgs/quality_of_content-a6e7591329db2b5292ff834ee9080131.svg) no-repeat;
    background-color: white;
    background-size: 24px 12px;
    background-position: 15px 18px;
}
.plot-bg-icon {
    background: url(/svgs/usage_and_adoption-a6ad4db3708810ce9e6767b844ab7663.svg) no-repeat;
    background-color: white;
    background-size: 24px 18px;
    background-position: 10px 12px;
}
*/


/* Home/Index */

/* Content */
.content-over-time-table {
    width: 100%;
    text-align: right;
}
.content-over-time-table th {
	color: #5b9bd5;
    text-align: right;
}
.content-over-time-table .month-col{
	text-align: right;
	width: 145px;
	min-width: 145px;
}

.content-over-time-table thead {
}
.content-over-time-table tfoot {
	border-top: 1px solid grey;
}

.content-by-teams-table, .content-by-language-table,
.content-by-teams-table th, .content-by-language-table th,
.content-over-time-table .words-col{
	text-align: right;
}
.content-by-teams-table .team-col, .content-by-language-table .team-col {
	text-align: left;
}

/* Teams */
.teams-active-teams-table, .teams-active-teams-table th {
	text-align: right;
}
.teams-inactive-teams-table .teams-col, .teams-inactive-teams-table .last-activity-col {
	text-align: right;
}
.teams-inactive-teams-table, .teams-inactive-teams-table th { 
	text-align: center;
}

/* Quality and Watch words */
#gradeLevelChart, #readabilityFleschChart, #longSentenceChart, #passiveVoiceChart {
    width: 49%;
	height: 146px;
	display: inline-block;
}

.quality-over-time-table .month-col {
	text-align: right;
	width: 145px;
	min-width: 145px;
} 
.quality-over-time-table .total-scans-col,
.quality-over-time-table .grade-level-col,
.quality-over-time-table .read-flesch-col,
.quality-over-time-table .long-sentences-col,
.quality-over-time-table .passive-voice-col,
.quality-over-time-table .words-col,
.watch-words-by-teams-table .total-scans-col,
.watch-words-by-teams-table .words-col,
.watch-words-by-teams-table .month-col, 
.watch-words-by-teams-table .watch-word-hits-col,
.watch-words-by-teams-table .watch-word-percent-col
 {
	text-align: right;
}

.quality-by-user-table, .quality-by-user-table thead th,
.quality-by-teams-table, .quality-by-teams-table thead th,
.watch-words-by-user-table, .watch-words-by-user-table thead th{
    text-align: right;
}
.quality-by-user-table .people-col,
.watch-words-by-user-table .people-col{
    text-align: left !important;
}
tbody td.people-col span,
tbody td.people-col a {
    text-overflow: ellipsis;
    width: 90%;
    display: block;
    overflow: hidden;
}

.quality-by-user-table .total-scans-col {
	position: relative;
}
.quality-by-user-table .total-scans-col a {
	position: relative;
	z-index: 2;
	padding-right:4px;
}
.quality-by-user-table .readability-flesch-col {
	width: 140px;
	max-width: 140px;
	min-width: 140px;
}
.quality-by-user-table tbody a {
    font-weight: 500;
}

.quality-by-teams-table .people-col {
    text-align: left;
}

.quality-by-teams-table .total-scans-col {
    position: relative;
    padding-right: 4px;
}
.quality-by-teams-table .total-scans-col a {
    position: relative;
    z-index: 2;
}
.quality-by-teams-table .readability-flesch-col {
    width: 140px;
    max-width: 140px;
    min-width: 140px;
}
.quality-by-teams-table tbody a {
    font-weight: 500;
}

.total-scans-bar {
    position: absolute;
    left: 40%;
    z-index: 1;
    background: #6891c7;
    background-image: linear-gradient(to right, #6891c7 , #dfe8f3);
    border: 1px solid #6891C7;
    top: 3px;
    bottom: 3px;
}

.inactive-user, .inactive-team {
	color: grey;
}

.quality-by-content-table {
    overflow-x: auto;
}
.quality-by-content-table th {
    vertical-align: bottom;
}
.quality-by-content-table, .quality-by-content-table tbody,
.watch-words-by-content-table {
    display: block;
    font-size: 10px;
}
.quality-by-content-table thead,
.watch-words-by-content-table thead {
	display: block;
    font-size: 9px;

    position: absolute;
    top: 0;
    height: 36px;
}

.quality-by-content-table .avg-sentence-col,
.quality-by-content-table .readability-col,
.quality-by-content-table .num-long-sentences-col,
.quality-by-content-table .long-sentences-col,
.quality-by-content-table .num-very-long-sentences-col,
.quality-by-content-table .very-long-sentences-col,
.quality-by-content-table .num-passive-sentences-col,
.quality-by-content-table .passive-sentences-col,
.quality-by-content-table .num-sentences-col,
.watch-words-by-content-table .num-sentences-col,
.watch-words-by-content-table .hits-col {
	width: 50px;
	max-width: 50px;
	min-width: 50px;
	text-align: right;
}
.quality-by-content-table .grade-level-col,
.quality-by-content-table .words-col,
.watch-words-by-content-table .grade-level-col,
.watch-words-by-content-table .words-col,
.watch-words-by-content-table .percentage-col {
	width: 40px;
	max-width: 40px;
	min-width: 40px;
	text-align: right;
}
.quality-by-content-table .language-col, .quality-by-content-table .scan-type-col,
.watch-words-by-content-table .language-col,
.watch-words-by-content-table .scan-type-col{
	width: 30px;
	max-width: 30px;
	min-width: 30px;
	text-align: right;
}
.scan-type-col{
    text-align: left !important;
}
.quality-by-content-table .content-col{
	width: 120px;
	min-width: 100px;
}
.quality-by-content-table .people-col {
	width: 160px;
	min-width: 160px;
}
.quality-by-content-table td.people-col span,
.watch-words-by-content-table td.people-col span {
    font-weight: 500;
}
.quality-by-content-table .people-col,
.watch-words-by-content-table .people-col {
    padding-left: 6px;
}
.quality-by-content-table .content-col,
.watch-words-by-content-table .content-col,
.watch-words-by-content-table .watch-words-col {
	padding: 0px 8px;
}
.quality-by-content-table td.content-col span,
.quality-by-content-table td.people-col span,
.watch-words-by-content-table td.people-col span,
.watch-words-by-content-table .content-col span,
.watch-words-by-content-table .watch-words-col span{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.quality-by-content-table .scan-date-col,
.watch-words-by-content-table .scan-date-col  {
	width: 90px;
	max-width: 90px;
	min-width: 90px;
	text-align: center;
}

.quality-by-content-table tbody {
	top: 40px !important;
}
.watch-words-by-content-table tbody {
	top: 40px !important;
}

td.watch-words-col p {
    margin: 0;
    display: inline;
}

.watch-words-over-time-table, .watch-words-over-time-table th {
    text-align: right;
}
.watch-words-over-time-table .month-col {
    text-align: right;
}

/* Responsiveness */
.insights-chart {
    position: absolute;
    left: 0;
    right: 0;
    top: 140px;
}
.insights-table {
    position: absolute;
    left: 0;
    right: 0;
    top: 448px;
    bottom: 50px;
}
.insights-table.banded tbody tr:nth-child(even){
    background: #f5f5f5;
}
.insights-table .total{
    background: white !important;
}
.insights-table .average{
    background: white !important;
}
.table-fixed .total{
    background: white !important;
}
.table-fixed .average{
    background: white !important;
}
.full-page-insights-table {
    position: absolute;
    left: 0;
    right: 0;
    top: 140px;
    bottom: 50px;
}

.pageable-table .table-fixed tbody {
    bottom: 10%;
}
.table-fixed tfoot tr td {
    position: relative;
    top: 6px;
}
.table-fixed {
    width: 100%;
    position: relative;
    height: 100%;
    table-layout: fixed;
    overflow-x: hidden;
    overflow-y: hidden;
}
.table-fixed tbody tr {
    position: relative;
    table-layout: fixed;
    width: 100%;
    display: table;
}
.table-fixed tbody {
    overflow-y: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    bottom: 0;
    border-top: 1px solid grey;
    overflow-x: hidden;
}
.table-fixed.user-table tbody {
    font-size: 10px;
}
.table-fixed thead {
	width: 100%; display: table; table-layout: fixed;
}
.table-fixed .average {
    border-top: 1px solid grey;
}
.table-fixed tr td:last-child, .table-fixed tr th:last-child {
    padding-right: 8px;
    
}
.table-fixed td {
    background: transparent;
}
table.active-users-table.table-fixed th:first-child, table.active-users-table.table-fixed td:first-child,
table.quality-by-user-table.table-fixed th:first-child, table.quality-by-user-table.table-fixed td:first-child {
	width: 30%;
}
.table-fixed .green, .table-fixed .yellow, .table-fixed .red{
	font-weight: bold;
}

.table-fixed.banded tr td{
    padding-top: 4px;
    padding-bottom: 4px;
}
.table-fixed.banded tr:nth-child(even) {
	background: #f5f5f5;
}

.table-fixed tfoot {
    position: absolute;
    bottom: 0;
    display: table;
    width: 100%;
}
.table-fixed tfoot tr {
    width: 100%;
    display: table-row;
    text-align: center;
}

.watch-words-by-user-table thead,
.watch-words-by-teams-table thead,
.quality-by-user-table thead,
.quality-by-teams-table thead {
    height: 32px;
    vertical-align: bottom;
}

.watch-words-by-user-table tbody,
.watch-words-by-teams-table tbody,
.quality-by-user-table tbody,
.quality-by-teams-table tbody {
    top: 36px;
}

.pageable-buttons .pagination {
    margin: 0;
}
.pageable-buttons .pagination .active a {
    color: white !important;
    background: #533ffb !important;
    border-color: #533ffb;
}
.pageable-buttons .pagination a {
    color: #533ffb !important;
    font-weight: 100;
    cursor: pointer;
}

/* Filter dialog */
.filter-link a {
	cursor: pointer;
}
.filter-dialog {
    position: absolute;
    width: 300px;
    background: white;
    z-index: 1002;
    box-shadow: 0 0 1px 1px lightgrey;
    display: none;
}
.filter-dialog-head {
    width: 100%;
    background: #0081a0;
    color: white;
    padding: 6px 12px;
}
.filter-dialog-body {
    width: 100%;
    padding: 12px 18px;
    font-size: 10px;
    padding-top: 0px;
}
.filter-dialog-body table {
    width: 100%;
    line-height: 16px;
    font-weight: 400;
}
.filter-dialog-body table thead {
	color: grey;
}
.filter-dialog-inputs input {
    width: 40%;
}
.filter-dialog-inputs {
    width: 100%;
    text-align: center;
}
.filter-dialog-inputs button {
    width: 100%;
    text-align: center;
    margin-top: 12px;
}
.filter-dialog-head i {
    color: #ffffff66;
    float: right;
    top: 2px;
    right: -2px;
}
.usage-links #filter, .usage-links #intervals, .usage-links #teamSelection, .usage-links #revisionsFilter {
    display: none;
}

.filter-link {
    padding: 6px 0px;
}

.filter-dialog.interval-dialog {
    width: auto;
    overflow-y: auto;
    height: 150px;
    max-width: 500px;
}

.filter-dialog-body ul,
.filter-dialog.interval-dialog .filter-dialog-body ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.filter-dialog-body ul li,
.filter-dialog.interval-dialog .filter-dialog-body ul li {
    padding: 0px;
    cursor: pointer;
}

.filter-dialog-body ul li a,
.filter-dialog.interval-dialog .filter-dialog-body ul li a {
    color: #007bff !important;
    text-decoration: none;
    display: flex;
    overflow-wrap: anywhere;
}

.filter-dialog-body ul li a:hover,
.filter-dialog.interval-dialog .filter-dialog-body ul li a:hover {
    color: #0056b3 !important;
    text-decoration: underline;
}

.filter-dialog.revisions-dialog {
    width: 130px;
}

.revisions-dialog .filter-dialog-body {
    padding-top: 12px;
}

.revisions-dialog-underlined {
    text-decoration: underline;
}

#date-filter-form button:hover {
    background: #0b6479;
}

#date-filter-form button {
    background: #0081a0;
    border: none;
    color: white;
    padding: 6px;
}


/* Coming soon feature */
.coming-soon {
    position: absolute;
    left: 1%;
    right: 1%;
    top: 40px;
    bottom: 40px;
    background: white;
    border: 1px solid #ccc;
}

/* Graphs */
.full-size-graph {
	width:100%;
	height:300px;
}

.modebar{
    display: none !important;
}

#insights-tabs-buttons {
    position: relative;
    bottom: 46px;
    float: right;
    padding-right: 16px;
    right: 12px;
}
#insights-tabs-buttons button:first-child {
    margin-right: 12px;
}

.export-options li button,
.team-options li button{
    width:100%;
}

/* No data */ 
.no-data-message {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 45%;
    left: 0;
    right: 0;
    font-size: 18px;
    color: grey;
}

.dashboard-message {
    position: absolute;
    background: white;
    width: 100%;
    top: 1px;
    bottom: 0px;
    border: 1px solid lightgray;
}

.watch-words-col:hover span{
    overflow: visible;
    white-space: normal;
    height: auto;
    display: block;
    width: 100%;
    font-weight: 700;
}
.saved-view-span{
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:90%;
    display:inline-block;
}
.savedView:hover span{
    white-space: normal;
    display: inline-block;
    max-width: 79%;
    font-weight: 700;
}

.confirm-save-view-edit {
    font-size: 14px;
    position: absolute;
    vertical-align: middle;
    margin: 4px 17px 0 0;
    background: none;
    border: none;
    right: 0px;
    color: #0071ff;
    font-size: 14px !important;
    font-family: 'FontAwesome' !important;
}

.cancel-save-view-edit {
    font-size: 14px;
    position: absolute;
    vertical-align: middle;
    margin: 4px 2px 0 0;
    background: none;
    border: none;
    right: 0px;
    color: firebrick;
    font-size: 14px !important;
    font-family: 'FontAwesome' !important;
}

.icon-save-view-edit {
    margin: -8px 0 0 5px;
    color: #0071ff;
    cursor:pointer;
    position: relative;
    bottom: 6px;
}

#insightsTopMessageDiv{
    width:50%;
    position: fixed;
    left: 28%;
    top: 6px;
    z-index: 100;
    border: 1px solid black;
    box-shadow: black 1px 2px 5px 3px;
}

.saved-view-header {
    position: absolute;
    top: 1%;
    padding-bottom: 8px;
    width: 95%;
    background: white;
    z-index: 100;
    left: 18px;
    font-size: 13px;
}
.entry_language select{
    width: 100%;
    height: 100%;
    max-height: 21px;
    border-radius: 5px;
    padding-left: 3px;
}

/*Scrollbar*/
.scrollbar{
    overflow-y: overlay;
    overflow-x: hidden;
    scrollbar-width: thin;
}
.scrollbar-primary::-webkit-scrollbar {
    width: 6px;
    background-color: #eee;
}
.scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: lightgrey;
}
.watchwords-scroll::-webkit-scrollbar-thumb {
    height: 40%;
}

/* Teams Over-Time view*/
.full-page-insights-table.tight .dual-scroll-table {
	padding-left: 15px;
	padding-right: 15px;
}
.dual-scroll-table {
    padding: 24px;
    padding-left: 2%;
    position: absolute;
    left: 1%;
    right: 1%;
    background: white;
    top: 0;
    bottom: 0;
    padding-right: 64px;
}
.dual-scroll-table a {
	font-weight: bold;
}

#teams-over-time.inner-container
{
    height: 100%;
    overflow: hidden;
}

#teams-over-time .table-header
{
    position: relative;
    float: right;
    
}

#teams-over-time .table-header th {
    border-bottom: 1px solid grey;
}

#teams-over-time .table-team-col{
	position: relative;
	float: left;
	min-width: 200px;
}

#teams-over-time td.total-col, #teams-over-time  th.header-cell.total-col {
	border-right: 1px solid grey;
}

#teams-over-time .table-team-cell{
	position: relative;
	float: left;
	min-width: 200px;
	background: white;
    z-index: 3;
}

.table-team-cell th {
	/*border-right: 1px solid grey;*/
    border-bottom: 1px solid grey;
}

#teams-over-time .table-body
{
    overflow: auto;
    float:right;
    z-index: 2;
    position: relative;
}

#teams-over-time .header-cell
{
    height: 40px;
    color: #0062de;
}


#teams-over-time .month-col, .average-col, .total-col
{
    width:120px;
    min-width: 120px;
    text-align: right;
    padding-right: 5px;
}

#teams-over-time .team-col
{
    min-width: 170px;
    max-width: 170px;
    text-align: left;
    padding-right: 5% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#teams-over-time .team-col-scrollbar-blocker{
	float: left;
    min-width: 200px;
    background: white;
    height: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    z-index: 0;
}

#teams-over-time .table-body td, .table-team-col td{
	padding: 2px 5px 0 1px;
}

.teams-empty-table-message {
    text-align: center;
}
.inactive-users-table .total-scans-col,
.teams-inactive-teams-table .total-scans-col{
    text-align: right !important;
    padding-right: 10px;
}

.display-on-hover:hover{
    white-space: normal;
    display: inline-block;
    max-width: 79%;
    font-weight: 700;
}

.table-col-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
}

/* 2020 Redesign */
.selected span {
    border-left: 2px solid #533ffb;
}
button.selected {
    background: transparent;
}
button.nested-button {
    padding: 0;
    border-bottom: 0;
    border-top: 0;
}
.nested-button span {
    margin-left: 24px;
}
.nested-button.selected span {
    margin-left: 18px;
}
.nested-button {
    margin-bottom: 12px;
}
a {
	color: #533ffb;
}
a:hover{
	color: #2a207e;
}

.dashboard-widget.small:nth-child(3) {
    border-right: 1px solid lightgrey;
}
.dashboard-widget.small:nth-child(2) {
    border-bottom: 1px solid lightgray;
}
.dashboard-widget.small:first-child {
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

.insights-sidebar a:hover, .insights-sidebar span:hover {
    color: #533ffb;
}

#activeTeamsByUsersChart {
    padding-left: 32px;
}