/* Standard Elements */

hr {
  border-top: none;
  border-bottom: 2px rgb(230,230,230) solid;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

/* Buttons */

.btn {
  border-radius: 2px;
  border: 0px rgb(0,0,0) solid;
}

.btn.btn-success {
  background-color: rgb(53,206,141);
  color: rgb(255,255,255);
}

.btn.btn-warning {
  background-color: rgb(206,153,53);
  color: rgb(255,255,255);
}

.btn.btn-danger {
  background-color: rgb(206,76,53);
  color: rgb(255,255,255);
}

.btn.btn-light {
  background-color: rgb(210,210,210);
  color: rgb(75,75,75);
}

.btn.btn-light .badge {
  color: rgb(255,255,255);
}

a.btn:not([href]):not([tabindex]) {
  color: rgb(255,255,255);
}

/* Cards */

.card.card-dark {
  background-color: rgba(30,30,30,0.85);
  color: white;
  border: 1px rgb(230,230,230) solid;
  border-radius: 3px;

  margin-bottom: 10px;
}

.card.card-dark .card-header {
  font-size: 1rem;
  border-bottom: 1px rgb(230,230,230) solid;
  text-transform: uppercase;
  color: rgb(230,230,230);
  text-align: center;
  padding: 3px;
}

.card.card-dark .card-body {
  padding: 0.6rem;
  padding-bottom: 10px;
}

.card.card-admin {
  border-radius: 3px;
  border: 1px rgb(170,170,170) solid;
  margin-bottom: 20px;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 20px 0px;
  -moz-box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 20px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 20px 0px;
}

.card.card-admin .card-header {
  border-bottom: 1px rgb(170,170,170) solid;
  background-color: rgb(255,255,255);
  color: rgb(120,120,120);
  font-size: 1.4rem;
  padding: 7px 7px 7px 14px;
}

/* Forms */

.card.card-dark select.form-control {
  border: 1px rgb(230,230,230) solid;
  background-color: rgb(230,230,230,0.2);
  color: rgb(230,230,230);
}

.form-control-xsm {
  font-size: 0.6rem;
}
