/* ATOMS (BUTTONS, ETC) */

.yht-btn { font-family:Roboto,sans-serif; font-weight:500; display:inline-block; padding:0.75rem; text-transform:uppercase; text-decoration:none; }
.report-bullying { background-color:#d72b31; color:#fff; }
.report-bullying:link { color:#fff; }
.report-bullying:link { color:#fff; }
.report-bullying:hover { color:#fff; background-color:#f01121; }

.btn-square { border-radius: 0px; }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-info {
  color: #000;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-ed {
  color: #fff !important;
  background-color: #ff6014;
  border-color: #ff6014;
}

.btn-ed:hover {
  color: #fff;
  background-color: #FF4500;
  border-color: #FF4500;
}

.btn-ed:focus, .btn-ed.focus {
  color: #fff;
  background-color: #FF4500;
  border-color: #FF4500;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-ed.disabled, .btn-ed:disabled {
  color: #fff;
  background-color: #ff601470;
  border-color: #ff601470;
}

.btn-ed:not(:disabled):not(.disabled):active, .btn-ed:not(:disabled):not(.disabled).active,
.show > .btn-ed.dropdown-toggle {
  color: #fff;
  background-color: #FF4500;
  border-color: #FF4500;
}

.btn-ed:not(:disabled):not(.disabled):active:focus, .btn-ed:not(:disabled):not(.disabled).active:focus,
.show > .btn-ed.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}


.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}


.btn-wide { min-width:3.6rem; }