.page-header {
  background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../../img/bg02.png) center center no-repeat;
  background-size: cover;
} 

.title {
  font-size: 14px;
  margin-bottom: 16px;
  font-weight: bold;
}

.text-gray-300 {
  color: #dddfeb !important;
}

.border-left-primary {
  border-left: .25rem solid #4e73df !important;
}

.border-left-secondary {
  border-left: .25rem solid #6c757d !important;
}

.border-left-success {
  border-left: .25rem solid #1cc88a !important;
}

.border-left-danger {
  border-left: .25rem solid #dc3545 !important;
}

.border-left-warning {
  border-left: .25rem solid #f6c23e !important;
}

.border-left-info {
  border-left: .25rem solid #36b9cc !important;
}

.border-left-light {
  border-left: .25rem solid #f8f9fa !important;
}

.border-left-dark {
  border-left: .25rem solid #343a40 !important;
}   

.border-left-tertiary {
  border-left: .25rem solid #8930ff !important;
}