@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");
html {
  font-family: "Inter", sans-serif;
  font-size: 10px;
}

body {
  background-color: #000033;
  color: #CECED3;
  height: 100vh;
  width: 100vw;
  margin: 0;
}

th {
  background-color: #4A4F81;
}

.logo_back {
  position: absolute;
  left: 10px;
  top: 50px;
}

.fscreen {
  position: absolute;
  opacity: 50%;
  background-color: #161C4F;
  padding: 0px;
  border: none;
  margin: 5px;
}

.fscreen:hover {
  opacity: 90%;
}

.toggletypebtn {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 50%;
  background-color: rgba(222, 222, 222, 0);
  padding: 0px;
  border: none;
  margin: 5px;
}
.toggletypebtn img {
  max-width: 50px;
  height: auto;
}

.toggletypebtn:hover {
  opacity: 100%;
  background-color: rgba(222, 222, 222, 0);
}

.toggletypebtn:active {
  opacity: 50%;
  background-color: rgba(222, 222, 222, 0);
}

.close {
  position: absolute;
  opacity: 50%;
  background-color: #161C4F;
  padding: 0px;
  border: none;
  visibility: hidden;
  margin: 5px;
}

.close:hover {
  opacity: 90%;
}

.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: calc(100vh - 40px);
  width: 100vw;
}

.grid__item {
  position: relative;
  border-radius: 10px;
  width: 23%;
  height: 33%;
  background-color: #161C4F;
  margin: 0.4vw;
  min-width: 294px;
  min-height: 224px;
}

.grid__item:hover {
  background-color: #141946;
}
.grid__item:hover .dash_table__trbody__main {
  background-color: #161E66;
}

.grid__item.fullscreen {
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.grid__item.fullscreen .fullscreenbtn {
  opacity: 0%;
}
.grid__item.fullscreen .chart-container {
  width: 80%;
  height: 80%;
  margin: auto;
}
.grid__item.fullscreen .container_h1 {
  font-size: 2.5rem;
}
.grid__item.fullscreen .dash_table {
  font-size: 1.5vw;
}
.grid__item.fullscreen .close {
  visibility: visible;
}
.grid__item.fullscreen .fscreen {
  visibility: hidden;
}
.grid__item.fullscreen .toggletypebtn {
  visibility: hidden;
}

.grid__item.hidden {
  display: none;
}

.hidden {
  display: none;
}

.chart-container {
  width: 100%;
  height: 80%;
  position: relative;
}

.container_h1 {
  font-size: 1.6rem;
  text-align: center;
  height: 5%;
}

.dash_table {
  font-size: 0.625vw;
  text-align: center;
  margin: auto;
  border-collapse: collapse;
  width: 99%;
  height: 84%;
}

.restable {
  font-size: 0.625vw;
  text-align: center;
  margin: auto;
  border-collapse: collapse;
  width: 99%;
  height: 84%;
}

.dash_table__trbody__main {
  background-color: #161E66;
}

.second {
  width: 30%;
}

.reasonthtd {
  width: 70%;
}

.reasontable {
  text-align: left;
}

td, th {
  padding-left: 5px;
  padding-right: 5px;
}

.res-butt {
  border: none;
  background-color: transparent;
  color: #CECED3;
}

.res-butt:hover {
  opacity: 50%;
  background-color: rgba(222, 222, 222, 0);
}

.res-butt:active {
  opacity: 30%;
  background-color: rgba(222, 222, 222, 0);
}

@media (max-width: 799px) and (min-width: 300px) {
  .dash_table {
    font-size: 1rem;
  }
  .grid__item {
    width: 98%;
  }
  .close {
    visibility: hidden;
  }
  .fscreen {
    visibility: hidden;
  }
}/*# sourceMappingURL=dashboard.css.map */