html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

footer {
  background-color: #f8f9fa; /* sets the background color to a light gray */
  opacity: 1; /* sets the opacity to 1, making the footer non-transparent */
}

/* <> ReportViewer */
.trv-report-viewer {
  height: calc(100vh - 160px) !important;
  min-height: 800px !important;
  font-family: Verdana, Arial !important;
}

.trv-parameters-area.preview {
  display: flex;
  flex-direction: column;
}

.trv-parameters-area.preview .trv-parameters-area-content {
  position: static !important;
}

.trv-parameters-area .trv-parameters-area-footer {
  position: static !important;
}

.trv-parameters-area .trv-parameters-area-preview-button {
  position: static !important;
  margin: 0.5em 0em 0.3em 0.4em;
}

.trv-parameter-container .trv-parameter-title {
  white-space: initial !important;
}

.center {
  z-index: 1000;
  margin: 50px auto;
  padding: 10px;
  width: 130px;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  height: 60px;
  width: 60px;
  align-content: center;
}

.connectbutton {
  position: relative;
  display: inline-block;
  margin: 50px;
}
.connectbutton .img-top {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.connectbutton:hover .img-top {
  display: inline;
}

.jumbotron {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-bottom:1px !important;
}
.centered-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-bg-color {
  background-color: #4CAAB3;
}