html,
body,
#root {
  height: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
}

button:focus,
a:focus,
input:focus,
select:focus {
  outline: none !important;
  box-shadow: 0 0 0 0 transparent !important;
}

.noScroll-sidebar,
.noScroll-modal {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 991.98px) {
  .noScroll-sidebar.noScroll-lg,
  .noScroll-modal.noScroll-lg {
    overflow: auto !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .noScroll-sidebar.noScroll-md,
  .noScroll-modal.noScroll-md {
    overflow: auto !important;
  }
}

@media only screen and (max-width: 575.98px) {
  .noScroll-sidebar.noScroll-sm,
  .noScroll-modal.noScroll-sm {
    overflow: auto !important;
  }
}
