// Your variable overrides
$body-bg: rgb(0, 13, 25);
$body-color: rgb(214, 214, 214);

@import "../lib/bootstrap/scss/bootstrap";

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

        .card-title {
            img {
                width: 100px;
                height: 100px;
            }

            font-size: 120%;
            font-weight: bold;
        }

        label {
            font-weight: bold;
        }
    }
}
// Your variable overrides
$body-bg: #000;
$body-color: #bbb;
$theme-colors: (
  "primary": #0074d9,
  "danger": #ff4136
);
  
.welcome-page li {
list-style: none;
padding: 4px; }

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

.expired {
color: white;
background-color: red;
}

.ok {
font-weight: bolder;
color: white;
background-color: #009220;
}

.nomoretam {
font-weight: bolder;
color: black;
background-color: orange;
}

.ok a {
color: rgb(47, 228, 228);
background-color: black;
}

.ok a:hover {
color: rgb(119, 255, 255);
background-color: black;
}

.extinfo {
    color: rgb(179, 185, 23);
    background-color: black;
    font-size: small;
    font-family: cursive;
}


.shadowbox {
  color:#000;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
  margin: 1em;
}

.fa-copy {
    cursor: copy;
}