@font-face{
  font-family:'Font Awesome 5 Pro';
  font-style:normal;
  font-display:swap;
  font-weight:300;
  src:url("browsers/fa-solid-900.ttf")	format("truetype");
}

@font-face{
  font-family:'Font Awesome 5 Pro';
  font-style:normal;
  font-display:swap;
  font-weight:900;
  src:url("browsers/fa-solid-900.ttf")	format("truetype");
}

@font-face {
 font-family:'Font Awesome 5 Brands';
 font-style:normal;
 font-display:swap;
 font-weight:400;
 src:url("browsers/fa-brands-400.ttf") format("truetype");
}

.ui-bar-a h3, h3.ui-bar-a {
    font-family: roboto !important;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 0;
    padding-top: 25px;
}

.ui-btn::before {
  display: none !important;
}

.ui-btn {
  margin-bottom: 20px !important;
}

label, select {
  font-size: 14px;
}

p {
  font-size: 14px;
  color: #999;
}

input[type=text], input[type=tel], input[type=email], select, textarea {
  display: block;
}

input[type=radio] {
  margin-left: 12px;
}

input[type=text], input[type=tel], input[type=email], textarea {
  background-color: #f2f2f2;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.125);
  border: 0;
}

input[type=range] {
  max-width: 300px;
}

#somecomponent, #somecomponent2 {
    width: 100%;
    height: 500px;
}

select {
  width: 300px;
  margin-bottom: 10px;
}

abbr {
  color: red;
  font-weight: 700;
}

label.error {
  color: red;
  display: block;
}

.fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}

.fa, .fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}