[class^='subnav-div-']{
    width: 100%;
    position: relative;
}

#invisiblenav-reports {
	height: 617px !important; /*404px*/
	/*z-index: 2;*/ /*When uncommented breaks the tours highlight on navigation*/
}

#invisiblenav-security {
	height: 404px;
	z-index: 2;
}

.subnav-div-workspaces{
	background: #d74a91;
	height: 17em;
	width: 75%;
}

/** Vendor adjustment **/
.subnav-div-workspaces-sp {
	width: 40%;
}

.subnav-div-workspaces-sp > div > a.workspace-btn {
	width: 100%;
}

/* 
	This is also used in Threat Analytics (TA)
	but instead of making the changes here for TA UI tweaks, 
	update should be in firewall/css/style-firewall.css
*/
.subnav-div-reports {
	background: #006190;
	height: 70%;
	width: 75%;
}

.subnav-div-security {
	background: #d23535;
    height: 36%;
    width: 85%;
}

.subnav-div-dashboard{
	background: #624d8e;
	height: 17em;
	width: 78%;
	/*z-index: 1;*/
}

.subnav-div-other{
    min-width: 97% !important;
    max-height: 20em !important;
    padding: 1%;
    background: #ed830c;
}

.subnav-div-other span{
	background: rgba(237,131,12,0.7);
	height: 36px;
}

.subnav-div-other:hover span{
	background: rgba(237,131,12,0.9);
	height: 80px;
	transition: .4s !important;
}

.subnav-title span{
	text-align: center;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 600;
	color: #FFF;
	padding: 0.2em;
}

.sidenav-btn-div__button .desc{
	visibility: hidden;
	font-size: 1.1em;
	line-height: 20px;
}

.sidenav-btn-div__button:hover .desc{
	visibility: visible;

}

.subnav-title{
	padding: 2em;
}

.sidenav-arrow-dashboard{
	min-width: 15%;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
	border: none;
	outline: none;
}

/* ---------------------------------------------- */

[id^='sidenav-arrow-']{
	min-width: 15%;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
	border: none;
	outline: none;
}

[id^='hoverhere-']:hover [id^='sidenav-arrow-']{
	filter: brightness(110%);
	min-width: 25px !important;
	transition: min-width .3s !important;
}

#sidenav-arrow-reports{
	/*z-index: ;*/
}

.no-hover:hover > [id^='sidenav-arrow-']{
	filter: none;
	transition: none !important; 
	min-width: 15% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dashboard-btn {
	height: 16em;
	min-width: 47% !important;
	background: url(../img/subnav/dashboard.png);
	margin: 2.5%;
	background-size: 100%;
	background-repeat: no-repeat;
}

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

.geoip-btn {
	height: 9em;
	min-width: 30% !important;
	background: url(../img/subnav/geoip.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.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.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.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.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.gif);
    margin: 2.5%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.dscp-btn {
	height: 9em;
	min-width: 30% !important;
	background: url(../img/subnav/dscp.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.gif);
    margin: 2.5%;
    background-size: 100%;
    background-repeat: no-repeat;
}

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


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

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

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

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

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

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

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

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

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

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

.art-btn span,
.media-btn span,
.url-btn span,
.topapp-btn span,
.topip-btn span,
.topsites-btn span,
.cktws-btn span,
.hostexp-btn span,
.dashboard-btn span,
.geoip-btn span,
.monthly-btn span,
.threatintel-btn span,
.dscp-btn span {
	height: 36px;
	background: rgba(0, 97, 144, 0.4);
}

.art-btn:hover span,
.media-btn:hover span,
.url-btn:hover span,
.topapp-btn:hover span,
.topip-btn:hover span,
.topsites-btn:hover span,
.cktws-btn:hover span,
.hostexp-btn:hover span,
.dashboard-btn:hover span,
.geoip-btn:hover span,
.monthly-btn:hover span,
.threatintel-btn:hover span,
.dscp-btn:hover span {
	/*text-decoration: underline;*/
	height: 80px;
	transition: .4s !important;
	background-color: rgba(0, 97, 144, 0.8);
}

.sidenav-btn-div__button{
	min-width: 30%;
	padding: 0px !important;
	margin: 1.5% !important;
	border-radius: 0px;
    /*border: 1px solid rgba(255, 255, 255, 0.6);*/
    text-transform: none;
    position: relative;
    text-align: center;
}

.subnav-div-workspaces > div > .workspace-btn{
	min-width: 47%;
	max-height: 15em;
}

.workspace-btn span{
	background: rgba(217, 83, 150, 0.6) !important;
}

.workspace-btn:hover span{
	background: rgba(217, 83, 150, 0.9) !important;
}

.dashboard-btn span{
	background: rgba(98, 77, 142, 0.6) !important;
	bottom: 12px !important;
}

.dashboard-btn:hover span{
	background: rgba(98, 77, 142, 0.9) !important;
}

.security-btn span{	
	height: 36px;
	background: rgba(210,53,53,0.6);
	/*bottom: 12px !important;*/
}

.security-btn:hover span{
	height: 80px;
	transition: .4s !important;
	background: rgba(210,53,53,0.9);
}

.sidenav-btn-div__button span{
	color: #ffffff;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0.4em;
}

.flip{
	transform: none !important;
}

@-moz-document url-prefix() {
	[class^='subnav-div-']{
		padding-top: 12px;
	}

	.workspace-btn span{
		bottom: 0px;
	}

	.invisible-nav{
		height: 50em !important;
	}
	
	.subnav-div-reports .sidenav-btn-div__button span{
		bottom: 0px;
	}

	.security-btn span{
		bottom: 8px !important;
	}
	
	.subnav-div-workspaces{
		height: 19.5em;
	}
	
	@media only screen and (min-width: 1920px){
		.subnav-div-reports .sidenav-btn-div__button span{
			bottom: 13px !important;
		}
		.subnav-div-reports .geoip-btn span,
		.subnav-div-reports .monthly-btn span{
			bottom: 0px !important;
		}
	}
}

@media only screen and (min-width: 1920px){
	.subnav-div-dashboard {
	    width: 82.5%;
	}
}

.navdashboard,
.sidenav-arrow-dashboard {
	background-color:#7A63AB;
}

#workspacesnav-btn {
	background-color:#DB5F9D;
}
#sidenav-arrow-workspaces {
	background-color:#d74a91;
}

