#welcome {
    margin-top: 2em;
}

img {
    width: 100%;
}

/* Set background-color to a more fitting color. */
body {
    background-color: #3D3D3D;
}

/* Make the text more readable. */
h3 {
    color: #F15802;
}

h1  {
    color: #F15802 !important;
}

h2 {
    color: #F15802;
}

h4 {
    color: #F15802;
}


p {
    color: #9D9D9D;
    /*font-size: 16px;*/
}

a, a:visited {
    color: #F15802;
}

a:hover {
    text-decoration: none;
    color: #C24600;
}

/* Make texts in list more readable on the background. */
#grey-list > li {
    color: #9D9D9D;
    font-size: 16px;
}

/* Give the jumbotron the same color as the navbar-inverse. */
.jumbotron {
    background-color: #222222;
}

/*.container {    background-color: #222222;
    margin-top: 50px;
    margin-bottom: 30px;
    border-radius: 6px;
}  */

.box {
    background-color: #222222;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 6px;
}

.img-responsive-width {
    display: block;
    width: 100%;
}

/* Custom grey button. */
/*.btn-grey {
  color: #F15802;
  background-color: #222222;
  border-color: #222222;
}

.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  color: #F15802;
  background-color: black;
  border-color: #222222;
}

.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  background-image: none;
}

.btn-grey.disabled,
.btn-grey[disabled],
fieldset[disabled] .btn-grey,
.btn-grey.disabled:hover,
.btn-grey[disabled]:hover,
fieldset[disabled] .btn-grey:hover,
.btn-grey.disabled:focus,
.btn-grey[disabled]:focus,
fieldset[disabled] .btn-grey:focus,
.btn-grey.disabled:active,
.btn-grey[disabled]:active,
fieldset[disabled] .btn-grey:active,
.btn-grey.disabled.active,
.btn-grey[disabled].active,
fieldset[disabled] .btn-grey.active {
  background-color: #222222;
  border-color: #222222;
}

.btn-grey .badge {
  color: #F15802;
  background-color: #222222;
} */

/* Custom orange button. */
.btn-orange {
  color: #222222;
  background-color: #F15802;
  border-color: black;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  color: #F15802;
  background-color:  #3D3D3D;
  border-color: black;
}

.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background-image: none;
}

.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  background-color: #222222;
  border-color: black;
}

.btn-orange .badge {
  color: #F15802;
  background-color: #222222;
}

/* HACK: Fix radio position in a dirty way.
   Also set the color of the radio text     */
.radio-custom {
    margin-top: 7px;
    color: #9D9D9D;
}

/* Change modal background color. */
.modal-content {
    background-color: #222222;
}

/* Make the label text orange. */
label {
    color: #9D9D9D;
}