html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.oswald  {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.15152;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

body > .container {
  padding: 0px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

label {
	font-weight: 700 !important;
}

.card-header {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}
.card-title {

    font-style: normal;
    font-weight: 700;
}

 .card-body  {
    word-break:break-all
}
.card-text {
	word-break: break-all
}

.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

.bs-callout i {
  font-size: 40px;
  margin-right: .3em;
  min-width: 50px;
  width: 50px;
  float: left;
}

.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

.bs-callout p:last-child {
  margin-bottom: 0;
}

.bs-callout code {
  border-radius: 3px;
}

.bs-callout + .bs-callout {
  margin-top: -5px;
}

.bs-callout.bs-callout-default {
  border-left-color: #555;
}

.bs-callout.bs-callout-default h4, .bs-callout.bs-callout-default i {
  color: #555;
}

.bs-callout.bs-callout-primary {
  border-left-color: #084239;
}

.bs-callout.bs-callout-primary h4, .bs-callout.bs-callout-primary i {
  color: #084239;
}

.bs-callout.bs-callout-success {
  border-left-color: #008040;
}

.bs-callout.bs-callout-success h4, .bs-callout.bs-callout-success i {
  color: #008040;
}

.bs-callout.bs-callout-danger {
  border-left-color: #dc0000;
}

.bs-callout.bs-callout-danger h4, .bs-callout.bs-callout-danger i {
  color: #dc0000;
}

.bs-callout.bs-callout-warning {
  border-left-color: #AA5535;
}

.bs-callout.bs-callout-warning h4, .bs-callout.bs-callout-warning i {
  color: #AA5535;
}

.bs-callout.bs-callout-info {
  border-left-color: #2574A9;
}

.bs-callout.bs-callout-info h4, .bs-callout.bs-callout-info i {
  color: #2574A9;
}

.shadow-box-example {
    padding: 35px 10px;
    text-align: center;
    font-size: 1.25rem;
}
.shadow-0 {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.shadow-1 {
  -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.16), 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.12) !important;
}

.shadow-1-half {
  -webkit-box-shadow: 0 0.3125rem 0.6875rem 0 rgba(0, 0, 0, 0.18), 0 0.3125rem 0.6875rem 0 rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.3125rem 0.6875rem 0 rgba(0, 0, 0, 0.18), 0 0.3125rem 0.6875rem 0 rgba(0, 0, 0, 0.15) !important;
}

.shadow-2 {
  -webkit-box-shadow: 0 0.5rem 1.0625rem 0 rgba(0, 0, 0, 0.2), 0 0.5rem 1.0625rem 0 rgba(0, 0, 0, 0.19) !important;
  box-shadow: 0 0.5rem 1.0625rem 0 rgba(0, 0, 0, 0.2), 0 0.5rem 1.0625rem 0 rgba(0, 0, 0, 0.19) !important;
}

.shadow-3 {
  -webkit-box-shadow: 0 0.75rem 0.9375rem 0 rgba(0, 0, 0, 0.24), 0 0.75rem 0.9375rem 0 rgba(0, 0, 0, 0.19) !important;
  box-shadow: 0 0.75rem 0.9375rem 0 rgba(0, 0, 0, 0.24), 0 0.75rem 0.9375rem 0 rgba(0, 0, 0, 0.19) !important;
}

.shadow-4 {
  -webkit-box-shadow: 0 1rem 1.75rem 0 rgba(0, 0, 0, 0.22), 0 1rem 1.75rem 0 rgba(0, 0, 0, 0.21) !important;
  box-shadow: 0 1rem 1.75rem 0 rgba(0, 0, 0, 0.22), 0 1rem 1.75rem 0 rgba(0, 0, 0, 0.21) !important;
}

.shadow-5 {
  -webkit-box-shadow: 0 1.6875rem 1.5rem 0 rgba(0, 0, 0, 0.2), 0 1.6875rem 1.5rem 0 rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 1.6875rem 1.5rem 0 rgba(0, 0, 0, 0.2), 0 1.6875rem 1.5rem 0 rgba(0, 0, 0, 0.22) !important;
}

.hoverable {
  -webkit-transition: box-shadow .55s;
  -webkit-transition: -webkit-box-shadow .55s;
  transition: -webkit-box-shadow .55s;
  transition: box-shadow .55s;
  transition: box-shadow .55s,-webkit-box-shadow .55s;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}
.hoverable:hover {
  -webkit-box-shadow: 0 0.5rem 1.0625rem 0 rgba(0, 0, 0, 0.2), 0 0.5rem 1.0625rem 0 rgba(0, 0, 0, 0.19) !important;
  box-shadow: 0 0.5rem 1.0625rem 0 rgba(0, 0, 0, 0.2), 0 0.5rem 1.0625rem 0 rgba(0, 0, 0, 0.19) !important;
}
/*
@media only screen and (min-width: 545px) {
    .container {
        background-color: #ff4000;
    }
}
@media only screen and (min-width: 725px) {
    .container {
        background-color: #ffff00;
    }
}
@media only screen and (min-width: 965px) {
    .container {
        background-color: #80ff00;
    }
}
@media only screen and (min-width: 1145px) {
    .container {
        background-color: 0040ff;
    }
}
*/

.bronze {
    color: #965A38;
}
.silver {
    color: #ABABAB;
}
.gold {
    color: #FFD700;
}

.sad {
    color: #FF0000;
}
.neutral {
    color: #FFD700;
}
.smile {
    color: #32CD32;
}
.skip {
    color: #6c757d;
}
.bg-sad {
     background-color: #FF0000;
}
.bg-neutral {
     background-color: #FFD700;
}
.bg-smile {
    background-color: #32CD32;
}
.bg-skip {
    background-color: #6c757d;
}