.navreports { background-color:#0083C3; }
#sidenav-arrow-reports { background-color:#006190; }

.navadmin {
	background-color:#8c8c8c;
}
.snavarrow-admin {
	background-color:#7b7979;
}
.invisible-nav {
	height:50%;
	background-color:#23b7d5;
}

#mainreset-view-btn {
	color: rgb(255, 255, 255);
	background-color: #21B9D0;
	font-weight: normal;
	font-size: 11px;
	height: 15px;
	border-radius:0px;
	box-shadow:none;
}

.md-toolbar-tools,
.md-toolbar-tools span {
	color: white;
}
.artswitchview-label {
	font-size: 0.65em;
	font-weight: normal;
	color: #fff;
	position:absolute;
	right: 275px;
	background: #21a3bf;
	height: 32px;
	width: 84px;
	padding: 6px 19px;
	position:absolute;
	top:0;
}
.artswitchview-inputcont {
	margin: 12px 2px;
	color:#000 !important;
	position: absolute;
	right: 38px;
	top: -12px;
	width: 235px;
	height: 31px;
	padding: 0px 8px;
	font-size: 0.65em;
	background: #21a3bf;	
}
.art-user-preferences-btn {
	background-color: rgba(24, 118, 138, 0.5);
}
#fixhead-application {
	background-color:#64cee4;
}
#fixhead-application > .art-toolbar__tr {
	height: 40px;
	background-color: #25b6d5;
}
.art-pagination__div,
.art-pagination__div--sp {
	min-width: 20px;max-width: 391px;position: absolute;
	right: -200px;height: 88%;background: rgb(33, 163, 191);padding: 0px !important;top: 5px;
}
.art-pagination__div--sp {
	right: -440px;
}

#bottom-drilldown-rowheader {
	height: 40px;background-color: #25b6d5;
}
#bottom-drilldown-rowcolumn-header {
	height: 35px; background-color:#64cee4;
}
#tbodyconnections tr {
	background: #fff !important;
	border-bottom: 1px solid #e5e5e5;
}
.toggleEdge {
	background-color: #69A6B3;
}
.adtabledashboard-header {
	height:auto;
	background-color:#64CEE4;
}
.artadminsubmitbtn {
	background-color:#2ecc71;border:1px solid #2ecc71;
}
#admin-search-btn {
	border: 1px solid #ff748c;
	background: #ff748c;
}
#admin-reset-btn {
	border: 1px solid rgb(63, 130, 156);
	background: #21B9D0;
}
#admin-reset-btn span,
.artadminpaginagtion-options span {
	color: #fff;
}
.artadminpaginagtion-options {
	background: #1f99b4;
}

.navfirewall {
	background-color:#db5f5f;
}

.device-selection-apply-btn {
	background-color: #21B9D0;
}