body {
  color: #333;
  padding-bottom: 60px; }

#main {
  margin-top: 60px; }

h1 {
  font-size: 4rem; }

h2 {
  font-size: 2.5rem; }

h3, h4 {
  font-size: 1.75rem; }

.wrapper {
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 10px 0 10px 0;
  background-color: #f7f7f7;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }

.alert-help {
  background-color: #fffeee;
  color: #777 !important; }

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto; }
  .form-signin h2 {
    margin-bottom: 30px; }
  .form-signin .checkbox {
    font-weight: normal;
    margin-bottom: 10px; }
  .form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .form-signin .form-control:focus {
    z-index: 2; }
  .form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .form-signin .rememberme-checkbox {
    margin-left: 20px; }
  .form-signin .need-help {
    margin-top: 10px; }

.container-flash {
  margin: 5px; }

.btn-primary {
  background-image: none;
  border: none;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.769); }

.btn-primary:hover {
  color: #FFF; }

.btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
  color: #FFF; }

.navbar-main {
  background-color: #337ab7; }
  .navbar-main .nav li a {
    color: rgba(255, 255, 255, 0.769); }
  .navbar-main .nav li a:focus {
    color: rgba(255, 255, 255, 0.769);
    background-color: #337ab7; }
  .navbar-main .nav li.active a {
    color: #FFF;
    background-color: #55acee; }
  .navbar-main .nav li a:hover {
    background-color: #55acee;
    color: #FFF; }
  .navbar-main a.navbar-brand {
    color: #FFF;
    font-family: Lato, sans-serif;
    font-weight: bold; }
  .navbar-main a.navbar-brand:hover {
    color: #FFF;
    font-family: Lato, sans-serif; }
  .navbar-main .navbar-toggle {
    background-color: #55acee; }
  .navbar-main .icon-bar {
    background-color: #DFDFDF; }

.dropdown-menu > li > a {
  color: #333 !important; }

.progress {
  margin-top: 3px !important;
  margin-bottom: 3px !important; }

.grid-list-switch {
  float: right;
  font-size: 20px; }
  .grid-list-switch ul {
    width: auto;
    float: right;
    margin: 0;
    padding: 0; }
    .grid-list-switch ul li {
      display: inline-block;
      position: relative;
      list-style: none; }
      .grid-list-switch ul li a {
        text-decoration: none;
        display: block;
        color: #999;
        height: 42px;
        padding: 0 15px;
        line-height: 42px; }
        .grid-list-switch ul li a i {
          margin-right: 8px; }
      .grid-list-switch ul li a:hover {
        color: #333; }

#course-category-tree {
  padding: 0; }
  #course-category-tree .list-group-item {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px; }
  #course-category-tree .list-group {
    margin-bottom: 0; }

.panel-sidenav .panel-heading {
  color: #FFF;
  background-color: #337ab7;
  border-color: #dfd7ca; }
.panel-sidenav .panel-body {
  padding: 0; }
.panel-sidenav li.active a {
  background-color: #55acee;
  color: #FFF; }

.mb10 {
  margin-bottom: 10px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.bootgrid-header .row-actions a {
  margin-left: 5px; }

.grid-header .search .glyphicon {
  top: 0; }

.selectivity-input {
  width: 100% !important; }

.selectivity-single-select-input {
  position: absolute;
  top: -10000px; }

#faux-grid {
  margin-bottom: 3px !important; }

.panel-course h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  width: 90%; }
.panel-course .course-description {
  display: block;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  height: 64px; }

#record-form {
  margin-top: 30px; }

div.divider {
  border-bottom: 1px solid #333;
  margin-bottom: 20px; }

a.filter {
  text-decoration: none !important; }

#subnav {
  min-height: 43px !important; }
  #subnav li a {
    border-radius: 0; }
  #subnav li.active a, #subnav li.active a:hover, #subnav li.active a:focus {
    color: #ffffff;
    background-color: #55acee; }

.footer {
  background-color: #f5f5f5;
  border-top: 1px solid #969696;
  padding-top: 5px;
  height: 32px !important; }

body.dragging, body.dragging * {
  cursor: move !important; }

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000; }

ol.example li.placeholder {
  position: relative; }

ol.example li.placeholder:before {
  position: absolute; }

.add-module-form .selectivity-dropdown {
  top: auto !important;
  left: inherit !important; }

.accordion-menu .panel-heading {
  cursor: pointer !important; }

.bootbox hr {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.panel-filter hr {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.label-lg {
  font-size: 1em;
  margin-right: 3px; }

.has-error .selectivity-input {
  border-bottom: 2px solid red; }

.btn-group-vertical {
  display: block; }
  .btn-group-vertical .btn {
    margin-bottom: 3px; }

.btn-add {
  background-color: #00acac;
  color: #FAFAFA;
  -webkit-background-size: 200% 200%;
  background-size: 200% 200%;
  background-position: 50%; }
  .btn-add:hover {
    background-color: #009292;
    color: #FFF; }
  .btn-add:focus {
    background-color: #009292;
    color: #FFF; }
  .btn-add:active {
    background-color: #009292;
    background-image: -webkit-radial-gradient(circle, #009292 10%, #00acac 11%);
    background-image: -o-radial-gradient(circle, #009292 10%, #00acac 11%);
    background-image: radial-gradient(circle, #009292 10%, #00acac 11%);
    background-repeat: no-repeat;
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    color: #FFF; }

.btn-delete {
  background-color: #FF5B57;
  color: #FAFAFA;
  -webkit-background-size: 200% 200%;
  background-size: 200% 200%;
  background-position: 50%; }
  .btn-delete:hover {
    background-color: #F34C4A;
    color: #FFF; }
  .btn-delete:focus {
    background-color: #F34C4A;
    color: #FFF; }
  .btn-delete:active {
    background-color: #F34C4A;
    background-image: -webkit-radial-gradient(circle, #F34C4A 10%, #FF5B57 11%);
    background-image: -o-radial-gradient(circle, #F34C4A 10%, #FF5B57 11%);
    background-image: radial-gradient(circle, #F34C4A 10%, #FF5B57 11%);
    background-repeat: no-repeat;
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    color: #FFF; }

.btn-info {
  background-color: #727CB6;
  color: #FAFAFA;
  -webkit-background-size: 200% 200%;
  background-size: 200% 200%;
  background-position: 50%; }
  .btn-info:hover {
    background-color: #6771A8;
    color: #FFF; }
  .btn-info:focus {
    background-color: #6771A8;
    color: #FFF; }
  .btn-info:active {
    background-color: #6771A8;
    background-image: -webkit-radial-gradient(circle, #6771A8 10%, #727CB6 11%);
    background-image: -o-radial-gradient(circle, #6771A8 10%, #727CB6 11%);
    background-image: radial-gradient(circle, #6771A8 10%, #727CB6 11%);
    background-repeat: no-repeat;
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    color: #FFF; }

.btn-warning {
  background-color: #FFA726;
  color: #FAFAFA;
  -webkit-background-size: 200% 200%;
  background-size: 200% 200%;
  background-position: 50%; }
  .btn-warning:hover {
    background-color: #F3BB1B;
    color: #FFF; }
  .btn-warning:focus {
    background-color: #F3BB1B;
    color: #FFF; }
  .btn-warning:active {
    background-color: #F3BB1B;
    background-image: -webkit-radial-gradient(circle, #F3BB1B 10%, #FFA726 11%);
    background-image: -o-radial-gradient(circle, #F3BB1B 10%, #FFA726 11%);
    background-image: radial-gradient(circle, #F3BB1B 10%, #FFA726 11%);
    background-repeat: no-repeat;
    -webkit-background-size: 1000% 1000%;
    background-size: 1000% 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    color: #FFF; }

.selectivity-multiple-input-container {
  background-color: transparent  !important; }

.navbar-header form {
  position: absolute;
  right: 20px;
  max-width: 250px; }

.navbar-form input {
  color: white; }

.navbar-form {
  display: inline-block;
  width: 250px;
  margin-bottom: 0px !important;
  margin-top: 10px !important; }

button.navbar-toggle.pull-left {
  margin-left: 15px; }

@media only screen and (max-width: 1199px) {
  .navbar-form {
    width: 230px; } }
@media only screen and (max-width: 991px) {
  .navbar-header img {
    display: none; }

  .navbar-form {
    width: 200px; } }
@media only screen and (max-width: 768px) {
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
    margin-top: 0;
    padding-top: 8px; }

  .navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0px 0 rgba(255, 255, 255, 0.1); } }
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #DFDFDF;
  opacity: 1;
  /* Firefox */ }

.btn-success:focus, .btn-success:hover {
  background-color: #3d8b40 !important; }

a:focus {
  outline: none !important; }