html,body, .page-container { height: 100%; margin: 0px; padding: 0px; }

@media screen and (max-width: 580px) {
    .logout-mobile{
display: block;
    }
  }

  @media screen and (min-width: 581px) {
    .logout-mobile{
display: none;
    }
  }

.error{
background-color: brown;
color: #fff;
padding: 10px;
border: none;
border-radius: 4px;
margin: auto;
margin-top: 10px;
margin-bottom: 20px;
max-width: 480px;
}

.success{
background-color: rgb(134, 214, 134);
color: #000;
padding: 10px;
border: none;
border-radius: 4px;
margin: auto;
margin-top: 10px;
margin-bottom: 20px;
max-width: 480px;
max-width: 480px;
}

.thead{
background-color: dimgray;
}

.logo-text{
font-size: 24px;
padding: 6px;
}

.menu-logo{
padding: 15px 0px 15px 0px;
background-color: rgb(65, 170, 24);
}

.menu-logo a{
color: #fff;
font-size: 24px;
}

.full-height{
height: 100%;
}

.align-middle{
margin: auto 45%;
}

.half-width{
width: 50%;
}

.spacer{
margin: 20px 0px 20px 0px;
}

.form-btn{
background-color: #33414e;
padding: 10px;
color: #fff;
}

.form-btn:hover{
color: #fff;
}

.search-btn{
position: absolute;
right: -10px;
top: 70px;
padding: 20px;
background-color: #33414e;
border: none;
border-radius: 10px;
color: #fff;
cursor: pointer;
}

.search-form{
position: absolute;
right: 0px;
top: 140px;
padding: 20px;
background-color: #33414e;
border: none;
color: #fff;
display: none;
}

.nav-btn{
display: none;
}

@media only screen and (max-width: 1024px) {
.nav-btn{
display: block;
position: absolute;
top: 10px;
right: 10px;
padding: 10px;
z-index: 999;
font-size: 20px;
}
}