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

@media (max-width: 768px) {
    body {
        padding-top: 85px;
    }
}

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

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

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

.no-margin {
    margin: 0;
}

.with-big-top-margin {
    margin-top: 40px;
}

.with-big-bottom-margin {
    margin-bottom: 40px;
}

.with-top-margin {
    margin-top: 15px;
}

.with-bottom-margin {
    margin-bottom: 15px;
}

.with-right-margin {
    margin-right: 15px;
}

.with-left-margin {
    margin-left: 15px;
}

.with-right-padding {
    padding-right: 15px;
}

.with-left-padding {
    padding-left: 15px;
}

.with-big-left-padding {
    padding-left: 40px !important;
}

.with-medium-left-padding {
    padding-left: 25px !important;
}

.with-top-padding {
    padding-top: 15px;
}

.with-side-padding {
    padding-right: 15px;
    padding-left: 15px;
}

.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-padding {
    padding: 0;
}

.with-small-side-margin {
    margin-right: 5px;
    margin-left: 5px;
}

.with-side-margin {
    margin-right: 15px;
    margin-left: 15px;
}

.no-side-margin {
    margin-left: 0;
    margin-right: 0;
}

.no-left-padding {
    padding-left: 0;
}

.no-right-padding {
    padding-right: 0;
}

.no-bottom-padding {
    padding-bottom: 0 !important;
}

.no-top-margin {
    margin-top: 0 !important;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.no-left-margin {
    margin-left: 0;
}

.no-right-margin {
    margin-right: 0 !important;
}

.no-border {
    border: 0;
}

.with-bottom-border {
    border-bottom: solid #ddd 1px;
}

.with-border {
    border: solid #ddd 1px;
}

.with-grey-background {
    background-color: #f5f5f5;
}

.with-white-background {
    background-color: white;
}

.required-label:after {
    content: " *";
    font-weight: bold;
    color: red;
}

.red {
    color: red;
}

.bold {
    font-weight: bold;
}

.transparent-background {
    background-color: transparent;
}

button > i.fa {
    margin-right: 15px;
}

a > i.fa {
    margin-right: 15px;
}

.competence-heading {
    border-bottom: 1px solid lightgray;
}

.profile-image {
    width: 100%;
    height: auto;
}

#language-switcher {
    margin: 0px -15px;
}