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%; }