.card {
  border-radius: 5px;
  border: none;
  color: #fff;
}

.card_top {
  border-radius: 5px 5px 0px 0px;
  padding: 20px;
}

.card .bg_blue {
  background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.card .bg_green {
  background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.card .bg_yellow {
  background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.card .bg_pink {
  background: linear-gradient(45deg,#FF5370,#ff869a);
}

.card .card_top h6 {
  font-weight:normal;
}

.card .card_top .main_qty {
  font-size: 2.5rem;
  line-height: 2rem;
}

.card .btn {
  border-radius: 0px 0px 5px 5px;
}

.card .btn:focus, .card .btn:active:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.card .btn-outline-primary {
  color: #4099ff;
  border-color: #4099ff;
}

.card .btn-outline-primary:hover {
  color: #fff;
  border-color: #0d6efd;
}

.card .btn-outline-success {
  color: #2ed8b6;
  border-color: #2ed8b6;
}

.card .btn-outline-success:hover {
  color: #fff;
  border-color: #198754;
}

.card .btn-outline-warning {
  color: #FFB64D;
  border-color: #FFB64D;
}

.card .btn-outline-warning:hover {
  color: #fff;
  border-color: #ffc107;
}

.card .btn-outline-danger {
  color: #FF5370;
  border-color: #FF5370;
}

.card .btn-outline-danger:hover {
  color: #fff;
  border-color: #dc3545;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}