body{
  background-color: #fff;
}

.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
	max-height: 3rem; /* changed to 3rem to gy6 logo is sized better */
}

.nav-link i.ni {
	position: initial;
}

.sidenav-header {
	background-color: #fff;
}

#sidenav-main {
	background-color: #ddd !important;
}

.navbar-top.border-bottom.navbar-dark {
	background-color: #c3c2c2 !important;
}

.nav-link .align-items-center i {
	color: black;
  font-size: larger;
}

.quick-ref{
      position: fixed;
      top: 10px;
      right: 10px;
      z-index:999999;
      padding:0;
  }
#quick-ref-header{
  background-color:#150C46;
  color:white;
  margin:0;
  padding:0;
}
.quick-ref.dropdown-menu .card{
  margin-top:0;
}
.quick-ref.dropdown-menu .card-header{
  background-color:#150C46;
  color:white;
}
.quick-ref.dropdown-menu a:hover,
.quick-ref.dropdown-menu a:focus{
  background-color:transparent;
  color:initial;
  text-decoration: underline;
}
.quick-ref .list-group-flush:last-child .list-group-item:last-child {
    border-bottom-width: 0;
}
.quick-ref .card {
	margin-bottom: 0px;
}

#school-name-label {
    background-color: #fff;
    font-weight: 900;
    padding: 6px;
    border-radius: 6px;
		white-space: nowrap;
}

.sidenav .nav-link-text {
  font-size: 16px;
	font-weight: 600;
}

.g-sidenav-show .sidenav .nav-link-text {
	transition: unset;
}

.sidenav li.active > a {
	background-color: #c3c2c2;
}
.sidenav .nav-item:hover {
	filter: brightness(75%);
}
.sidenav li.nav-item:hover > a, .sidenav li.nav-item .dropdown-menu a:hover, .sidenav li.nav-item .dropdown-menu a:focus, .sidenav li.nav-item.active > [data-toggle="collapse"] {
    background-color: rgba(200, 200, 200, 0.2);
    color: #3C4858;
    box-shadow: none;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav  > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.btn-primary {
	background-color: #150C46;
	border-color: #150C46;
}

footer .badge-secondary {
	color: #ffffff;
	background-color: #6c757d;
}

main .content {
	padding: 30px 15px;
	min-height: calc(100vh - 123px);
}

.alert.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

#login button:disabled {
	opacity: 0;
	pointer-events: none;
}

.border-light-gray{
  border: 1px solid #ddd;
}

.no-box-shadow{
  box-shadow:none;
}

.no-border{
  border: none;
}

#report_admin .list-group-item {
	padding-left: unset;
}

.card {
  box-shadow: none;
  border: 1px solid #ddd;
}

.sidenav .navbar-brand, .sidenav .navbar-heading {
	padding: 1rem;
}

#sidebar-logo-container {
	text-align: center;
}
#small-svg-logo {
	height: 24px;
	position: fixed;
	bottom: 10px;
	left: 100px;
}

/* only way I can really customize the login ui */
#login input[type="text"],
#login input:not([type="submit"])
{
  font-size: 0.875rem;
  transition: all 0.15s ease-in-out;
  height: calc(1.5em + 1.25rem + 5px);

  display: block;
  width: 100%;
  padding: 0.625rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #8898aa;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.messages .alert{
  color:black;
  font-weight: 600;
}

.alert-error{
	border-color: #f75676;
	background-color: #f75676;
}