/* Bootstrap 4 Buttons */

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover, .btn:focus {
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}


.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}

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

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

/* END Bootstrap 4 Buttons */


/* Custom Buttons */

.btn-wrong {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important;
}

.btn-success {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: #fff !important;
}

.btn-hint {
  background-color: #9E9E9E !important;
  border-color: #9E9E9E !important;
  color: #fff !important;
}

.btn-red {
	color: #fff;
	background-color: #FF0000;
	border-color: #FF0000;
}

.btn-red:hover {
	background-color: #CC0000;
	border-color: #c81515;
}

.btn-orange {
	color: #fff;
	background-color: #FFA500;
	border-width: thick;
	border-color: #FFA500;
}

.btn-orange:hover {
	background-color: #FF8C00;
	border-width: thick;
	border-color: #FF8C00;
}

.btn-pink {
	color: #fff;
	background-color: #FF00FF;
	border-color: #FF00FF;
}

.btn-pink:hover {
	background-color: #FF00CC;
	border-color: #FF00CC;
}

.btn-brown {
	color: #fff;
	background-color: #8B4726;
	border-color: #8B4726;
}

.btn-brown:hover {
	background-color: #8B3A3A;
	border-color: #8B3A3A;
}

.btn-green {
	color: #fff;
	background-color: #00CD22;
	border-color: #00CD22;
}

.btn-green:hover {
	background-color: #00CD44;
	border-color: #00CD44;
}


.btn-blue {
	color: #fff;
	background-color: #1C86EE;
	border-color: #1C86EE;
}

.btn-blue:hover {
	background-color: 24 116 205;
	border-color: #1C86EE;
}

.btn-orange-red {
	color: #fff;
	background-color: #FFA500;
	border-width: thick;
	border-color: #FE0B0B;

}

.btn-orange-red:hover {
	background-color: #FF8C00;
	border-color: #c81515;
}

.btn-orange-pink {
	color: #fff;
	background-color: #FF5000;
	border-width: thick;
	border-color: #FF00FF;

}

.btn-orange-pink:hover {
	background-color: #FF8C00;
	border-color: #FF00FF;
}

.btn-brown-red {
	color: #fff;
	background-color: #8B4726;
	border-width: thick;
	border-color: #FE0B0B;

}

.btn-brown-red:hover {
	background-color: #8B3A3A;
	border-color: #c81515;
}

.btn-brown-pink {
	color: #fff;
	background-color: #8B4726;
	border-width: thick;
	border-color: #FF00FF;

}

.btn-brown-pink:hover {
	background-color: #8B3A3A;
	border-color: #FF00CC;
}

.btn-green-red {
	color: #fff;
	background-color: #00CD22;
	border-width: thick;
	border-color: #FE0B0B;

}

.btn-green-red:hover {
	background-color: #00CD44;
	border-color: #c81515;
}

.btn-green-pink {
	color: #fff;
	background-color: #00CD22;
	border-width: thick;
	border-color: #FF00FF;

}

.btn-green-pink:hover {
	background-color: #00CD44;
	border-color: #FF00CC;
}

.btn-violet {
	color: #fff;
	background-color: #A020F0;
	border-color: #A020F0;

}

.btn-violet:hover {
	background-color: #9400D3;
	border-color: #9400D3;
}

.btn-blue-pink {
	color: #fff;
	background-color: #1C86EE;
	border-width: thick;
	border-color: #FF00FF;
}

.btn-blue-pink:hover {
	background-color: 24 116 205;
	border-color: #FF00FF;
}

/* END Custom Buttons */