/* Move down content because we have a fixed navbar that is 50px tall */
* {
    font-family: 'Open Sans', sans-serif;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

    input.full-width, select.full-width, textarea.full-width {
        max-width: 100%;
    }

.modalBackground {
    background-color: Gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.50;
}

div.filter {
    margin-right: 20px;
}

    div.filter select, div.filter input[type=text] {
        min-width: 100px;
    }

    div.filter:last-child {
        margin-right: 0px;
    }

.checkboxlist.checkbox input[type="checkbox"] {
    margin-left: 0px;
}

.checkboxlist.checkbox label {
    margin-right: 20px;
}

.back-button {
    margin-top: 10px;
    font-size: 14px;
}

.tab-pane {
    padding-top: 20px;
}

.navbar {
    border-top: 4px solid #910601;
    background-color: #232323;
    height: 47px;
}

.navbar-brand {
    height: 46px;
}

.nav > li > a, .navbar-brand {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 14px;
    font-weight: 600;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
    color: white;
}

    .navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-brand:hover {
        background-color: #910601;
        color: white;
    }

.btn.btn-primary {
    background-color: #910601;
    border-color: #910601;
}

    .btn.btn-primary:hover {
        background-color: #232323;
        border-color: #232323;
    }

a .fa {
    color: #910601;
}

a.btn .fa {
    color: white;
}

.navbar a .fa {
    color: white;
    font-size: 1.2em;
}

h1 {
}

.cookies {
    background-color: Black;
    position: fixed;
    bottom: 0px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.80;
}

    .cookies * {
        color: White;
    }

    .cookies > div {
        position: relative;
        padding: 20px 0px;
        margin: auto;
    }

    .cookies a {
        color: White;
        font-weight: bold;
        text-decoration: underline;
    }

.closeCookies {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    border: solid 1px White;
    height: 22px;
    width: 22px;
    text-align: center;
    background-color: Black;
    font-weight: bold;
    padding: 0px;
}

.survey .eventdescription {
    border: dashed 1px #c0c0c0;
    padding: 10px 5px;
}

.survey .surveyDepth0 .questionTitle, .survey .surveyDepth0 .subquestion .control-label {
    border: solid 1px gray;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #f0f0f0;
    display: block;
    margin-bottom:10px;
}

.survey .surveyDepth1 .questionTitle {
    font-weight: bold;
    text-decoration: underline;
}

.survey .surveyDepth2 {
}

.survey .subquestion .control-label {
}

.survey .subquestion select {
}

.survey .freeTextQuestion .control-label {
    font-weight: bold;
    text-decoration: underline;
}

.survey .freeTextQuestion textarea {
    height: 100px;
    max-width: 100%;
    border-style: dashed;
}

.surveyAnswers table.answers {
    width: 100%;
}

    .surveyAnswers table.answers th, .surveyAnswers table.answers td {
        border: solid 1px #c0c0c0;
        padding: 5px;
        vertical-align: middle;
    }

        .surveyAnswers table.answers th.answer, .surveyAnswers table.answers td.answer {
            width: 120px;
            text-align: center;
            font-weight: bold;
        }

.surveyAnswers .surveyDepth0 .questionTitle, .surveyAnswers .surveyDepth0 td {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #f0f0f0;
}

    .surveyAnswers .surveyDepth0 .questionTitle, .surveyAnswers .surveyDepth0 td .control-label {
        font-size: 1.2em;
    }

.surveyAnswers .surveyDepth1 .questionTitle {
    font-weight: bold;
    text-decoration: underline;
}

.surveyfreetextanswers {
    margin-top:20px;
}
    .surveyfreetextanswers .question {
        font-weight:bold;
    }
    .surveyfreetextanswers .answer {
        border:dashed 1px #c0c0c0;
        padding:10px 5px;
        margin-bottom:20px;
    }

.errorControl {
    border:solid 1px red;
}

@media screen and (min-width:1200px) {
    .logo {
        height: 113px;
    }
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
    }
}