.welcome-page .logo {
  width: 64px;
}

.icon-banner {
  width: 32px;
}

.body-container {
  margin-top: 60px;
  padding-bottom: 40px;
}

.welcome-page li {
  list-style: none;
  padding: 4px;
}

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0;
}

.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray;
}
.grants-page .card .card-title {
  font-size: 120%;
  font-weight: bold;
}
.grants-page .card .card-title img {
  width: 100px;
  height: 100px;
}
.grants-page .card label {
  font-weight: bold;
}

#ContentPane    { margin-bottom:2rem; }
#ContentPane p { margin: 0.75rem 0rem; } 
#ContentPane h2 { margin-bottom: 0rem; margin-top: 1.5rem; } 
#ContentPane h3 { margin-top: 1.5rem; } 
#ContentPane ol { list-style-type: decimal; }
#ContentPane div + h2   { margin-top: 1.5rem;}
#ContentPane div > h2:first-child   { margin-top: 0;}

#ContentPane .bullet    {list-style-type:disc;}

#ContentPane input[type=submit] { background-color: #534741; border-color: #534741; color: #FFFFFF; 
                    line-height: 1.5; font-size: 1rem; font-weight: normal; padding: 0.5rem 1rem; margin: 1.0rem 0rem;
                    border: 1px solid rgba(83, 71, 65, 0); text-transform: uppercase; }
#ContentPane input[type=submit]:hover { color: #FFF; }
#ContentPane input[type=submit]:visited { color: #FFF; }

.updateButton  { background-color: #534741; border-color: #534741; color: #FFFFFF; 
                    line-height: 1.5; font-size: 1rem; padding: 0.5rem 1rem; margin: 1.0rem 0rem;
                    border: 1px solid rgba(83, 71, 65, 0); text-transform: uppercase;  }
.updateButton:hover    { color: #FFF; }
.updateButton:visited   { color: #FFF; }

div.ISATreeMenu > ul > li > ul  { display: none; }

.header { background-color: #998E70 !important; max-height: 72px; }
.header .navbar-brand, .header .navbar-brand svg  { max-height: 72px; }

.main {
    margin-top: 1rem;
}

.formFields .userName { border: 1px solid #CEBF98; background-color: #F2EBD2; }
.formFields .userName { border-radius: 10px; padding: 5px 10px 15px 15px; margin: 10px 0px 20px 0px; font-family: Helvetica, Arial, Sans-Serif; }
.formFields .userName div { text-align:center; font-style: italic; }
.formFields label { width: 40%; text-align: right; } 

.formLabelRequired { display: inline-block; font-weight: bold; }
.formTextAsp { display: inline-block; width: 50%; }

@media (min-width: 768px)
{
    .pane-aside {
        margin-top: 0rem;
        padding-left: 0rem;
    }
}

#AsidePane      { display: none; }
#ContentPane    { min-height: 0;  }
#ContentPane .loginForm input[type=text], #ContentPane input[type=password]   { line-height: 1.5rem; width: 100%; padding: 0.75rem 1.0rem; font-size: 1.25rem; border: 1px solid #CCC; margin-left: 0; }
#ContentPane .loginForm { width: 100%; padding: 2rem; color: #FFFFFF; } 
#ContentPane .loginForm ul      { margin-left: 0; padding-left: 0; }
#ContentPane .loginForm li      { margin-top: 1.5rem; margin-left: 0; padding-left: 0; }
#ContentPane .loginForm li > span:first-child    { display: block; text-align: left; margin-left: 0; margin-bottom: 0.5rem; font-size: 1.2rem;  }

#ContentPane .loginForm a {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #FFF;
  cursor: pointer;
  font-weight: bold;
  color: #FFF;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  font-weight: 700;
}

#ContentPane .loginForm input[type=submit]          { background-color: rgba(0,0,0,0); border: 1px solid #FFF; cursor: pointer; font-weight: bold;   }
#ContentPane .loginForm input[type=submit]:hover    { background-color: rgba(0,0,0,0.1); }
#ContentPane .loginForm li.loginButton    { margin-top: 0; }

#ContentPane .loginForm button          { display: inline-block; background-color: rgba(0,0,0,0); border: 1px solid #FFF; cursor: pointer; font-weight: bold; color: #FFF; padding: 0.5rem 1rem; text-transform: uppercase; font-weight: 700; }
#ContentPane .loginForm button:hover    { background-color: rgba(0,0,0,0.1); }

#ContentPane .notemessage   { display: block; background-color: #FFFFAA; color: #FF0000; border: 1px solid #CCC; border-radius: 5px; padding: 10px; font-weight: bold;  }
#ContentPane .notemessage a { color: #FF0000; border: none; padding: 0; text-transform: none; font-weight: bolder; text-decoration: underline; }

.ISATreeMenu    { display: none; }
#Body .header { background-color: rgba(255, 255, 255, 0.14); }

#Body           { 
    background: linear-gradient( rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20) ),  url(https://www.isa-arbor.com/Portals/0/Assets/IMG/sign-in-w2000.jpg); 
    background-position-x: 50%; 
    background-position-y: 0%;
    background-repeat: no-repeat;
    /*text-shadow: 0 0 15px rgba(0,0,0,0.65);*/
}
        
@media (min-width: 576px) {
    #ContentPane .loginForm { width: 100%; padding: 2rem; } 
    #ContentPane    { min-height: 300px;  }
    #Body           { 
        background-position-x: 50%; 
        background-position-y: -80%;
    }
}
@media (min-width: 768px) {
    #ContentPane .loginForm { width: 100%; padding: 2rem; }
    #ContentPane    { min-height: 500px;  }
}
@media (min-width: 992px) {
    #ContentPane .loginForm { width: 70%; padding: 2rem; }
    #ContentPane    { min-height: 825px;  }
    #Body           { 
        background-position-x: 50%; 
        background-position-y: -60%;
    }
}
@media (min-width: 1200px) {
    #ContentPane .loginForm { width: 60%; padding: 2rem; margin-top: 2rem; margin-left: 4rem; }
    #ContentPane    { min-height: 825px;  }
    #Body           { 
        background-position-x: 50%; 
        background-position-y: -70%;
    }
}
@media (min-width: 1600px) {
    #ContentPane .loginForm { width: 50%; padding: 2rem; }
    #ContentPane    { min-height: 825px;  }
    #Body           { 
        background-position-x: 50%; 
        background-position-y: -70%;
    }
}
@media (min-width: 2000px) {
    #Body           { 
        background-position-x: center; 
        background-position-y: center;
        background-size: cover;
    }
}