@font-face {
    font-family: 'Exo2';
    src: url("../../fonts/Exo2-Regular.ttf");
}

html, body {
    font-family: 'roboto', Helvetica, Arial, sans-serif;
    height: 100%;
}

h1, h2, h3, h4, h5 {
    font-family: 'Exo2';
}

.left-panel {
    background: url(/images/Loginbackground.png) center center no-repeat;
    background-size: cover;
    min-height: calc(100vh - 58px); /* Full height */
}

.right-panel {
    min-height: calc(100vh - 58px); /* Full height */
}

.account-container {
    width: 50vw;
    margin: 60px auto;
}

.welcome-page
{
    width: 50vw;
    height: 50vh;
    margin: auto auto;
}

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


.logo-name {
    font-family: 'Exo2';
}

.icon-banner {
  width: 32px;
}

.body-container {
/*  margin-top: 20px;
  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;
}

.app-tile:hover {
    text-decoration: none;
    color: #fff;
    background-color: #3f444b;
}

.app-tile .app-title {
    font-size: 1.5rem;
}

.app-tile .app-subtitle {
    font-size: 0.8rem;
    line-height: 15px !important;
}

.app-tile {
    text-decoration: none;
    max-width: 340px;
    min-height: 90px;
    background-color: #272c34;
    border-radius: 15px;
    cursor: pointer;
    margin: 20px 0;
    padding: 10px;
    color: #fff;
    font-family: 'Exo2';
}