body {
	height: unset !important;
}

/*hide the global search button to left*/
[tid="toggleGlobalSearchButton"] {
	display: none !important;
}

/* hide the "extended search" features on the Selections bar */
.qv-explore-selections-btn {
	display: none !important; 
}



.sel-toolbar-span-icon.lui-icon.ng-binding.lui-icon--lasso {
	display: none !important; 
}

.sel-toolbar-span-icon.lui-icon.ng-binding.lui-icon--radial-select {
	display: none !important; 
}

div.sn-kpi-value {
	font-size: 250% !important;
}

.vzb-table-header-cell .header-cell-sort-icon-descending::before {
 	font-family: FontAwesome !important; 
 	content:  "\f0d7" !important; 
 	font-size: 16px !important; 
 }

 .vzb-table-header-cell .header-cell-sort-icon-ascending::before {
 	font-family: FontAwesome !important; 
 	content:  "\f0d8" !important; 
 	font-size: 16px !important; 
 }

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

.navbar-nav > li > span {
	color: #fff;
	background-color: #205493;
	font-weight: bold;
}

ul {
	padding-left: 1.25rem;
}

a[data-toggle="tooltip"] {
	border-bottom: none;
}

.wrapper-selections-at-top .page-content-wrapper {
}

#show-service-popup-dialog .qv-contextmenu {
	z-index: 10001;
}

/* Selections toolbar */
.qv-global-selections {
	top: 70px;
}
.currentSelections-top {
	z-index: 510;
}


/* Toggle button container */
.toggle-btn-container {
	width: 100%;
	position: fixed;
	z-index: 50;
    top: 80px;
}



.tab-info-toggle {
	position: relative;
	z-index: 9;
	float: right;
	margin-top: 0;
	margin-right: 15px;
	font-size: 90%;
}

/* Navbar/title responsiveness */
.nav.navbar-nav {
	max-width: 82%;
}


.tab-title {
	max-width: 60%;
	margin: 1.5em auto 0.5em auto;
}

.page-content-wrapper {
	padding-bottom: 30px;
}


/* Tab info toggle button */
.tab-info-toggle .fa {
	margin-right: 0.2em;
}

.tab-info {
	font-size: 0.9em;
}


/* Tab title and content tweaks */
.tab-title {
	text-align: center;
}


.wrapper-selections-at-top .page-content-wrapper {
padding-left:20px;
}

@media screen and (max-width: 1420px) {
	.tab-content {
		padding-top: 30px;
	}
	
	.toggle-btn-container {
		top: 75px;
	}
	
	.sidebar-nav {
		top: 95px;
	}
}

@media screen and (max-width: 768px) {
	.toggle-label-short {
		display: inline;
	}
	.toggle-label-full {
		display: none;
	}
	.report-loading-position {
		width: 90%;
	}
	.toggle-btn-container {
		top: 80px;
	}
	.tab-title {
		max-width: 100%;
	}
}

/* EPA template/bootstrap style overrides */
abbr[data-original-title], abbr[title] {
	text-decoration: none;
}

p {
	margin-top: 0;
}

/* Qlik object default heights */


.qv-filter {
    height: 50rem;
	width: 20rem;
}

.qv-map {
	height: 480px;
}

.qv-layer {
	height: 70px;
}

.qv-layer div.qv-object-title-text {
	font-size: 14px !important;
}

.qv-layer .qv-object-title {
	margin-top: 10px;
	margin-bottom: 0;
}

.qv-xxs {
	height: 55px;
}

.qv-xs {
	height: 70px;
}

.qv-sm {
	height: 150px;
}

.qv-md {
	height: 350px;
}

.qv-lg {
	height: 500px;
}

.qv-xl {
	height: 800px;
}

#popupText {
	display: none;
}

/* Modify bootstrap container */
.container {
    /*width: 98% !important;*/
	max-width: 1400px;
}

.container-fluid {
	padding:  20px 35px 20px 35px;
}

/* Set heights for chart areas */
.qvobject, .qvplaceholder {
    height: 500px;
	width: 100%;
}

/* Keeps object heading text from cutting off */
.qv-object .qv-object-title .qv-object-title-text {
	max-width: 85%;
	line-height: 2;
	margin: 0.5rem 0 -0.5rem;
}

/* Begin Qlik Sense wrapper styles (for download/fullscreen icons) */
.qs-wrapper {
	position: relative;
}

.qs-wrapper-buttons {
	margin-left: auto;
}

.qs-wrapper-buttons .fa {
	margin: 0.25rem 0.25rem 0.25rem 0.75rem;
	cursor: pointer;
	z-index: 999;
	color: #FFF;
	font-size: 24px !important;
}

.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	z-index: 10000;
}
.qs-wrapper.fullscreen > div {
	height: 100%;
	width: 100%;
	background-color: #fff;
}
.qs-wrapper.no-download .qs-download-icon,
.qs-wrapper.no-export .qs-img-icon {
	display: none;
}

