button, floating, select {
  font-size: 9pt !important;
  font-weight: bold;
  text-transform: capitalize;
  margin-right: 7px !important;;
  margin-left: 7px !important;;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  padding: 0px 15px !important;
  min-width: 60px !important;
	width: auto;
  height: 32.4px !important;
	color: var(--gray-dd);
  border-color: var(--gray-dd);
  border: 1px solid;
  border-radius: 20px;
	cursor: pointer;
	outline: none !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

select {
  text-overflow: ellipsis;
  padding-right: 30px !important;
  background: url("../resources/icons/arrow_down.png") !important;
  background-position: calc(100% - 10px) !important;
  background-repeat: no-repeat !important;
  background-size: 9pt !important;
}

button::-moz-focus-inner {
  border: 0;
}

button, floating, select {
	background: var(--light);
}

button:hover, floating:hover, select:hover {
	cursor: pointer;
  filter: brightness(85%);
  outline: none !important;
}

button:active, floating:active, select:active {
	cursor: pointer;
  filter: brightness(70%);
  outline: none !important;
}

button.hidden {
  display: none;
}