.btn-default {
  background-color: #172b4d !important;
}

.btn-primary {
  background-color: #5e72e4 !important;
}

.btn-secondary {
  background-color: #f4f5f7 !important;
}

.btn-info {
  background-color: #11cdef !important;
}

.btn-success {
  background-color: #2dce89 !important;
}

.btn-danger {
  background-color: #f5365c !important;
}

.btn-warning {
  background-color: #fb6340 !important;
}

.bg-default {
  background-color: #172b4d !important;
}

.bg-primary {
  background-color: #5e72e4 !important;
}

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

.bg-info {
  background-color: #11cdef !important;
}

.bg-success {
  background-color: #2dce89 !important;
}


.dot {
  border-radius: 50%;
}

.dot span {
  position: absolute;
  display: block;
  border: 5px;
  border-radius: 50%;
background-color: rgba(220, 220, 220, 0.236);

}
.dot span:nth-child(1) {
  top: 100px;
  left: 150px;
  height: 160px;
  width: 160px;
  opacity: 0.7;
  animation-delay: 0.3s;
  animation-direction: reverse;
}

.dot span:nth-child(2) {
  top: -4px;
  left: -40px;
  height: 110px;
  width: 110px;
  opacity: 0.9;
  animation-delay: 0.3s;
  animation-direction: reverse;
  animation-duration: 2.3s;
}

.dot span:nth-child(3) {
  top: 150px;
  left: 100px;
  height: 140px;
  width: 140px;
  opacity: 0.9;
  animation-delay: 0.5s;
  animation-direction: reverse;
  animation-duration: 2.6s;
}

.dot span:nth-child(4) {
  top: 240px;
  left: 900px;
  height: 80px;
  width: 80px;
  opacity: 0.9;
  animation-delay: 0.7s;
  animation-direction: reverse;
  animation-duration: 2.3s;
}
.dot span:nth-child(5) {
  top: 80px;
  left: 1080px;
  height: 100px;
  width: 100px;
  opacity: 0.9;
  animation-delay: 0.7s;
  animation-direction: reverse;
  animation-duration: 2.3s;
}
.dot span:nth-child(6) {
  top: 200px;
  left: 1080px;
  height: 200px;
  width: 200px;
  opacity: 0.9;
  animation-delay: 0.7s;
  animation-direction: reverse;
  animation-duration: 2.3s;
}

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

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

.bg-facebook {
  background-color: #3B5999;
}

.bg-twitter {
  background-color: #1DA1F2;
}

.bg-support {
  background-color: #EA4C89;
}

.bg-github {
  background-color: #222222;
}

.bg-orange {
  background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bubble {
  width: 20px;
  height: 20px;
  background-color: red;
}

.text-default {
  color: #172b4d !important;
}

.text-primary {
  color: #5e72e4 !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-info {
  color: #11cdef !important;
}

.text-success {
  color: #2dce89 !important;
}

.text-danger {
  color: #f5365c !important;
}

.text-warning {
  color: #fb6340 !important;
}

.text-muted {
  color: #8898aa !important;
}

.bg-primary-transparent {
  background-color: #5e72e440 !important;
}

.bg-info-transparent {
  background-color: #11ceef47 !important;
}

.bg-success-transparent {
  background-color: #03ff926f !important;
}

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

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

.bg-transparent {
  color: #11ceef00;
}
/*# sourceMappingURL=colors.css.map */