body.modal-open {
	overflow: auto;
	padding-right: 0 !important;
}


/* Styles for panel container */
div.panel-container {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px, rgba(0, 0, 0, 0.2) 0px 6px 8px 0px;
	display: flex;
    flex-direction: column;
}

div.panel-header {
	display: flex;
	justify-content: space-between;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	padding: 0.5rem;
	background-color: #0071bc;
    color: #FFFFFF;
}

div.panel-header label {
	margin: auto 0 auto 0.5rem;
}

div.panel {
	padding: 0.5rem;
	margin-bottom: 0;
	display: flex;
    flex-direction: column;
	flex: 1;
}



/* div.panel div {
	position: static !important;
} */


/* EPA Styles for checkboxes and radios */
/* Un-comment this block if we want non-visible layer labels to be gray
input[type='checkbox']:not(:checked) + label, input[type='checkbox']:disabled {
	color: rgba(0, 0, 0, 0.6);
} */
input[type='checkbox'] + label:before, input[type='radio'] + label:before {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #757575;
    content: '\a0';
    display: inline-block;
    height: 1.05882em;
    line-height: 0.8;
    margin-right: 0.6em;
    text-indent: 0.15em;
    vertical-align: 0.2em;
    width: 1.05882em;
	min-width: 1.05882em;
}
input[type='checkbox'], input[type='radio'] {
    padding: 0;
    position: absolute;
    left: -999em;
}
input[type='checkbox']:checked + label:before {
    background-image: url(https://www.epa.gov/sites/all/themes/epa/img/correct.png);
    background-image: url(https://www.epa.gov/sites/all/themes/epa/img/svg/correct.svg);
    background-position: 50%;
    background-repeat: no-repeat;
}
input[type='checkbox']:checked + label:before, input[type='radio']:checked + label:before {
    background-color: #0071bc;
    box-shadow: 0 0 0 1px #0071bc;
}
input:disabled {
    background-color: rgba(255,255,255,0.3) !important;
}
input[type='checkbox']:disabled + label:before, input[type='radio']:disabled + label:before {
    background: #d6d7d9;
    box-shadow: 0 0 0 1px #aeb0b5;
}
input[type='checkbox']:disabled + label, input[type='radio']:disabled + label {
    color: #5b616b;
    cursor: not-allowed;
}

/* Bootstrap styles to make 5 equal-width columns */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* row-eq-height uses flexbox to make each column the same height */
@media screen and (min-width: 990px) {
	.row-eq-height {
		height: 650px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 2rem;
	}

	.row-eq-height .panel {
		height: 91%;
	}

	.row-eq-height .panel .qv-object, .row-eq-height .panel-container {
		height: 100%;
	}
}

/* Hack to make the vizlib dropdown display within the panel header area */
/* .qv-inner-object, .vizlib-container-extension {
	overflow: visible !important;
}

.vzl-container select {
    margin-top: -47px !important;
    width: calc(100% - 150px) !important;
} */

.vzl-container select {
	margin: 2px 0 10px 0 !important;
}

.html2canvas-container {
	width: 3000px !important;
	height: 3000px !important;
	top: 0;
	left: 0;
}

.table-legend {
	text-align: right;
	font-size: 0.9rem;
}

.table-legend div {
	display: inline-block;
}



.hidden {
	display: none;
}


/* Card styles */
.card-container {
	margin-bottom: 1rem;
}

.card-content {
	padding: 0 1rem 1rem 1rem;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.card-actions {
	position: absolute;
	right: 1rem;
	padding: 0;
	text-align: right;
	z-index: 2;
	width: 100px;
	margin-left: auto;
}

.card-actions button {
	cursor: pointer;
	background-color: transparent;
	color: rgb(128, 128, 128);
	border: none;
	font-size: 24px !important;
	margin: 0 1rem 0 1rem;
}

.card-overlay {
    z-index: 10;
    position: absolute;
    background-color: white;
    right: 0;
}

li.nav-item a:visited {
    color: black;
}

.nav-tabs li a {
	color: black;
	background-color: #DEEBF7;

}


li.nav-item.active a {
	background-color: #005ea2;
	color:  white;
}

div.qvfilter {
	height: 50px;
	width: 11%;  /* 14.2857%; */
}

div.qvfilter-rebate {
	height: 50px;
	width: 12.5%;  /* 14.2857%; */
}


/* Legend styles */
.legend {
	margin-bottom: 1rem;
	padding: 0.75rem;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	height: 13em;
}


.legend-text {
	display: inline-block;
}

.legend-square {
	border: 1px solid #ccc;
    display: inline-block;
	vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: 0 4px 4px;
}

.legend.inline {
	height: unset;
}

.legend.inline .legend-text {
	display: block;
}