.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;
}



.bg-body{
  background-size: cover;
  background: url(../backgrounds/kinetic-bg-2.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.divider:after,
.divider:before {
  content: "";
  flex: 1;
  height: 1px;
  background: #eee;
}

.validation-summary-errors ul {
  list-style: none;
  padding-left: 0
}


.cb-height{
height: calc(60vh - 1rem - 0.5rem) !important;
}

/* login slide bg */
.login-slide-bg,
.login-slide-bg:after {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:0;
  list-style:none;
  
}
.login-slide-bg:after {
  content: '';
}
.login-slide-bg li span {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  color:transparent;
  background-size:cover;
  background-position: 50% 50%;
  background-repeat:no-repeat;
  opacity:0;
  z-index:0;
  -webkit-animation: imageFade 73s linear infinite 0s;
  -moz-animation: imageFade 73s linear infinite 0s;
  -o-animation: imageFade 73s linear infinite 0s;
  -ms-animation: imageFade 73s linear infinite 0s;
  animation: imageFade 73s linear infinite 0s;
}

.login-slide-bg li:nth-child(1) span { 
  background-image: url(../backgrounds/kinetic-bg-1.png);
  -webkit-animation-delay: -3s;
  -moz-animation-delay: -3s;
  -o-animation-delay: -3s;
  -ms-animation-delay: -3s;
  animation-delay: -2s;
}

.login-slide-bg li:nth-child(2) span {
  background-image: url(../backgrounds/kinetic-bg-2.png);
  -webkit-animation-delay: 14s;
  -moz-animation-delay: 14s;
  -o-animation-delay: 14s;
  -ms-animation-delay: 14s;
  animation-delay: 14s;
}
.login-slide-bg li:nth-child(3) span {
  background-image: url(../backgrounds/kinetic-bg-3.png);
  -webkit-animation-delay: 28s;
  -moz-animation-delay: 28s;
  -o-animation-delay: 28s;
  -ms-animation-delay: 28s;
  animation-delay: 28s;
}
.login-slide-bg li:nth-child(4) span {
  background-image: url(../backgrounds/kinetic-bg-4.png);
  -webkit-animation-delay: 42s;
  -moz-animation-delay: 42s;
  -o-animation-delay: 42s;
  -ms-animation-delay: 42s;
  animation-delay: 42s;
}
.login-slide-bg li:nth-child(5) span {
  background-image: url(../backgrounds/kinetic-bg-5.jpg);
  -webkit-animation-delay: 56s;
  -moz-animation-delay: 56s;
  -o-animation-delay: 56s;
  -ms-animation-delay: 56s;
  animation-delay: 56s;
}

/* slides bg animation */
@-webkit-keyframes imageFade {
  0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -webkit-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-moz-keyframes imageFade {
  0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -moz-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-o-keyframes imageFade {
  0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -o-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@-ms-keyframes imageFade {
  0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
  8% { opacity: 1;
    -ms-animation-timing-function: ease-out; }
  17% { opacity: 1 }
  25% { opacity: 0 }
  100% { opacity: 0 }
}
@keyframes imageFade {
  0% { 
    opacity: 0;
    animation-timing-function: ease-in; }
  8% { 
    opacity: 1;
    animation-timing-function: ease-out; }
  17% { 
    opacity: 1;
  }
  25% { opacity: 0;
  }
  100% { opacity: 0 }
}


/* default when no animation */
.no-cssanimations .login-slide-bg li span{
  opacity: 1;
  background: url(../backgrounds/kinetic-bg-1.png) no-repeat center center fixed;
}