.card{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  padding: 20px;
  margin: 10px 0px;
  border-radius: 10px;
  box-shadow: 5px 5px 10px #dddddd;
}

.card-primary{
  border-top: 3px solid #0d6efd;
}

.card-primary > .right{
  color: #0d6efd;
}

.card-success{
  border-top: 3px solid #009286;
}

.card-success > .right{
  color: #009286;
}

.card-warning{
  border-top: 3px solid #ff9900;
}

.card-warning > .right{
  color: #ff9900;
}

.card-info{
  border-top: 3px solid #3399ff;
}

.card-info > .right{
  color: #3399ff;
}

.card-danger{
  border-top: 3px solid #b32400;
}

.card-danger > .right{
  color: #b32400;
}

.card-secondary{
  border-top: 3px solid #dddddd;
}

.card-secondary > .right{
  color: #dddddd;
}

.card-teal{
  border-top: 3px solid #008080;
}

.card-teal > .right{
  color: #008080;
}

.card-magenta{
  border-top: 3px solid #FF00FF;
}

.card-magenta > .right{
  color: #FF00FF;
}

.card > .right, .card > .left{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card > .right{
  display: flex;
  justify-content: center;
  align-items: center;
}

.address-card{
  padding: 20px;
  margin: 10px 0px;
  border-radius: 10px;
  box-shadow: 5px 5px 10px #dddddd;
  text-align: center;
  overflow-wrap: break-word; 
  word-wrap: break-word; 
  hyphens: auto;
}