.panel-form {
  width: 25em;
  border-right: 2px solid #eee;
  padding: 2em 1.5em;

  .form {
    .form-group {
      label {
        font-size: 14px;
      }

      .form-control {
        font-size: 14px;
      }

      .form-check {
        padding-right: 1.25rem;
        padding-left: 0;
      }

      .form-check-input {
        margin-right: -1.25rem;
        margin-left: 0;
        visibility: hidden;

        &::before {
          content: '';

          background: url("../../common/img/unchecked.svg");
          background-position: center center;
          background-size: contain;

          position: absolute;
          right: -5px;
          top: -5px;

          width: 1.5em;
          height: 1.5em;

          visibility: visible;
        }

        &:checked::before {
          background: url("../../common/img/checked.svg");
        }
      }

      .checked {
        visibility: hidden;
        z-index: 1;
      }
    }
  }
}