@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;

  src: url('../fonts/roboto/Roboto-Regular.woff');
}
*{transition: all 300ms ease-in-out;}
body
{
  /*font-family: "avenir", 'open sans', helvetica, sans-serif;*/
  font-family: "Roboto";
  /*font-size: 150px/2;*/
  font-size: 1.01rem;
  font-weight: 350;
  line-height: 1.5em;
  color: #34495e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a{
  color: #34495e;
  font-family: "Roboto";
  font-size: .875rem;
}
a:hover
{
  text-decoration: none;
}
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{
    font-family: "Roboto";
    padding: .7rem .7rem;
    font-weight: 450;
 }
 .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
{
  border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.sidebar-nav li a.active{
    text-decoration: none;
   /* background: #e43a45;*/
    /*background-color: #009688;*/
    background-color: rgba(0, 0, 0, .2);
    color: #FFF;
    border-left: 3px solid #009688;
}
.navbar-nav li a.subactive{
  background-color: rgba(0, 0, 0, .2); 
  /*border-left: 3px solid #009688;*/
  border-right: 3px solid #009688;
  color: #009688;
}
/*.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;
}
.breadcrumb-item a
{
  font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: "Roboto";
    font-weight: 400;
    /*font-size: 1.3em;*/
  }
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: "Roboto";
  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: right;
  margin-top: -9px; 
  padding: .7em;
}
.border-bottom{
  border-bottom: 1px solid #ddd;
}
.border-top{
  border-top: 1px solid #ddd;
}
/*.school-name
{
  font-size: 1.5em;
}*/
.sidebar-brand
{
  background: #fff;
  color: #002440;
  font-weight: bolder;
}
.color-picker
{
  padding: 5px;
  margin: .3em;
  float: left;
  width: 6%;
  border: 1px solid #ddd;
  border-radius: .5em;
}
.question-container{
  margin-top: 1em;
  margin-bottom: 1em;
}
.option{
  margin-top: .6em;
  margin-bottom: .6em;
}
@media screen and (max-width:768px) {
  body
  {
    font-size: 1rem;
  }
  .navbar {
    padding: .4rem .4rem;
  }
  .btn-reduce
  {
    padding: .3rem .3rem;
    font-size: 0.7rem;
  }
  .header-title {
    font-size: 1.1rem;
    font-weight: bolder;
  }
  .school-name
  {
    font-size: 1.24em;
  }
  .container {
    width: 100%;
  }
}