html,
body {
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

#logOut{position: fixed; top: 10px; right: 10px;}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}


.form-showContent {
  width: 100%;
  padding: 15px;
  margin: auto;
}


.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      
      .alertPass {padding: 0.3rem; margin-bottom: 0;}
      a.expandIcon{background: transparent; display: inline-block; width: 30px;  text-align: center;  position: relative; top: -2px; border-radius: 5px;}
      a.expandIcon:hover{background: #ddd;}
      .chViews{font-size: 10pt; display: block; width: 100%; text-align: right; color: #999}
      .showChanList a{position: relative; top: -20px;}