input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.fa {
  font-family: FontAwesome !important;
}

.style-elements button.button-focus:focus {
  box-shadow: none !important;
}
button {
  cursor: default !important;
}

html,
body {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  cursor: default;
}
#add-mobster-container {
  width: 100% !important;
}

/* Temporary hack for elm-style-elements issue with width attribute for Input.text,
and disabling outlines in Input.text. */
#add-mobster-container input {
  width: 100% !important;
  outline: none;
  box-shadow: none;
  border-color: transparent;
}

input {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent;
}

.styleElementsTooltipContainer {
  transform: translateZ(0);
}

.styleElementsTooltipContainer:hover .styleElementsTooltip {
  opacity: 1;
  transition-delay: 0.5s;
  transform: translateY(0);
  pointer-events: auto;
}

.styleElementsTooltipContainer .styleElementsTooltip {
  left: 50% !important;
  right: auto !important;
  text-align: center !important;
  transform: translate(-50%, 0) !important;
  left: 0;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  transform: translateY(10px);
  transition: all 0.15s ease-out;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  pointer-events: none !important;
}

button {
  outline: none;
}

.styleElementsTooltipContainer .styleElementsTooltip::after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid rgb(14, 255, 125) 10px;
  bottom: -10px;
  content: ' ';
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

svg {
  width: 60px;
  height: 60px;
  background-color: white;
}

ul {
  list-style: none;
}

.tip {
  -webkit-user-select: text;
  user-select: text;
}

.btn:focus {
  outline: none;
}

.btn:active {
  outline: none;
}

.btn:active:focus {
  outline: none;
}

.transparent {
  opacity: 0.08 !important;
  background-color: rgba(150, 150, 150, 0.08);
}
img {
  -webkit-user-select: none;
  user-select: none;
}
