.no-margin {
  margin: 0 !important; }

.margin-center {
  margin: 0 auto !important; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.stretch {
  width: 100% !important; }

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

.sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control {
  background: #fff; }

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s; }

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.fade-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.out {
  visibility: hidden; }

.animated {
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

.page-title {
  margin-top: 10px; }

@media (max-width: 380px) {
  h4 {
    font-size: 14px; } }
.visible-block {
  display: block; }

.no-border {
  border: 0 !important; }

.border-grey {
  border: 1px solid #cccccc; }

.border-top-grey {
  border-top: 1px solid #cccccc !important; }

.border-bottom-grey {
  border-bottom: 1px solid #cccccc !important; }

.border-left-grey {
  border-left: 1px solid #cccccc !important; }

.border-right-grey {
  border-right: 1px solid #cccccc !important; }

@media (max-width: 767px) {
  .container, #header.full-header .container, .container-fullwidth {
    width: 95% !important; } }
.blue-text {
  color: #1537c4 !important; }

.white-text {
  color: #fff !important; }

.light-grey-text {
  color: #999 !important; }

.dark-grey-text {
  color: #555 !important; }

.button {
  height: 48px !important;
  line-height: 48px !important; }
  .button.autoheight {
    height: auto !important;
    line-height: 24px !important;
    white-space: pre-wrap;
    padding: 10px; }
  .button:hover {
    background-color: #999 !important; }

.blue-button {
  background: #1537c4; }

div.toggle-button-group div{ float: left;}
div.toggle-button-group div label{ margin: 1px;}

.toggle-button-group label:before {
  border-radius: 0;
  font-size: 10px;
  width: 50px;
  height: 32px;
  content: attr(data-label);
  line-height: 28px;
  border: 1px solid #444; 
  padding:1px;
  margin: 1px;
}
.toggle-button-group input[type=radio]:checked + label:before {
  background: #444;
  color: #fff;
  border: 0; }

.select2-container .select2-selection--single {
  height: 48px; }
  .select2-container .select2-selection--single span {
    padding: 10px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px; }

.select2-results__option {
  padding: 10px; }

.month-container .select2-container {
  margin-bottom: 10px; }

.bootstrap-select.btn-group .dropdown-menu.inner {
  max-height: 150px !important; }

.bootstrap-select.btn-group .dropdown-menu li a {
  padding: 15px 10px; }

.datepicker-container {
  margin-top: 10px;
  margin-bottom: 10px; }

#login-form {
  padding: 20px;
  border: 1px solid #cccccc; }
  #login-form .form-control {
    height: 48px; }
  #login-form a.button {
    line-height: 48px; }
  #login-form .button {
    height: 48px; }
    #login-form .button:hover {
      background-color: #0B2376 !important; }
    #login-form .button:active {
      background-color: #0B2376 !important; }
  #login-form a.reset-password {
    margin-top: 10px; }

.login-page #header img {
  max-height: 140px; }

#header {
  border-bottom: 0;
  height: auto; }
  #header a.link-home {
    color: #999; }
    #header a.link-home img {
      display: inline-block; }
  #header img.logo-square {
    max-height: 60px; }
  #header a.sign-out {
    margin-top: 35px; }

.class-selector {
  margin-top: 30px;
  margin-bottom: 10px; }

.dash-grid {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .dash-grid .container {
      padding: 0 !important; } }
  .dash-grid .action-bar {
    background: #03f47b;
     }
    .dash-grid .action-bar .action-bar-inner {
      padding: 10px; }
  .dash-grid .item {
    background: #fff; }
    .dash-grid .item:hover {
      background: #f1f1f1; }
      .dash-grid .item:hover .feature-box h4 {
        color: #5797f7; }
      .dash-grid .item:hover .feature-box .fbox-icon i {
        color: #5797f7; }
  .dash-grid .feature-box {
    padding: 20px; }
    .dash-grid .feature-box h4 {
      color: #03A9F4; }
    .dash-grid .feature-box .fbox-icon {
      border: 0;
      margin: 0 auto; }
      .dash-grid .feature-box .fbox-icon i {
        background: none;
        color: #03A9F4; }

.list-group table tr td {
  padding: 12px 8px; }
  .list-group table tr td a {
    display: block;
    padding: 5px; }

.list-with-switch-items table {
  margin-bottom: 0; }
.list-with-switch-items .switch-toggle {
  margin-bottom: 0; }
.list-with-switch-items label {
  margin: 0 auto; }

#student-report-list.list-group table tr td a {
  line-height: 30px; }
  #student-report-list.list-group table tr td a i {
    font-size: 30px; }

.student-details table tr td {
  width: 65%; }
  .student-details table tr td:first-child {
    width: 35%; }

.visible-print {
  display: block; }

#bible-list table tr td {
  line-height: 40px; }
#bible-list .student-result {
  width: 40px;
  height: 42px;
  margin: 0 auto;
  text-align: center; }

@media print {
  #header {
    display: none !important; }

  .hide-print {
    display: none !important; }

  .shown-print {
    display: block; }

  a[href]:after {
    content: none !important; } }