body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.jumbotron-image {
    background-image: url('/Images/jumbotron-background.jpg');
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.navbar-toggler-custom-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/list.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.nav-link {
    color:#999999;
}

.nav-link:hover {
    color: white;
}

.header-logo-custom-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/link-45deg.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.json-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/filetype-json.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.gear-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/gear-fill.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.globe-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/globe2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.lock-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/lock-fill.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.dashboard-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/speedometer.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.calendar-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/calendar.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.warningsign-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/exclamation-triangle.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.envelope-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/envelope.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.earphone-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/headset.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.list-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("/Images/card-list.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}