/* Color Pallete - https://flatuicolors.com/palette/ca */

/* Backgrounds */
.bg-red {
  background-color: #ee5253;
}

.bg-red-light {
  background-color: #ff6b6b;
}

.bg-green {
  background-color: #10ac84;
}

.bg-green-light {
  background-color: #1dd1a1;
}

.bg-green-pastel {
  background-color: #daf2d7;
}

.bg-orange {
  background-color: #ff9f43;
}

.bg-orange-light {
  background-color: #feca57;
}

.bg-orange-pastel {
  background-color: #ffdab9;
}

.bg-blue {
  background-color: #2e86de;
}

.bg-blue-light {
  background-color: #54a0ff;
}

.bg-blue-pastel {
  background-color: #bde0fe;
}

.bg-gray {
  background-color: #8395a7;
}

.bg-gray-light {
  background-color: #c8d6e5;
}

.bg-gray-pastel {
  background-color: #dee2e6;
}

.bg-white {
  background-color: #ecf0f1 !important;
}

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

/* Fonts */
.ft-primary {
  color: #169aff;
}

.ft-red {
  color: #ee5253 !important;
}

.ft-red-light {
  color: #ff6b6b !important;
}

.ft-green {
  color: #10ac84 !important;
}

.ft-green-light {
  color: #1dd1a1 !important;
}

.ft-orange {
  color: #ff9f43 !important;
}

.ft-orange-light {
  color: #feca57 !important;
}

.ft-blue {
  color: #2e86de !important;
}

.ft-blue-light {
  color: #54a0ff !important;
}

.ft-gray {
  color: #8395a7 !important;
}

.ft-gray-light {
  color: #c8d6e5 !important;
}

.ft-white {
  color: #ecf0f1 !important;
}

.ft-white-light {
  color: #FFFFFF !important;
}

.ft-black {
  color: rgba(51,51,51,.75) !important;
}

/* Border */
.border-red {
  border-color: #ee5253;
}

.border-red-light {
  border-color: #ff6b6b;
}

.border-green {
  border-color: #10ac84;
}

.border-green-light {
  border-color: #1dd1a1;
}

.border-orange {
  border-color: #ff9f43;
}

.border-orange-light {
  border-color: #feca57;
}

.border-blue {
  border-color: #2e86de;
}

.border-blue-light {
  border-color: #54a0ff;
}

.border-gray {
  border-color: #8395a7;
}

.border-gray-light {
  border-color: #c8d6e5;
}

.border-white {
  border-color: #ecf0f1;
}

.border-white-light {
  border-color: #FFFFFF;
}

.border-black {
  border-color: rgba(51,51,51,.75) !important;
}

/* Gradients */

.bg-gradient-blue {
  background: rgb(155,212,255);
  background: linear-gradient(90deg, rgba(155,212,255,1) 0%, rgba(86,182,255,1) 35%, rgba(22,154,255,1) 100%); 
}