@font-face {
  font-family: dana;
  src: url("./../media/fonts/dana-demibold.eot") format("eot"),
    url("./../media//fonts/dana-demibold.woff") format("woff"),
    url("./../media//fonts/dana-demibold.woff2") format("woff2");
}
body,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: dana !important;
}
body {
  background: -webkit-gradient(
    linear,
    90deg,
    from(#216e93),
    color-stop(#21648a),
    color-stop(#1f5881),
    color-stop(#172d5b),
    to(#191c51)
  ) !important;
  background: -webkit-linear-gradient(
    90deg,
    #216e93,
    #21648a,
    #1f5881,
    #172d5b,
    #191c51
  ) !important;
  background: -o-linear-gradient(
    90deg,
    #216e93,
    #21648a,
    #1f5881,
    #172d5b,
    #191c51
  ) !important;
  background: linear-gradient(
    90deg,
    #216e93,
    #21648a,
    #1f5881,
    #172d5b,
    #191c51
  ) !important;
}

#splash-screen {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f2f3f8;
}

#splash-screen img {
  margin-left: calc(100vw - 100%);
  margin-bottom: 30px;
}

#splash-screen.hidden {
  opacity: 0;
  visibility: hidden;
}

.splash-spinner {
  animation: rotate 2s linear infinite;
  margin-left: calc(100vw - 100%);
  width: 50px;
  height: 50px;
}

.splash-spinner .path {
  stroke: #5d78ff;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.modal-popup img {
  width: 100%;
}
span.MuiTypography-root {
  font-family: Dana !important;
  font-size: 12pt;
}
legend.MuiFormLabel-root {
  font-family: Dana !important;
  font-size: 14pt;
}
button.btn:disabled {
  cursor: default !important;
}
.table.table-foot-custom tfoot td,
.table.table-foot-custom tfoot th,
.table.table-head-custom thead th,
.table.table-head-custom thead tr {
  font-weight: 600;
  color: #a2a2a2 !important;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0px !important;
}
.header-fixed.subheader-fixed .subheader {
  position: fixed;
  top: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  border: none !important;
  background-color: transparent !important;
}
.header {
  background-color: #000 !important;
  opacity: 0.3;
}
.footer {
  background-color: transparent !important;
}
rect {
  fill: transparent !important;
}
.topbar-item {
  z-index: 9999 !important;
}
.card {
  background-color: transparent !important;
}
#kt_scrolltop {
  display: none;
}
.modal-content {
  background-color: #1e1e2d !important;
}
.card-black {
  background-color: rgba(29, 27, 65, 0.6);
  border-radius: 10px;
  height: 100%;
  padding: 10px;
  width: 100%;
}
.react-bootstrap-table-pagination-total {
  margin-left: 1rem;
}