/* brand: {
    primary: '#0072bc',
    secondary: '#455565',
    accent: '#2cd5b6',
    positive: '#1dbd45',
    negative: '#ef4023',
    warning: '#ffbd53',
    info: '#0fc8f2'
}, */

/* Brand */
.bq-primary {  background-color: #0072bc;  }
.bg-secondary { background-color: #455565; }
.bg-info { background-color: #0fc8f2; }
.bg-accent { background-color: #2cd5b6; }
.bg-positive { background-color: #1dbd45; }
.bg-negative { background-color: #ef4023; }
.bg-warning { background-color: #ffbd53; }
.bg-dark-blue { background-color: #001973;}
.bg-calm-blue {background-color: #bad2ed;}
.bg-grey-1 { background-color: #eff1f6;}
.bg-grey-2 { background-color: #e0e3ee; }
.bg-grey-3 { background-color: #b3b7c3; }
.bg-grey { background-color: #606f7d;}

.text-primary {  color: #0072bc;  }
.text-secondary { color: #455565; }
.text-info { color: #0fc8f2; }
.text-accent { color: #2cd5b6; }
.text-positive { color: #1dbd45; }
.text-negative { color: #ef4023; }
.text-warning { color: #ffbd53; }
.text-dark-blue { color: #001973;}
.text-calm-blue {color: #bad2ed;}
.text-grey-1 { color: #eff1f6;}

/* Sidenav */
#sidebar,
.invisible-nav,
.navdashboard,
.sidenav-arrow-dashboard,
#workspacesnav-btn,
#sidenav-arrow-workspaces,
#sidenav-arrow-reports,
.navreports,
.navadmin,
.snavarrow-admin,
.feedback-btn-div,
.feedback-btn,
.tours-btn-div,
#toursbtn,
.other-btn-div,
.subnav-div-workspaces,
.subnav-div-reports,
.subnav-div-other,
.sidenav-arrow-other,
.navhome {
	background-color: #455565;
}
.workspace-btn span,
.workspace-btn:hover span {
    background-color: #455565a1 !important;
}
.bottom-btn-nav-div--4 {
	bottom: 210px;
}
.bottom-btn-nav-div--3 {
	bottom:140px; 
}
.bottom-btn-nav-div--2 {
	bottom:70px; 
}
.logout-btn-div{
	height:70px;
	position:absolute;
	margin:0 auto;
	padding:0;
	bottom: 0px;
	left:0;
	background-color: #455565;
	width: 100%;
}
.art-btn span,
.media-btn span,
.url-btn span,
.topapp-btn span,
.topip-btn span,
.topsites-btn span,
.geoip-btn span,
.monthly-btn span,
.threatintel-btn span,
.dscp-btn span,
.other-btn span,
.art-btn:hover span,
.media-btn:hover span,
.url-btn:hover span,
.topapp-btn:hover span,
.topip-btn:hover span,
.topsites-btn:hover span,
.geoip-btn:hover span,
.monthly-btn:hover span,
.threatintel-btn:hover span,
.dscp-btn:hover span,
.other-btn:hover span,
.subnav-div-other span,
.subnav-div-other:hover span {
    background-color: #455565a1;
}

#sidebar {
    /** Fixed the label for workspaces */
	max-width: 78px !important;
    /* max-width: 83px !important; */
}
.sidenav-button--active {
    border-left: 5px solid #ffbd53;
}

.dialog-container--white {
	background-color: rgba(0, 0, 0, 0) !important;
}
.dialog-container--white > md-dialog {
	background-color: rgb(255,255,255) !important;
}
.dialog-container--white > md-dialog > md-dialog-actions > .md-confirm-button {
	background-color: #21B9D0 !important;
	color: #FFF !important;
}

/* Shortcut bar */
.shortcut-workspace > span,
.shortcut-reports > span { color: #0072bc; }
.shortcut-workspace:hover,
.shortcut-reports:hover {
	box-shadow: inset 0 0 0 5em #0072bc;
}
.shortcut--active {
	border-bottom: 3px solid #ffbd53;
}

/* Search bar/top-level filter */
#tl-timezone__trigger {
	background-color: #0fc8f2;
}
.btn-group>.btn, .btn-group-vertical>.btn, .btn-group>.btn-presets>.btn-default {
    background-color: #eff1f6;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default,
.btn-group>.btn-presets>.active,
#customfilters-panel-bar,
#na-breadcrumb {
    background-color: #bad2ed; 
}

.chip-filter--empty {
    background-color: #cee1f7; 
}

#mainreset-view-btn,
.datepicker-apply-btn,
.art_slider-apply__btn {
	background-color: #0072bc !important;
}

.chip--eof {
	background-color: #ffbd53;
}
.tooltip-dismiss {
    background-color: #eda634;
}

/* Start of crumb: square button with arrow/caret */
.na-breadcrumb__item--text a {
    color: white;
}
.na-breadcrumb__item--img {
	background-color:#444c55;
	border-right: 1px solid #fff;
}
.na-breadcrumb__item--img:hover {
	background-color:#444c55;
}

/* Second crumb */
.na-breadcrumb__item:not(:last-child) .na-breadcrumb__item--text, 
.na-breadcrumb__item:not(:last-child) .na-breadcrumb__item--text:hover {
    background-color: #606f7d;
}
/* Arrow (second crumb) */
.na-breadcrumb__item:not(:last-child)::after,
.na-breadcrumb__item:not(:last-child):hover::after  {
    border-left-color: #606f7d;
}
.na-breadcrumb__item:last-child .na-breadcrumb__item--text a {
	color:#444c55;
}

/* Start of crumb */
.na-breadcrumb__item:not(:last-child):nth-child(2) .na-breadcrumb__item--text,
.na-breadcrumb__item:not(:last-child):nth-child(2):hover .na-breadcrumb__item--img,
.na-breadcrumb__item:not(:last-child):nth-child(2):hover .na-breadcrumb__item--text {
    background-color:#444c55;
}

/* First crumb/item */
.na-breadcrumb__item:nth-child(2)::after,
.na-breadcrumb__item:nth-child(2):hover::after  {
	border-left-color: #444c55;
}

/* Dashboard panels */

/*
If primary card header
Dashboard icons: use without -light.svg
Use export-ntt-theme.svg instead of export-ntt-theme-light.svg
*/
/* #content md-toolbar div.md-toolbar-tools {
	background-color: #0072bc;
	color: #fff;
}
.card-title,
.card-title span,
.md-toolbar-tools,
.md-toolbar-tools span {
    color: #fff;
}
.card-title span.active {
    color: #ffbd53;
}
.export-btn { 
    background: none;
} */


/*
If light card header
Dashboard icons: use -light.svg
Use export-ntt-theme-light.svg
*/
#content md-toolbar div.md-toolbar-tools,
#content md-toolbar div.md-toolbar-threat-intel {
	background-color: #e0e3ee;
	color: #455565;
}
.card-title,
.card-title span,
.md-toolbar-tools,
.md-toolbar-tools span {
    color: #455565;
}
.card-title span.active {
    color: #0072bc;
}
.export-btn { 
    background: none;
}

.app-switch--selected,
.threat-intel-category__switch .md-button.active {
    background-color: #bad2ed !important; 
}

/*
Dashboard charts
Original pie/bar color sequence: ['#00a1a3','#0083c2','#f29778','#da6365','#6c5f70','#97375d','#f04323','#f48f1e','#7a63ab','#25b6d5']
New ntt theme colo sequence: color : ['#566fb5','#ffbd53','#2cd5b6','#c2cbe8','#ed7c6b','#3350a2','#caeaf3','#c2c3c4','#976cce','#0fc8f2']
*/

/* Reports */
.reports-searchbox__input {
    background-color: #eff1f6;
}

.reports-mdtable tr:nth-child(odd),
.art__table tbody tr:nth-child(odd),
#tbodyconnections tr:nth-child(odd) {
	background-color: #eff1f6 !important;
}
.reports-mdtable tr:nth-child(even),
.art__table tbody tr:nth-child(even) {
	background-color: #fff;
}
.reports-mdtable .fixedHeader,
.reports-mdtable .fixedHeader tr,
.reports-mdtable .md-foot tr,
#table--adminPage .fixedHeader,
.app-drilldown-report_table .fixedHeader,
.app-drilldown-report_table .fixedHeader > tr,
.app-drilldown-report_table .fixedHeader > tr:hover   {
    background-color: #fff !important;
}

.toggle-container,
.art__table tbody tr.art-selected-app {
    background-color: #bad2ed !important;
}
.prev-btn-disabled {
    background-color: #e0e3eece !important;
}
.reportsSearch-chip {
	background-color: #0fc8f2;
}

.reportsSearch-chip--dscp {
	background-color: #455565 !important;
}

.reportsSearch-chip--dscp-label {
	color: #FFF !important;
}


.reports-mdtable .fixedHeader tr th,
.reports-mdtable .fixedHeader tr md-column,
.app-drilldown-report_table .fixedHeader tr th,
.app-drilldown-report_table .fixedHeader tr md-column,
#table--adminPage .fixedHeader tr th,
#table--adminPage .fixedHeader tr th md-column {
    color: #455565 !important;
}
.reports-mdtable .fixedHeader tr > th {
    padding-top: 3px !important;
}
/*
Original left/right.svg for pagination: color: #fff;
New ntt theme: left/right.svg color: #606f7d;
*/

/* Circuit workspace */
/** #todo: generate new icon for area / line switcher*/
.circuit-bubble-toolbar {
    background-color: #606f7d;
}
.art-switch-toggle--yellow{
	color: #0072bc !important;
}

/* ART Page */
/** #todo: generate new icon for scatter / line switcher*/
.artswitchview-label,
.artswitchview-inputcont,
.art-user-preferences-btn,
.art__table .ave-max__div,
.export-btn--drilldown,
.toggleEdge {
    background:none;
}
#fixhead-application > .art-toolbar__tr .art-switch-toggle--yellow {
    color: #ffbd53 !important;
}
.art__table #fixhead-application,
#fixhead-activeapplication,
#bottom-drilldown-rowcolumn-header,
#urlperf-table .fixedHeader,
.admin-mgt__table #fixhead-application {
	background-color:#fff;
}
#fixhead-activeapplication > #ddactiveapprowheader,
#urlperf-table .fixedHeader,
#urlperf-table #fixhead-activeurl,
#urlperf-table #ddactiveurl,
#urlperf-table #ddactiveurl-connections,
.admin-mgt__table #fixhead-application {
    border-top: 1px solid #e0e3ee;
    border-bottom: 1px solid #e0e3ee;
}
#fixhead-activeapplication > #ddactiveapprowheader th {
    border-right: none;
    border-left: none;
}
.art__table .fixedHeader th,
.art__table .fixedHeader md-column,
.art__table .fixedHeader md-column span,
.admin-mgt__table #fixhead-application th {
    color: #455565 !important;
}
#fixhead-application > .art-toolbar__tr,
#bottom-drilldown-rowheader,
.adtabledashboard-header {
	background-color: #0072bc;
}
#bottom-drilldown-rowheader .card-title,
#fixhead-application > .art-toolbar__tr span {
    color: #fff;
}
.art-pagination__div,
.art-pagination__div--sp {
    background:none;
}
.art-pagination__div--sp {
	right: -465px;
}
#back-btn,
#url-back-btn  { background-color: #eff1f6;}
.toggleEdge,
#urlSearchPanel .search #search-box { 
	color: #455565;
}
#admin-search-btn {
	border: 0px;
	background: #e0e3ee;
}
#admin-reset-btn {
    border: 0px;
	background: #e0e3ee;
}
#admin-reset-btn span,
.artadminpaginagtion-options span,
.search input[type="text"],
.search input[type="text"]::placeholder {
    color: #455565;
}
.artadminpaginagtion-options {
    background-color: #eff1f6;
}
.artAdminFilter-btn.artAdminFilter-btn--active {
	background-color: #eff1f6 !important;
	border-right:1px solid #fff;
}
.artAdminFilter-btn.artAdminFilter-btn--active:hover {
	background-color: #eff1f6 !important;
}
.admin-mgt__table .caret-btn:hover {
	background-color: #eff1f6 !important;
}
.admin-mgt__table .filterCaret,
.admin-mgt__table .filterCaret:hover,
.admin-mgt__table .caret-btn:hover {
    background-color: #eff1f6;
}
#search-box {
	border-bottom: 2px solid #455565 !important;
}
.change-graph-switch .tooltiptext {
    top: 2.5rem;
}

/* Navbar gif */
.art-btn {
	/*height: 41%;*/
	width: auto;
	background: url(../img/subnav/art-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.art-btn:hover {
	/*height: 41%;*/
	width: auto;
    background: url(../img/subnav/art-ntt-theme-light.png);
	/* background: url(../img/subnav/art-ntt-theme-light.gif); */
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.topapp-btn {
	/*height: 41%;*/
	width: auto;
	background: url(../img/subnav/topapp-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.topapp-btn:hover {
	/*height: 41%;*/
	width: auto;
    background: url(../img/subnav/topapp-ntt-theme-light.png);
	/* background: url(../img/subnav/topapp-ntt-theme-light.gif); */
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.topip-btn {
	/*height: 41%;*/
	width: auto;
	background: url(../img/subnav/topip-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.topip-btn:hover {
	/*height: 41%;*/
	width: auto;
    background: url(../img/subnav/topip-ntt-theme-light.png);
	/* background: url(../img/subnav/topip-ntt-theme-light.gif); */
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.topsites-btn {
	/*height: 41%;*/
	width: auto;
	background: url(../img/subnav/topsites-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.topsites-btn:hover {
	/*height: 41%;*/
	width: auto;
    background: url(../img/subnav/topsites-ntt-theme-light.png);
	/* background: url(../img/subnav/topsites-ntt-theme-light.gif); */
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.cktws-btn {
	height: 16em;
	width: auto;
	background: url(../img/subnav/cktws-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.cktws-btn:hover {
	height: 16em;
	width: auto;
    background: url(../img/subnav/cktws-ntt-theme-light.png);
	/* background: url(../img/subnav/cktws-ntt-theme-light.gif); */
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.hostexp-btn {
	height: 16em;
	width: auto;
	background: url(../img/subnav/hostexp-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.hostexp-btn:hover {
	height: 16em;
	width: auto;
    background: url(../img/subnav/hostexp-ntt-theme-light.png);
	/* background: url(../img/subnav/hostexp-ntt-theme-light.gif); */
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.geoip-btn {
	height: 9em;
	min-width: 30% !important;
	background: url(../img/subnav/geoip-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.geoip-btn:hover {
    height: 9em;
    min-width: 30% !important;
    background: url(../img/subnav/geoip-ntt-theme-light.png);
    /* background: url(../img/subnav/geoip-ntt-theme-light.gif); */
    margin: 2.5%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.threatintel-btn {
	height: 9em;
	min-width: 30% !important;
	background: url(../img/subnav/threat-intel-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.threatintel-btn:hover {
    height: 9em;
    min-width: 30% !important;
    background: url(../img/subnav/threat-intel-ntt-theme-light.png);
    /* background: url(../img/subnav/threat-intel-ntt-theme-light.gif); */
    margin: 2.5%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.monthly-btn {
	height: 9em;
	min-width: 30% !important;
	background: url(../img/subnav/monthly-report-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.monthly-btn:hover {
    height: 9em;
    min-width: 30% !important;
    background: url(../img/subnav/monthly-report-ntt-theme-light.png);
    /* background: url(../img/subnav/monthly-report-ntt-theme-light.gif); */
    margin: 2.5%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.dscp-btn {
	height: 9em;
	min-width: 30% !important;
	background: url(../img/subnav/dscp-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.dscp-btn:hover {
    height: 9em;
    min-width: 30% !important;
    background: url(../img/subnav/dscp-ntt-theme-light.png);
    /* background: url(../img/subnav/dscp-ntt-theme-light.gif); */
    margin: 2.5%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.url-btn {
	/*height: 41%;*/
	width: auto;
	background: url(../img/subnav/url-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.url-btn:hover {
	/*height: 41%;*/
	width: auto;
    background: url(../img/subnav/url-ntt-theme-light.png);
	/* background: url(../img/subnav/url-ntt-theme-light.gif); */
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.media-btn {
	/*height: 41%;*/
	width: auto;
	background: url(../img/subnav/media-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.media-btn:hover {
	/*height: 41%;*/
	width: auto;
	/* background: url(../img/subnav/media-ntt-theme-light.gif); */
    background: url(../img/subnav/media-ntt-theme-light.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

/* .other-btn,
.other-btn:hover {
	width: auto;
	background: url(../img/subnav/other.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
} */

.ta-btn {
	/* height: 16em; */
	width: 100%;
	background: url(../img/subnav/ta-ntt-theme-light.PNG);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.ta-btn:hover {
	cursor: pointer;
}

#subnav-div-reports {
	height: 88% !important;
}
#subnavopts-container-other,
.subnavopts-container-other--move#subnavopts-container-other{ 
	bottom: 0px !important;
}
@media only screen and (width: 1366px){
	.subnav-div-workspaces {
		height: auto;
	}
	.subnav-div-workspaces > div > .workspace-btn,
	.cktws-btn {
		max-height: 10em;
	}
	.cktws-btn {
		height: 10em;
	}
	.subnav-div-reports {
		width: 100%;
	}
	#subnav-div-reports {
		height: 65% !important;
	}
	.subnavopts-container-other--move#subnavopts-container-other{ 
		bottom: 200px !important;
	}
}
@media only screen and (width: 1512px){
	.subnavopts-container-other--move#subnavopts-container-other{ 
		bottom: 8px !important;
	}
}
/** For Dell lpatop - Edge Browser: (min-width: 1520px) and (max-width: 1530px) */
@media only screen and (min-width: 1520px) and (max-width: 1530px){
	#subnavopts-container-other,
	.subnavopts-container-other--move#subnavopts-container-other{
		bottom: 210px !important;
	}
}
@media only screen and (width: 1912px) {
	#subnav-div-reports {
		height: 69% !important;
	}
	.ntt-logo img {
		margin-right: 6px;	
	}
}

/* Threat Intel */
.ipti-filter-box .art_slider-apply__btn:disabled,
.ipti-filter-box__btns .art_slider-apply__btn:disabled {
    color: #FFF;
}

.threat-intel-view-btn span,
.threat-intel-view-btn span.view--active {
	color: #455565;
}

.tabs-layer-options.md-default-theme md-ink-bar,
.tabs-layer-options md-ink-bar{
	color: #0fc8f2;
    background: #0fc8f2;
}

.tabs-layer-options md-pagination-wrapper md-tab-item.md-active span {
    color: #0fc8f2;
}

.ti-view-details-btn {
	background: #0072bc;
}

/* Admin */
#search-device-box button#search-app-button:disabled,
.column-filter-box button.md-button:disabled {
    color: #FFF;
}
#admin-metrics-panel--main h1 {
    color: #1dbd45;
}

#admin-metrics-panel--main h1.amber {
    color: #0072bc;
}

#toolbar-admin-table {
    background-color:#e0e3ee !important;
}

/* Application Drilldown */
.app-drilldown-report_table .artAdminFilter-btn.artAdminFilter-btn--active.security-filter--bg,
.app-drilldown-report_table .filterCaret.securityCaret--bg.caret-btn,
#table--adminPage .artAdminFilter-btn.artAdminFilter-btn--active.security-filter--bg,
#table--adminPage .filterCaret.securityCaret--bg.caret-btn {
    background-color: #eff1f6 !important;
    border: 1px solid #fff !important;
}

.app-drilldown-report_table .artAdminFilter-btn.artAdminFilter-btn--active.security-filter--bg:hover,
.app-drilldown-report_table .filterCaret.securityCaret--bg.caret-btn:hover,
#table--adminPage .artAdminFilter-btn.artAdminFilter-btn--active.security-filter--bg:hover,
#table--adminPage .filterCaret.securityCaret--bg.caret-btn:hover {
    background-color: #e0e3ee !important;
}

/* Tour */
.tour-end-btn {
    background-color: #001973 !important;
}

.tour-start-btn {
    background-color: #FFF !important;
    color: #0072bc;
}

.tour-next-btn {
    background-color: #0072bc !important;
}

.tour-back-btn {
    background-color: #0fc8f2 !important;
}

.tour-right-actions {
    background-color: #001973;
}

/* ART Admin Management */
.admin-view-action--btn.primary-btn,
.admin-view-action--btn.primary-btn:hover {
	background: #0072bc;
}

/** DSCP List Navigation Button */
.dscp-report--nav-list__item {
    background-color: #FFF;
    color: #0072bc
}

/** DSCP Pagination Label */
span > .pagination-label {
    color: #455565;
}

/** Feedback Form */
.feedback--active {
    background-color: #0fc8f2;
}

.feedback--active:hover {
    background-color: #26cdf3 !important;
}

.feedback-form-send-btn {
	background-color: #0072bc !important;
}

.disable_this{
	background-color: rgba(103, 103, 103, 0.18) !important;
	pointer-events: none !important;
}

/** DSCP Workspace*/
.dscp-report__box {
    border: 1px solid #eaeaea;
}

.dscp-report__box--active {
	border: 1px solid #455565;
}

.chip-filter__name--empty {
    color: #455565;
}

.fixedFooter-reports__div {
	background-color: #FFF;
	border: 1px solid #e0e0e0;
}

.showRange {
	background: #bad2ed !important;
}

.device-selection-apply-btn {
	background-color: #0072bc;
}
.device-selection-apply-btn:hover {
	background-color: #0072bc !important; 
}
.device-chip .chip-filter {
	background-color: #0fc8f2;
}

/* Font adjustments */
body, html {
    font-family: 'Roboto'; 
	font-weight: 400;
	font-size: 13px;
	color: #444c55;
	letter-spacing: unset !important;
	-webkit-font-smoothing: none;
}
.md-select-value{ font-weight: 500; }
md-option .md-text { font-size: 14px;}
strong,b { font-weight: 500; }
.highcharts-legend-item, .highcharts-legend-item span, .highcharts-axis-labels, .highcharts-axis-labels span, .highcharts-axis-labels span a, .highcharts-axis-title,
.card-title, .card-title span, .md-toolbar-tools, .md-toolbar-tools span {
    font-family: 'Roboto' !important; 
}
.highcharts-legend-item, .highcharts-legend-item span, .highcharts-axis-labels, .highcharts-axis-labels span, .highcharts-axis-labels span a, .highcharts-axis-title {
	margin-top: -1px;
}
.card-title {
	font-size: 13px;
}
.md-toolbar-tools {
	/* letter-spacing: 0.03rem !important */
}
.md-button {
	font-family: 'Roboto'; 
	letter-spacing: 0px !important;
}
.shortcut-panel-div > .md-button > span {
	font-family: 'Roboto'; 
	letter-spacing: 0.03rem !important;
	font-size: 11px;
	font-weight: 400;
}
.btn-group>.btn, .btn-group-vertical>.btn, .btn-group>.btn-presets>.btn-default {
	font-weight: 500;
}
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
	font-weight: 400;
}
.btnGroup-top-app-switch > .btnGroup-option,
.btnGroup-top-app-switch > .btnGroup-option > span {
	color: #444c55;
    font-family: 'Roboto'; 
}
.highcharts-container,
.highcharts-root,
.highcharts-background,
.highcharts-loading,
rect.highcharts-background,
rect.highcharts-button-box,
.highcharts-label.highcharts-tooltip > span  {
	font-family: 'Roboto' !important;  
}

.no-data-sparklines {
	color: #9a9a9a !important;
}

.sidenav-button div, .sidenav-button span {
	font-size: 0.63em;
	font-weight: 500;
}


/** Login migration */
#na-login-splash {
	height:100vh;
	width:100%;
	background: url('../img/ManagedITservicesGettyImages-870735354.jpg');
}
#na-login-container {
	height: 100vh;
	display: block;
}
#na-login-panel--header {
	width:100vw;
	height:50px;
	margin-top:1rem;
	display: inline-block;
}
#na-login-panel--header__portal-id {
	width: 15w;
	display: flex;
	height: 100%;
}
#login-logo {
	padding-top: 5px;
	background-color: #0072bc;
}
#login-logo > img {
	width: 140px;
}
#login-portal-name {
	background-color: #607d8b;
	color: white;
	vertical-align: middle;
	padding: 0px 8px 0px 8px;
}
#login-portal-name > div {
	margin-top: 11px;
}
#na-login-panel--content {
	width:100vw;
	height:90%;
	text-align: center;
}

#na-login-card {
	margin:auto;
	margin-top:5rem;
	text-align:center;
	width:450px;
	padding-bottom: 1em;
}

#na-login-card .login-header {
	background-color: #e0e3ee;
	text-align: left;
	color: #455565;
	padding: 12px;
	font-size: 2rem;
    font-weight: 900;
    line-height: 1.1em
}

.login-input-fields .login-error {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin: auto;
	margin-bottom: 1.2em;
}

.login-input-fields .input-field {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin: auto;
}

.login-input-fields input {
	margin: auto;
	min-width: 100%;
	padding: 6px;
	border-radius: 6px;
	border: 1px solid whitesmoke;
}

.pword-field {
	margin-top: 1em;
}

.pword-field > div:first-child {
	margin-top: 1em;
}

.login-buttons {
	margin-top: 1em;
}

.login-buttons > .md-button {
	text-transform: capitalize;
	color: white;
}

.login-buttons > .login-btn {
	margin-left: 1.6em;
}

.login-buttons > .md-button.md-primary {
	background-color: #0072bc !important;
}

.login-buttons > .md-button.md-secondary {
	background-color: #455565 !important;
}

.login-error {
	padding: 6px;
	text-align: left;
	color: white;
	background-color: #ef4023;
	width: 96%;
	border-radius: 6px;
	margin-bottom: 1.5em;
}

.text-underline {
	text-decoration: underline;
}