.App {
  text-align: center;
  margin: 1rem; }

.container {
  display: flex;
  flex-direction: column;
  font-family: sans-serif; }

.container > p {
  font-size: 1rem; }

.container > em {
  font-size: .8rem; }

.dropzone {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-width: 2px;
  border-radius: 2px;
  border-color: #eeeeee;
  border-style: dashed;
  background-color: #fafafa;
  color: #bdbdbd;
  outline: none;
  transition: border .24s ease-in-out; }

.dropzone:focus {
  border-color: #2196f3; }

.dropzone.disabled {
  opacity: 0.6; }

.thumbs_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 16px; }

.thumb {
  display: inline-flex;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  margin-bottom: 4px;
  margin-right: 8px;
  width: 100px;
  height: 100px;
  padding: 4px;
  box-sizing: border-box;
  position: relative; }
  .thumb > .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .thumb > .loader .MuiCircularProgress-svg {
      background-color: white;
      border-radius: 50%;
      padding: 4px; }
  .thumb > div {
    display: flex;
    minWidth: 0;
    overflow: hidden; }
    .thumb > div > img {
      display: block;
      width: auto;
      height: 100%; }

.success_check.success_check {
  background-color: #4caf50;
  border: 2px solid white; }
  .success_check.success_check svg {
    color: white; }

.wpctu_settings_form input[type=text],
.wpctu_settings_form input[type=number] {
  color: currentColor;
  border: 0;
  padding: 6px 0 7px;
  min-height: auto;
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: inherit; }
  .wpctu_settings_form input[type=text].MuiFilledInput-input,
  .wpctu_settings_form input[type=number].MuiFilledInput-input {
    padding: 27px 12px 10px; }

/*# sourceMappingURL=App.css.map */