/*
     ICONS
    ------------------------
*/
.icon-outlined {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: all 0.3s;
}

.icon-outlined.icon-lg {
  font-size: 2rem;
}

.icon-outlined.icon-sm {
  width: 55px;
  height: 55px;
  font-size: 1.15rem;
}

.icon-outlined.icon-thin {
  border-width: 1px;
}

.icon-hover:hover {
  transform: scale(1.1);
}

.icon-filled {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #284c77;
  color: #fff;
  font-size: 0.7rem;
}

.icon-filled-sm {
  width: 18px;
  height: 18px;
  font-size: 0.55rem;
}

.icon-outlined-primary {
  border-color: #284c77;
  color: #284c77;
}

.icon-outlined-secondary {
  border-color: black;
  color: black ;
}

.icon-outlined-success {
  border-color: #28a745;
  color: #28a745;
}

.icon-outlined-info {
  border-color: #17a2b8;
  color: #17a2b8;
}

.icon-outlined-warning {
  border-color: #ffc107;
  color: #ffc107;
}

.icon-outlined-danger {
  border-color: #dc3545;
  color: #dc3545;
}

.icon-outlined-light {
  border-color: #f8f9fa;
  color: #f8f9fa;
}

.icon-outlined-dark {
  border-color: #414141;
  color: #414141;
}