@import "../src/Popup";

#main {
  margin: 1em;

  p {
    input[type="checkbox"] {
      margin-right: 0.5em;
    }

    label {
      line-height: 1;
    }
  }
}

#popup {
  background: white;
  box-shadow: 0px 0px 2px #ebebeb;
  border: 1px solid #ebebeb;
  border-radius: 2px;
  padding: 16px;

  &.custom-layout {
    height: 500px;
    width: 500px;
  }

  h2 {
    margin-top: 0px;
  }

  p {
    margin-bottom: 0px;
    text-align: right;
  }
}

.bthlabs-react-custom-popup {
  .bthlabs-rcp-overlay {
    background: rgba(0, 0, 0, 0.2);
  }
}