/* sticky footer begin */
html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}

.stickyfooter-container {
    display: table;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer.stickyfooter {
    display: table-footer-group;
    height: 1px;
}
/* sticky footer end */

.footer {
    text-align: center;
}
.footer > div.container {
    /* won't work on .footer */
    margin-top: 20px;
}
.footer > div.container > div {
    /* like .navbar-nav */
    padding: 15px;
    background-color: #F8F8F8;
    border-radius: 4px;
    border: 1px solid transparent;
    border-color: #E7E7E7;
}
/* bootstrap sets this only above screen-xs */
.navbar {
    border-radius: 4px;
}
.footer > div.container > div > p {
    text-align: justify;
}

@media screen and (max-width: 204px) {
a.navbar-brand > span.hidden-xxs {
    display: none;
}
}
@media screen and (max-width: 244px) {
a.navbar-brand {
    font-size:14px;
}
}

@media screen and (min-width: 484px) {
.vertical-middle-container {
    display: table;
    table-layout: fixed;
    width: 100%;
    /* table->flexbox upgrade (no js) */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.vertical-middle-container .vertical-middle-column {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
/* flexbox reset (modernizr assisted) */
html.flexbox .vertical-middle-container {
    width: auto;
}
html.flexbox .vertical-middle-container .vertical-middle-column {
    display: block;
}
}

@media screen and (min-width: 484px) {
.title-heading {
    border-left: 2px dotted orange;
}
}
.title-heading h2,
.title-heading h3 {
    margin-top: 10px;
}

.title-area {
    margin-bottom: 20px;
}
@media screen and (min-width: 484px) {
.content-area {
    margin-top: 40px;
}
}

/*
.visible-xxs-block {
    display: none !important;
}
@media screen and (max-width: 483px) {
.visible-xxs-block {
    display: block !important;
}
}
*/

@media screen and (max-width: 224px) {
img.scale-xxs {
    width: 100%;
}
}

.sp-list-logo {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 80px
}

#userprefs{
    float:right;
    margin-left: 20px;
}

#userprefs_control {
    margin-top: 10px;
}
#userprefs_control input ~ div {
    display: none;
}

#userprefs_control input:checked ~ div {
    display: block;
}

.form-group {
    margin-bottom: 5px;
}
.form-group > .form-horizontal-column {
    padding-left: 0;
    padding-right: 0;
}
.form-group > .form-horizontal-column > h4 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 6px 0;
}
@media screen and (max-width: 767px) {
.xs-form-horizontal-row {
    float: left !important;
    padding-top: 5px;
}
.xs-form-horizontal-row-center {
    padding-top: 5px;
    /* (typically) overriding .pull-right */
    float: none !important;
    /* for centering: */
    display: table;
    margin-left: auto;
    margin-right: auto;
}
}
.form-horizontal .select2-container--bootstrap {
    display: inline-table; /* shrink indefinitely */
    table-layout: fixed; /* adjust to table width, not contents */
}

/* Make select2 group headers more visible */
.form-horizontal .select2-container--bootstrap .select2-results__group {
    color: #444;
    font-size: 14px;
}

@media screen and (max-width: 583px) {
    h2 {
	font-size: 21px;
    }
    h3 {
	font-size: 18px;
    }
}