.bg-red {
  background-color: #f44336;
  color: #fff;
}
.bg-orange {
  background-color: #ff9800;
  color: #fff;
}
.bg-yellow {
  background-color: #fbbd08;
  color: #333;
}
.bg-olive {
  background-color: #4caf50;
  color: #fff;
}
.bg-green {
  background-color: #39b54a;
  color: #fff;
}
.bg-cyan {
  background-color: #00bcd4;
  color: #fff;
}
.bg-blue {
  background-color: #2196f3;
  color: #fff;
}
.bg-purple {
  background-color: #6739b6;
  color: #fff;
}
.bg-mauve {
  background-color: #9c26b0;
  color: #fff;
}
.bg-pink {
  background-color: #e03997;
  color: #fff;
}
.bg-brown {
  background-color: #795548;
  color: #fff;
}
.bg-grey {
  background-color: #9e9e9e;
  color: #fff;
}
.bg-gray {
  background-color: #c8c9cc;
  color: #646566;
}
.bg-black {
  background-color: #333;
  color: #fff;
}
.bg-white {
  background-color: #fff;
  color: #646566;
}
.bg-red.light {
  background-color: #fadbd9;
  color: #f44336;
}
.bg-orange.light {
  background-color: #fffbe8;
  color: #ff9800;
}
.bg-yellow.light {
  background-color: #fef2ce;
  color: #fbbd08;
}
.bg-olive.light {
  background-color: #e8f4d9;
  color: #4caf50;
}
.bg-green.light {
  background-color: #d7f0db;
  color: #39b54a;
}
.bg-cyan.light {
  background-color: #d2f1f0;
  color: #00bcd4;
}
.bg-blue.light {
  background-color: #cce6ff;
  color: #2196f3;
}
.bg-purple.light {
  background-color: #e1d7f0;
  color: #6739b6;
}
.bg-mauve.light {
  background-color: #ebd4ef;
  color: #9c26b0;
}
.bg-pink.light {
  background-color: #f9d7ea;
  color: #e03997;
}
.bg-brown.light {
  background-color: #ede1d9;
  color: #795548;
}
.bg-grey.light {
  background-color: #f7f8fa;
  color: #9e9e9e;
}
.bg-gray.light {
  background-color: #f7f8fa;
  color: #646566;
}
.bg-gradual-red {
  background-image: linear-gradient(45deg, #f44336, #fbbd08);
  color: #fff;
}
.bg-gradual-orange {
  background-image: linear-gradient(45deg, #ff9800, #f44336);
  color: #fff;
}
.bg-gradual-green {
  background-image: linear-gradient(45deg, #39b54a, #4caf50);
  color: #fff;
}
.bg-gradual-purple {
  background-image: linear-gradient(45deg, #6739b6, #9c26b0);
  color: #fff;
}
.bg-gradual-pink {
  background-image: linear-gradient(45deg, #e03997, #6739b6);
  color: #fff;
}
.bg-gradual-blue {
  background-image: linear-gradient(45deg, #2196f3, #00bcd4);
  color: #fff;
}
.bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.shadow[class*="-red"] {
  -webkit-box-shadow: 6px 6px 8px rgba(204, 69, 59, 0.2);
          box-shadow: 6px 6px 8px rgba(204, 69, 59, 0.2);
}
.shadow[class*="-orange"] {
  -webkit-box-shadow: 6px 6px 8px rgba(217, 109, 26, 0.2);
          box-shadow: 6px 6px 8px rgba(217, 109, 26, 0.2);
}
.shadow[class*="-yellow"] {
  -webkit-box-shadow: 6px 6px 8px rgba(224, 170, 7, 0.2);
          box-shadow: 6px 6px 8px rgba(224, 170, 7, 0.2);
}
.shadow[class*="-olive"] {
  -webkit-box-shadow: 6px 6px 8px rgba(124, 173, 55, 0.2);
          box-shadow: 6px 6px 8px rgba(124, 173, 55, 0.2);
}
.shadow[class*="-green"] {
  -webkit-box-shadow: 6px 6px 8px rgba(48, 156, 63, 0.2);
          box-shadow: 6px 6px 8px rgba(48, 156, 63, 0.2);
}
.shadow[class*="-cyan"] {
  -webkit-box-shadow: 6px 6px 8px rgba(28, 187, 180, 0.2);
          box-shadow: 6px 6px 8px rgba(28, 187, 180, 0.2);
}
.shadow[class*="-blue"] {
  -webkit-box-shadow: 6px 6px 8px rgba(0, 102, 204, 0.2);
          box-shadow: 6px 6px 8px rgba(0, 102, 204, 0.2);
}
.shadow[class*="-purple"] {
  -webkit-box-shadow: 6px 6px 8px rgba(88, 48, 156, 0.2);
          box-shadow: 6px 6px 8px rgba(88, 48, 156, 0.2);
}
.shadow[class*="-mauve"] {
  -webkit-box-shadow: 6px 6px 8px rgba(133, 33, 150, 0.2);
          box-shadow: 6px 6px 8px rgba(133, 33, 150, 0.2);
}
.shadow[class*="-pink"] {
  -webkit-box-shadow: 6px 6px 8px rgba(199, 50, 134, 0.2);
          box-shadow: 6px 6px 8px rgba(199, 50, 134, 0.2);
}
.shadow[class*="-brown"] {
  -webkit-box-shadow: 6px 6px 8px rgba(140, 88, 53, 0.2);
          box-shadow: 6px 6px 8px rgba(140, 88, 53, 0.2);
}
.shadow[class*="-grey"] {
  -webkit-box-shadow: 6px 6px 8px rgba(114, 130, 138, 0.2);
          box-shadow: 6px 6px 8px rgba(114, 130, 138, 0.2);
}
.shadow[class*="-gray"] {
  -webkit-box-shadow: 6px 6px 8px rgba(114, 130, 138, 0.2);
          box-shadow: 6px 6px 8px rgba(114, 130, 138, 0.2);
}
.shadow[class*="-black"] {
  -webkit-box-shadow: 6px 6px 8px rgba(26, 26, 26, 0.2);
          box-shadow: 6px 6px 8px rgba(26, 26, 26, 0.2);
}
.border-red {
  color: #f44336;
  border-color: #f44336;
}
.border-orange {
  color: #ff9800;
  border-color: #ff9800;
}
.border-yellow {
  color: #fbbd08;
  border-color: #fbbd08;
}
.border-olive {
  color: #4caf50;
  border-color: #4caf50;
}
.border-green {
  color: #39b54a;
  border-color: #39b54a;
}
.border-cyan {
  color: #00bcd4;
  border-color: #00bcd4;
}
.border-blue {
  color: #2196f3;
  border-color: #2196f3;
}
.border-purple {
  color: #6739b6;
  border-color: #6739b6;
}
.border-mauve {
  color: #9c26b0;
  border-color: #9c26b0;
}
.border-pink {
  color: #e03997;
  border-color: #e03997;
}
.border-brown {
  color: #795548;
  border-color: #795548;
}
.border-grey {
  color: #9e9e9e;
  border-color: #9e9e9e;
}
.border-gray {
  color: #646566;
  border-color: #646566;
}
.border-black {
  color: #333;
  border-color: #333;
}
.border-white {
  color: #fff;
  border-color: #fff;
}
.vm-collapse-item-title .vm-cell-right-icon::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.vm-collapse-item-title::after {
  visibility: hidden;
}
.vm-collapse-item-title-expanded .vm-cell-right-icon::before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.vm-collapse-item-title-expanded::after {
  visibility: visible;
}
.vm-collapse-item-title-disabled,
.vm-collapse-item-title-disabled .vm-cell-right-icon {
  color: #c8c9cc;
}
.vm-collapse-item-title-disabled:active {
  background-color: #fff;
}
.vm-collapse-item-wrapper {
  overflow: hidden;
  will-change: height;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.vm-collapse-item-content {
  color: #646566;
  padding: 15px;
  font-size: 13px;
  line-height: 1.5;
  background-color: #fff;
}
