.capitalize { 
  text-transform: capitalize; 
}
table thead th {
  text-transform: capitalize;
  font-weight: 600;
}
.ribbon-y { background: #f47d19; position: relative; height: 30px; width: 40px; }
.ribbon-y:before,
.ribbon-y:after {
  content: '';
  position: absolute;
  height:0;
  border: 25px solid transparent;
  top: 0;
  width: 0;
  border-top-color: #f47d19;
  border-bottom-color: #f47d19;
  z-index: -1;
}
.ribbon-y:before { left: -50px; }

.circle-danger {
  width: 30px;
  height: 30px;
  background: #ef5350;
  border-radius: 50%;
  padding: 5px;
}

.circle-success {
  width: 30px;
  height: 30px;
  background: #92f81d;
  border-radius: 50%;
  padding: 5px;
}

.circle-warning {
  width: 30px;
  height: 30px;
  background: #ffca28;
  border-radius: 50%;
  padding: 5px;
}

.circle-primary {
  width: 30px;
  height: 30px;
  background: #3f9ce8;
  border-radius: 50%;
  padding: 5px;
}

.circle-info {
  width: 30px;
  height: 30px;
  background: #26c6da;
  border-radius: 50%;
  padding: 5px;
}