@import url("light/all.min.css");
@import url("light/custom.css");
@import url("light/prism.css");
@import url("dark/all.min.css") (prefers-color-scheme: dark);
@import url("dark/custom.css") (prefers-color-scheme: dark);
@import url("dark/prism.css") (prefers-color-scheme: dark);
.card,
.card-body {
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-bottom: 2px !important;
  padding-top: 2px !important;
}
body,
.form-control,
.btn {
  font-size: 0.675rem;
}
.container-xl {
  padding-right: 0.425rem;
  padding-left: 0.425rem;
}
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
  body,
  .form-control,
  .btn {
    font-size: 0.7rem;
  }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  body,
  .form-control,
  .btn {
    font-size: 0.725rem;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body,
  .form-control,
  .btn {
    font-size: 0.75rem;
  }
  .card,
  .card-body {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body,
  .form-control,
  .btn {
    font-size: 0.875rem;
  }
  .card,
  .card-body {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .container-xl {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 1140px;
  }
}
@media (min-width: 1920px) {
  .container-xl {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 1600px;
  }
}
.validation-invalid-label:before {
  pointer-events: auto;
}
.validation-invalid-label {
  pointer-events: none;
}
.dropzone .dz-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview {
  margin-right: auto;
  margin-left: auto;
}
/*
pre

*/