html, body {
	height: 100%;
}

body {
}

.sidebar-col {
	-ms-flex: 0 0 230px;
	flex: 0 0 230px;
}

.ace-container {
	position: relative;
	padding: 20px;
}

.sticky-offset {
	top: 56px;
}

.margin-offset {
	margin-top: 76px;
}

.te-dark {
	background-color: #1E1E1E;
}

.te-gray {
	background-color: #3C3C3C;
}

.bg-light-gray {
	background-color: #E5E8E8;
}

.te-gray:hover {
	background-color: #1E1E1E;
}

.ck-editor__editable {
	min-height: 400px;
}

#sidebar-container {
	min-height: 100vh;
	background-color: rgba(0, 0, 0, 0.05);
	padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
	max-width: 230px;
}

.sidebar-collapsed {
	width: 60px;
}

/* Menu item*/
#sidebar-container .list-group a {
	height: 50px;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
	height: 45px;
	padding-left: 30px;
}

.sidebar-submenu {
	font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
	height: 35px;
}

.sidebar-separator {
	background-color: #FFA500;
	height: 25px;
}

.logo-separator {
	background-color: #FFA500;
	height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
	content: " \f0d7";
	font-family: FontAwesome;
	display: inline;
	text-align: right;
	padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
	content: " \f0da";
	font-family: FontAwesome;
	display: inline;
	text-align: right;
	padding-left: 10px;
}

.tehama-orange {
	color: #d7753e;
}

.bg-tehama-orange {
	background-color: #d7753e;
}

.bg-light-green {
	background-color: #90EE90 !important;
}

.blue-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,23538a+100&0.84+0,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.84) 0%, rgba(35,83,138,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.84) 0%,rgba(35,83,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.84) 0%,rgba(35,83,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6000000', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
}

.orange-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
	background: rgb(255,197,120); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
}

/* Login */
body.login-page {
	background-color: #f7f9fb;
	font-size: 14px;
}

.login-page .brand {
	width: 90px;
	height: 90px;
	overflow: hidden;
	margin: 40px auto;
}

	.login-page .brand img {
		width: 100%;
	}

.login-page .card-wrapper {
	width: 400px;
	margin: 0 auto;
}

.login-page .card {
	border-color: transparent;
	box-shadow: 0 0 40px rgba(0,0,0,.05);
}

.login-page .card.fat {
	padding: 10px;
}

.login-page .card .card-title {
	margin-bottom: 30px;
}

.login-page .form-control {
	border-width: 2.3px;
}

.login-page .form-group label {
	width: 100%;
}

a {
	color: #007bff;
}

.login-page .btn.btn-block {
	padding: 12px 10px;
}

.login-page .margin-top20 {
	margin-top: 20px;
}

.login-page .no-margin {
	margin: 0;
}

.login-page .footer {
	margin: 40px 0;
	color: #888;
	text-align: center;
}

@media screen and (max-width: 425px) {
	.login-page .card-wrapper {
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 320px) {
	.login-page .card.fat {
		padding: 0;
	}

	.login-page .card.fat .card-body {
		padding: 15px;
	}
}

.tehama-datagrid tbody tr {
	line-height: 30px;
}

.tehama-datagrid tbody td {
	padding: 2px 8px 2px 8px;
	font-size: 1em;
}

.tehama-datagrid tbody .k-button {
	height: 28px;
	margin-right: 4px;
}

.tehama-datagrid thead th {
	font-weight: bold;
	font-size: .9em;
}

.enrollment-primary {
	background-color: #D5F5E3;
}

.enrollment-secondary {
	background-color: #F9E79F;
}

.enrollment-concurrent {
	background-color: #D4E6F1;
}

.button-navy {
	background-color: #f7f7f9;
}

#students th a.k-state-active {
	color:orange;
}

.k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-header-column-menu.k-state-active, .k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
	color: #FF0000;
}