*{transition: all 300ms ease-in-out;}
body
{
  font-family: "avenir", 'open sans', helvetica, sans-serif;
  font-size: 12px/2;
  font-weight: 400;
  color: #34495e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a{
  color: #34495e;
}
body.login-page {
  /*background: url(../pics/background.jpg) no-repeat center center fixed;*/
  background: #ecf0f1 url(../pics/grainy.png);
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}
.app
{
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; 
}

.align-items-center 
{
  -webkit-align-items: center !important;
  align-items: center !important; 
}
.flex-row 
{
  -webkit-flex-direction: row !important;
  flex-direction: row !important; 
}
.btn{
    padding: .7rem .7rem;
 }
 .btn-xs
 {
    padding: .3rem .3rem;
    font-size: 0.7rem;
 }
 .btn-sm
 {
  padding: .5rem .5rem;
 }
 .grey-background{
  background: #ecf0f1;
 }
 .has-danger .form-control {
    border-color: #900;
}
.navbar {
    padding: .1rem .1rem;
}
.navbar-brand {
    font-size: 14px;
}
.navbar-toggler-icon {
    width: 1em;
    height: 1em;
}
.sidebar-nav li a span.title{
    margin-left: 0px;
    font-size: 1.18em;
    display: inline;
}
.sidebar-nav li a span.icon
{
    margin-left: 0px;
    width: 38px;
    text-align: center;
    font-size: 1.3em;
    display: inline;
    margin-right: 8px;
}
.fa
{
  display: inline;
}
.navbar-nav li a span.title{
    margin-left: 0px;
    font-size: 1em;
    display: inline;
}
.navbar-nav li a span.icon
{
    margin-left: 0px;
    width: 38px;
    text-align: center;
    font-size: 1.3em;
    display: inline-block;
}
.sidebar-nav li a.active{
    text-decoration: none;
    background: #e43a45;
    color: #FFF;
}
.navbar-nav li a.subactive{
  background-color: rgba(0, 0, 0, .2); 
  border-left: 3px solid #e43a45;
  /*border-right: 0px solid #e43a45;*/
  color: #e43a45;
}
.sidebar-nav li a.active:after{
  content: "";
  width: 0px;
  height: 0px;
  right: 0px;
  border: 21px solid;
  position: absolute;
  border-color: transparent #EEE transparent transparent;
}
li.dropdown-sidebar div.panel-body
{
  background-color: rgba(0, 0, 0, .2);
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
.header-title
{
 /*   width: 200px;*/
    font-size: 1.25rem;
    /*word-break: break-all;
    white-space: normal;*/
}
.breadcrumb
{
  background: inherit;
  padding: 0.75rem 0rem;
}
.breadcrumb-menu {
    position: absolute;
    top: 0;
    right: 1rem;
}
.breadcrumb-card-menu {
    position: absolute;
    right: 1rem;
}
.breadcrumb-title{
  padding-left: 15px;
  padding-right: 15px;
  margin-top: .5em;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: inherit;
  }
textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control, select, select.form-control {
  font-family: inherit;
  font-size: inherit;
}
[class^="entypo-"]:before, [class*=" entypo-"]:before {
  display: inline;
  margin-right: 0;
  margin-left: 0;
}
.blockquote{
  font-size: inherit;
}
label
{
  font-weight: bold;
}
.container-fluid{
  width: 100%;
}
.space-bottom
{
  margin-bottom: 1.5em;
}
.space-top
{
  margin-top: 1.5em;
}
.keep-engaged{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#ecf0f1;
  z-index:9999;
}
.top{
  margin-top: 25vh;
}
select.form-control:focus {
    background: none;
}
.fix .fa-spin {
    -webkit-transform-origin: 50% calc(50% - .5px);
    transform-origin: 50% calc(50% - .5px);
}
.badge-pill {
  border-radius: 10rem; 
}
a.nav-link .badge {
  float: left;
  margin-top: -5px; 
}
.border-bottom{
  border-bottom: 1px solid #ddd;
}
.border-top{
  border-top: 1px solid #ddd;
}
.school-name
{
  font-size: 1.5em;
}
@media screen and (max-width:768px) {
  .navbar {
    padding: .4rem .4rem;
  }
  .btn-reduce
  {
    padding: .3rem .3rem;
    font-size: 0.7rem;
  }
  .header-title {
    font-size: 1.1rem;
  }
  .school-name
  {
    font-size: 1.24em;
  }
}