html {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  position: relative;
  min-height: 100%;
}

body {
  background-color: rgb(241, 241, 241);
  color:#696969
}

.row-hover:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.separator:not(:last-child) {
  border-bottom: 1px solid #dee2e6 !important;
}

.header{
  position:fixed;
  top:0;
  right:0;
  left:0;
}

.header-content {
  min-height: 3.0rem;
  background-color: white;
  border-bottom: 1px solid darkgrey;
}

.header-logo{
  height: 1.0rem;
}

.header-usericon{
  font-size: 1.75rem;
  color:currentColor;
}

.content {
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin-top: 3.0rem;
  overflow:auto;
}

@media (min-width: 992px) {
  .header-logo{
    height: 1.75rem;
  }

  .header-content{
    min-height:4.75rem;
  }

  .content {
    margin-bottom: 3rem;
    margin-top: 4.75rem;
  }
}

.footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

.footer-content {
  background-color: lightgray;
  height: 3.0rem;
}

.footer-logo {
  height: 1.75rem;
}

.img-button {
  display: flex;
  align-content: center;
  color:currentColor;
  min-width:5.5rem;
  display:block;
}

.external-provider {
  color:currentColor;
  color:red;
}

.img-button .bi-box-arrow-in-right{
  font-size:1.5rem;
}