@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');

html,
body,
#root,
.app,
.content {
  min-height: 100%;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
}

.app {
  display: flex;
  position: relative;
  min-height: 100%;
}

.app-input-tab {
  display: flex;
  justify-content: space-between;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e0e0e0;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on Hover */
::-webkit-scrollbar-track:hover {
  background: #555;
}

/* Table Animation */
.fade-enter {
  opacity: 0;
  height: 0;
}
.fade-enter-active {
  opacity: 1;
  height: auto;
  transition: opacity 300ms ease-in, height 300ms ease-in;
}
.fade-exit {
  opacity: 1;
  height: auto;
}
.fade-exit-active {
  opacity: 0;
  height: 0;
  transition: opacity 300ms ease-out, height 300ms ease-out;
}

.my-sweetalert-container {
  z-index: 1500 !important;
}