@charset "UTF-8";
.better-select div {
  clear: both;
  overflow: hidden; }

.better-select label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-size: 1.0rem;
  font-weight: 300; }

.better-select input[type="radio"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.better-select input[type="radio"]:empty,
.better-select input[type="checkbox"]:empty {
  display: none; }

.better-select input[type="radio"]:empty ~ label,
.better-select input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5rem;
  text-indent: 3.25rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.better-select input[type="radio"]:empty ~ label:before,
.better-select input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5rem;
  background: #6c757d;
  border-radius: 3px 0px 0px 3px; }

.better-select input[type="radio"]:hover:not(:checked) ~ label,
.better-select input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #343a40; }

.better-select input[type="radio"]:not(:hover):not(:checked) ~ label:before {
  content: "⃝";
  text-indent: .9rem;
  color: #fff; }

.better-select input[type="checkbox"]:not(:hover):not(:checked) ~ label:before {
  content: "☐";
  text-indent: .9rem;
  color: #fff; }

.better-select input[type="radio"]:hover:not(:checked) ~ label:before {
  content: "⬤";
  text-indent: .9rem;
  color: #fff; }

.better-select input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: "🗹";
  text-indent: .9rem;
  color: #fff; }

.better-select input[type="radio"]:checked ~ label,
.better-select input[type="checkbox"]:checked ~ label {
  color: #343a40; }

.better-select input[type="radio"]:checked ~ label:before {
  content: "⬤";
  text-indent: .9rem;
  color: #007bff;
  background-color: #ccc; }

.better-select input[type="checkbox"]:checked ~ label:before {
  content: "🗹";
  text-indent: .9rem;
  color: #007bff;
  background-color: #ccc; }

.better-select input[type="radio"]:focus ~ label:before,
.better-select input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #333 !important; }

.better-select-default input[type="radio"]:checked ~ label:before,
.better-select-default input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #343a40; }

.better-select-primary input[type="radio"]:checked ~ label:before,
.better-select-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #007bff; }

.better-select-success input[type="radio"]:checked ~ label:before,
.better-select-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #28a745; }

.better-select-danger input[type="radio"]:checked ~ label:before,
.better-select-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #dc3545; }

.better-select-warning input[type="radio"]:checked ~ label:before,
.better-select-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #ffc107; }

.better-select-info input[type="radio"]:checked ~ label:before,
.better-select-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #17a2b8; }