body {
  padding: 10px;
}
.radio-primary[type="radio"]:checked::before {
  background-color: #333333 !important;
}

.radio-primary[type="radio"]::before {
  border: 2px solid #333333;
}

.radio-secondary[type="radio"]:checked::before {
  background-color: #555555 !important;
}

.radio-secondary[type="radio"]::before {
  border: 2px solid #555555 !important;
}

.radio-success[type="radio"]:checked::before {
  background-color: #28a745 !important;
}

.radio-success[type="radio"]::before {
  border: 2px solid #28a745;
}

.radio-danger[type="radio"]:checked::before {
  background-color: #dc3545 !important;
}

.radio-danger[type="radio"]::before {
  border: 2px solid #dc3545;
}

.radio-warning[type="radio"]:checked::before {
  background-color: #ffc107 !important;
}

.radio-warning[type="radio"]::before {
  border: 2px solid #ffc107;
}

.radio-info[type="radio"]:checked::before {
  background-color: #17a2b8 !important;
}

.radio-info[type="radio"]::before {
  border: 2px solid #17a2b8;
}

.radio-white[type="radio"]:checked::before {
  background-color: #f0f0f0 !important;
}

.radio-white[type="radio"]::before {
  border: 2px solid #bababa;
}
.card-body,
#exampleModalBody {
  word-break: break-word;
  hyphens: auto;
}
.btn-copy {
  background-color: #ffe54c;
}
@media (min-width: 34em) {
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 48em) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

@media (min-width: 62em) {
  .card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

@media (min-width: 75em) {
  .card-columns {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
}

.card:hover {
  box-shadow: 8px 8px 8px #bababa;
  cursor: pointer;
}

.card {
  transition: 0.3s;
}

.modal {
  top: 10%;
}

.container-fluid {
  padding-top: 60px;
}

.radio-all[type="radio"]:checked::before {
  background: #e1451d;
  background: -moz-linear-gradient(
    left,
    #e1451d 0,
    #fdff47 17%,
    #86f9fe 50%,
    #2900f8 65%,
    #6e00f8 74%,
    #e33df9 83%,
    #e14423 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #e1451d),
    color-stop(17%, #fdff47),
    color-stop(50%, #86f9fe),
    color-stop(65%, #2900f8),
    color-stop(74%, #6e00f8),
    color-stop(83%, #e33df9),
    color-stop(100%, #e14423)
  );
  background: -webkit-linear-gradient(
    left,
    #e1451d 0,
    #fdff47 17%,
    #86f9fe 50%,
    #2900f8 65%,
    #6e00f8 74%,
    #e33df9 83%,
    #e14423 100%
  );
  background: -o-linear-gradient(
    left,
    #e1451d 0,
    #fdff47 17%,
    #86f9fe 50%,
    #2900f8 65%,
    #6e00f8 74%,
    #e33df9 83%,
    #e14423 100%
  );
  background: -ms-linear-gradient(
    left,
    #e1451d 0,
    #fdff47 17%,
    #86f9fe 50%,
    #2900f8 65%,
    #6e00f8 74%,
    #e33df9 83%,
    #e14423 100%
  );
  background: linear-gradient(
    left,
    #e1451d 0,
    #fdff47 17%,
    #86f9fe 50%,
    #2900f8 65%,
    #6e00f8 74%,
    #e33df9 83%,
    #e14423 100%
  );
}

.radio-all[type="radio"]::before {
  border: 2px solid #585858;
}