osem-fcy/app/assets/stylesheets/osem.css.scss

html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by 2 times the footer height */
    margin-bottom: 120px;
    /* Margin bottom by navbar height */
    padding-top: 60px;
}

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

.container .text-muted {
    margin: 20px 0;
}

#footer > .container {
    padding: 15px;
}

.nav-header-bigger {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.glyphicon {
    margin-right: 10px;
}

.mySidebar hr {
    margin: 1px;
}

@media only screen and (max-width: 768px) {
    .mySidebar ul.subNav {
        display: block;
    }
}

.conferenceCheckboxes div {
    display: inline-block;
    padding: 0px 10px 0px 0px;
}

.dashbox {
    padding-top: 20px;
    padding-bottom: 20px;
}

.dashbox .icon {
    padding-left: 8px;
    display: block;
    font-size: 3.8em;
}

.dashbox label {
    display: block;
    font-size: 1.1em;
}

.todolist-missing span {
    color: #ff0000;
}

.todolist-ok {
    text-decoration: line-through;
}

.todolist-ok span {
    color: #02A10F;
}

.top-submitter img {
    margin: 0 auto;
}

#doughnut .tab-content {
    padding-bottom: 20px;
}

#submissions {
    padding-bottom: 20px;
}

.banner-disp{
 background-repeat: no-repeat;
 background-position: center center;
 width: 100%;
 background-size: cover;
 -webkit-background-size:cover;
}

#location .with-background {
    min-height: 500px;
}

#splash-banner .with-background{
    min-height: 700px;
}

.location-links li{
  display: inline-block;
  margin-right: 2em;
}

.banner-text{
    padding-top: 10%;
}

.pad{
    padding-top: 35px;
    padding-bottom: 35px;
}

.dl-horizontal dt { white-space: normal; }

.equal, .equal > div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex:1 0 auto;
}

.row-flex, .row-flex > div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex:1 1 auto;
}

.row-flex-wrap {
  -webkit-flex-flow: row wrap;
  align-content: flex-start;
  flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
  margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
  width:100%;
}

.flex-col {
  display: flex;
  display: -webkit-flex;
  flex: 1 100%;
  flex-flow: column nowrap;
}

.flex-grow {
  display: flex;
  -webkit-flex: 2;
  flex: 2;
}

.table20 {
  width: 20%;
}