/* ========================================================================
 * Tutorial specific styling
 *
 * @see: css/default.css file for generic CSS
 * ========================================================================
 * Copyright 2015 Bootbites.com (unless otherwise stated)
 * For license information see: http://bootbites.com/license
 * ======================================================================== */
/* ==================================================
  General styles
  ================================================== */
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background: #6f5499;
  border-color: #6f5499;
}
/* ==================================================
  Modal styles
  ================================================== */
.modal-content {
  border-radius: 0;
  margin: 0 auto;
}
.modal {
  text-align: center;
}
@media screen and (min-device-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* ==================================================
  Modal extras
  ================================================== */
.modal-progress {
  height: 5px;
  background: #6f5499;
  display: block;
  width: 0;
  -webkit-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}