strong {
  font-weight: 700 !important;
}

.input-field > input {
  background-color: rgba(255, 255, 255, 0);
  padding: 10px;
  width: 100%;
  height: 50px;
  border: 1px solid #ccc;
  border-radius: 0.5em;
}

.input-field > input:focus :active {
  border: 1px solid blue;
  transition: all 250ms;
}

.input-field.chips {
  border: 0;
  box-shadow: none;
}

.input-field.chips:focus :active {
  border: 1px solid blue;
  border-radius: 0.5em;
  box-shadow: none;
}

.input-field.chips > input:focus :active {
  border: 0;
}

.input-field > input:focus :active {
  border: 1px solid blue;
  transition: all 250ms;
  background-color: #ccc;
}

.input-field > label {
  background-color: rgba(255, 255, 255, 0);
  margin: 0px 10px;
  padding: 0px 5px;
}

.input-field > label.active {
  color: blue;
  margin-top: 4px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.5em;
}

.input-field > textarea {
  height: 80px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0);
  padding: 10px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0.5em;
  height: 100px;
}

/* cards */
.card {
  background-color: rgb(255, 255, 255);
  border: 1px solid #ddd;
  -webkit-border-radius: 0.8rem;
  border-radius: 0.8rem;
  overflow: hidden;
  box-shadow: none;
  transition: all 100ms ease-in-out;
}

.card:hover {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  transition: all 100ms ease-in-out;
}

.card img:hover {
  cursor: pointer;
  transition: all 100ms ease-in-out;
}

.card
  .card
  .card-action
  a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  margin: 0px 5px 8px 0px;
  color: #999;
  font-size: 10pt;
}

.card .card-content {
  padding: 12px;
}

/* selectbox */

.selectbox {
  height: 45px;
  background-color: rgba(255, 255, 255, 0);
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 0.5em;
  margin: 0;
  z-index: 0;
  display: block;
  cursor: pointer;
  overflow: hidden;
}
.selectbox:before {
  font-size: 11px;
  content: "▼";
  float: right;
  z-index: 100;
  padding: 4px;
}
.selectbox:hover {
  height: 160px;
}

.selectbox-content {
  height: 100px;
  overflow-y: scroll;
  margin-bottom: 10px;
}
.selectbox-content > li {
  width: 100%;
  padding: 5px 0px;
  height: 35px;
  border-bottom: 1px solid #eee;
}

.selectbox-content > li:active {
  background-color: rgba(0, 05, 0, 0.1);
}

.btn-down {
  background-color: rgba(255, 255, 255, 0);
  padding: 10px;
  width: 100%;
  height: 50px;
  border: 1px solid #ccc;
  border-radius: 0.5em;
  width: 320px;
}

.btn-down:after {
  position: relative;
  font-size: 8pt;
  content: "▼";
  padding: 10px;
}

input.select-dropdown.dropdown-trigger {
  background-color: rgba(255, 255, 255, 0);
  padding: 0px 0px 0px 10px;
  height: 45px;
  border: 1px solid #ccc;
  border-radius: 0.5em;
  margin: 0;
  z-index: 0;
}
.select-wrapper input.select-dropdown:focus {
  border: 1px solid blue;
  color: blue;
}

ul.dropdown-content.select-dropdown {
  margin-top: 50px;
  border-radius: 0.5em;
}