.bub-checkbox-group {
  display: flex;
  align-items: center; }
  .bub-checkbox-group:after {
    clear: both;
    display: block;
    content: ''; }

.bub-checkbox {
  float: left;
  height: 25px;
  width: 25px;
  border-radius: 2px;
  background-color: #fff;
  border: 2px solid #b9bcbe;
  margin-right: 7px;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  overflow: hidden;
  outline: none; }
  .bub-checkbox.sea.active {
    border: 2px solid #06a589;
    background-color: #06a589; }
  .bub-checkbox.sea:focus, .hover-enabled .bub-checkbox.sea:hover, .hover-enabled .bub-checkbox.sea.hovered {
    border: 2px solid #06a589; }
  .bub-checkbox.sea.disabled.active {
    background-color: #06a589; }
    .hover-enabled .bub-checkbox.sea.disabled.active:hover, .hover-enabled .bub-checkbox.sea.disabled.active.hovered {
      border: 2px solid #06a589; }
  .bub-checkbox.lava.active {
    border: 2px solid #dc3c31;
    background-color: #dc3c31; }
  .bub-checkbox.lava:focus, .hover-enabled .bub-checkbox.lava:hover, .hover-enabled .bub-checkbox.lava.hovered {
    border: 2px solid #dc3c31; }
  .bub-checkbox.lava.disabled.active {
    background-color: #dc3c31; }
    .hover-enabled .bub-checkbox.lava.disabled.active:hover, .hover-enabled .bub-checkbox.lava.disabled.active.hovered {
      border: 2px solid #dc3c31; }
  .bub-checkbox .bub-checkbox-icon {
    transition: all 0.2s ease-out;
    margin-top: 200%; }
  .bub-checkbox.active .bub-checkbox-icon {
    margin-top: 0; }
  .bub-checkbox.disabled {
    cursor: not-allowed;
    background-color: #b9bcbe; }
    .hover-enabled .bub-checkbox.disabled:hover, .hover-enabled .bub-checkbox.disabled.hovered {
      border: 2px solid #b9bcbe; }
    .bub-checkbox.disabled.active {
      opacity: 0.5; }
      .hover-enabled .bub-checkbox.disabled.active:hover, .hover-enabled .bub-checkbox.disabled.active.hovered {
        outline: none; }
  .bub-checkbox.small {
    height: 16.66667px;
    width: 16.66667px;
    border-width: 1px; }
    .bub-checkbox.small .bub-checkbox-icon {
      width: 90%; }

.bub-checkbox-label {
  line-height: 1.5;
  display: inline-block; }
  .bub-checkbox-label:hover {
    cursor: pointer; }
  .bub-checkbox-label label {
    cursor: default; }
  .bub-checkbox-label a:hover {
    text-decoration: none; }