/* iosevka-latin-400-normal */
@font-face {
  font-family: 'Iosevka';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/iosevka@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/iosevka@latest/latin-400-normal.woff) format('woff');
}

/* roboto-latin-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-400-normal.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-400-normal.woff) format('woff');
}

/* roboto-latin-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-500-normal.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-500-normal.woff) format('woff');
}

/* roboto-latin-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-700-normal.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/fontsource/fonts/roboto@latest/latin-700-normal.woff) format('woff');
}


body {
  background-color: #1a1b1e;
  font-family: 'Roboto', sans-serif;
}


._dash-loading {
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  display: block;
  margin:15px auto;
  position: absolute;
  color: #FFF;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  color: transparent;
  user-select: none;
}
._dash-loading::after,
._dash-loading::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 24px;
  height: 24px;
    top: 50%;
  left: 50%;
  transform: scale(0.5) translate(0, 0);
  background-color: #FFF;
  border-radius: 50%;
  animation: animloader 1s infinite ease-in-out;
}
._dash-loading::before {
  background-color: #FF3D00;
  transform: scale(0.5) translate(-48px, -48px);
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animloader {
    50% {
      transform: scale(1) translate(-50%, -50%);
}
}




/* .dash-dropdown{
  margin-top: 20px;
} */
/* .dash-dropdown * {
  background-color: rgb(44 46 51) !important;
  color: rgb(193 194 197) !important;
  border-color: #23293d !important;
  border-radius: 0rem !important;
  border: 0px !important;

}

.dash-dropdown *:hover{
  color: rgb(240, 240, 240) !important;
}  */

/* .Select-control {
  background-color: rgb(44 46 51) !important;
  color: rgb(193 194 197) !important;
  border-color: #23293d !important;
  border-radius: 0.2rem !important;
  border: 0px !important;
}

.Select-input input{
  color: rgb(193 194 197) !important;
}

.Select-value {
  color: rgb(193 194 197) !important;
}

.Select-value-label{
  color: rgb(193 194 197) !important;
}

.Select-menu-outer {
  background-color: rgb(34, 35, 39) !important;
  color: rgb(193 194 197) !important;
  border-color: #23293d !important;
  border-radius: 0.2rem !important;
  border: 0px !important;
  margin-top: 5px;
}

.Select {
  color: rgb(193 194 197) !important;
} */