.bg-primary {
  background-color: #7c69ef !important;
}

.bg-secondary {
  background-color: #d9e2ef !important;
}

.bg-success {
  background-color: #42ba96 !important;
}

.bg-danger {
  background-color: #df4759 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-info {
  background-color: #467fd0 !important;
}

.bg-light {
  background-color: #f1f4f8 !important;
}

.bg-dark {
  background-color: #161c2d !important;
}

.bg-blue {
  background-color: #467fd0 !important;
}

.bg-lightblue {
  background-color: #69d2f1 !important;
}

.bg-indigo {
  background-color: #6610f2 !important;
}

.bg-purple {
  background-color: #7c69ef !important;
}

.bg-pink {
  background-color: #e83e8c !important;
}

.bg-red {
  background-color: #df4759 !important;
}

.bg-orange {
  background-color: #fd9644 !important;
}

.bg-yellow {
  background-color: #ffc107 !important;
}

.bg-green {
  background-color: #42ba96 !important;
}

.bg-teal {
  background-color: #20c997 !important;
}

.bg-cyan {
  background-color: #17a2b8 !important;
}

.container {
  max-width: 1140px;
}

* {
  outline: 0 !important;
}

.main-spacing {
  margin: 30px 0;
}

.btn-light.clear {
  background: none;
  border: none;
}

.btn-light.clear:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.tab-content,
.manager-panel {
  padding: 20px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-top: none;
}

.tab-content .table,
.manager-panel .table {
  margin: 10px 0 0 0;
  min-width: 400px;
}

.tab-content .table td.actions,
.manager-panel .table td.actions {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

.manager-panel {
  border: 1px solid #dee2e6;
}

form .text-muted {
  font-size: 80%;
}

form .required label:after {
  color: red;
  content: " *";
}

form .bootstrap-select .btn-light {
  background: #fff !important;
  color: #495057 !important;
  border: 1px solid #ced4da;
}

form .bootstrap-select .btn-light[aria-expanded=true] {
  border-color: #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: 0 !important;
}

form .bootstrap-select .btn-light:focus,
form .bootstrap-select .btn-light:active {
  outline: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

iframe.thumb-renderer {
  border: none;
  width: 100%;
  height: 400px;
}

#welcome-page h1 {
  margin-top: 150px;
}

#welcome-page .intro-links {
  margin-top: 80px;
}

#welcome-page .intro-links a {
  margin: 0 30px;
}