/* Wrapper for page content to push down footer */

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height (global header height is 30px) */
    margin: -80px auto -120px auto;
    /* Pad bottom by footer height (global footer height is 120px) */
    padding: 80px 0 120px 0;
}

/* Bootstrap Overrides */

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f8f7f2;
}

.navbar {
    margin: 0;
    min-height: 30px;
}

.navbar a {
    border: none;
}

#content label,
#sidebar label {
    font-weight: 300;
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px;
}


/* General */

body {
    font-size: 15px;
}

hr {
    clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    margin-top: 0;
}

h1 {
    color: #555;
    font-weight: 300;
    letter-spacing: -0.04em;
    font-size: 45px;
    line-height: 1.1em;
    margin: 0;
}


/* Header */

#header {
    margin: 0;
    padding: 10px 0;
    background: #f8f7f2;
    border-bottom: 1px solid #e9e6df;
}

#header .row {
    margin-bottom: 20px;
}

#header .row:last-child {
    margin-bottom: 0px;
}

#header .site-logo {
    margin: 0 5px 0 0;
    padding: 0px 5px 0 0;
    float: left;
    border-right: 1px solid #2E2D29;
}

#header #logo img {
    display: inline-block;
    max-width: 120px !important;
}

#header #organization {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 34px;
    color: #3f3c30;
    margin-bottom: -5px;
}

#header #site-name a {
    letter-spacing: 0;
    font-size: 28px;
    border: none;
    font-weight: 400;
    color: #333;
}

#title {
    margin: 25px 0 15px 0;
}


/* Button Link */

a.btn,
a.btn:visited {
    border: 0;
}


/* Template */

#search input,
#search textarea {
    box-shadow: none;
    transition: none;
}

#name a {
    text-decoration: none;
}

#actions {
    margin: 0 0 15px 0;
}

.form-actions {
    margin-bottom: 20px;
}


/* Home Link */

#home-link {
    margin-bottom: 5px;
    color: #827252;
    font-size: 25px;
    line-height: 28px;
    font-weight: 300;
}

#home-link a,
#home-link a:link,
#home-link a:visited {
    color: #827252;
    text-decoration: none;
    border: 0;
}

#home-link a:hover,
#home-link a:focus,
#home-link a:active {
    color: #2e2d29;
    text-decoration: none;
    border: 0;
}


/* Buttons */

a.btn-success {
    color: #fff;
}


/* Labels */

.label {
    font-size: 12px;
}

.label-green,
.badge-green {
    background-color: #468847;
}

.label-orange,
.badge-orange {
    background-color: #F89406;
}

.label-red,
.badge-red {
    background-color: #B94A48;
}

.label-blue,
.badge-blue {
    background-color: #3A87AD;
}

.label-help {
    color: #827252;
    cursor: pointer;
    font-size: 14px;
}

.label-help:hover,
.label-help:focus,
.label-help:active {
    color: #820000;
}


/* Popover */

i.icon-question-sign {
    cursor: pointer;
}

.popover-content {
    color: #3F3C30;
    text-shadow: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}


/* Form Elements */

form .pull-left {
    margin-right: 15px;
}

.required {
    color: #820000;
}

option[selected] {
    -webkit-appearance: none;
}


/* Create New Alert Sidebar */

#sidebar {
    background-color: #F2F1EB;
    margin: 15px 0;
    padding: 20px;
    border-radius: 5px;
}

#sidebar .control-group {
    margin: 0 0 20px 0;
}

#sidebar .controls {
    margin: 0 0 0 15px;
}

#sidebar h2 {
    margin: 0 0 15px 0;
    color: #565347;
}

#sidebar select {
    width: auto;
}


/* Edit Button */

.edit-button {
    margin: -3px 0 0 0;
    padding: 2px 10px;
}


/* Validation Routines Layout */

label.valid {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

label.error {
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}


/* Scroll Bars */

.panel .scroll {
    height: 200px;
    overflow: auto;
}


/* Extra small devices (phones, up to 767px) */

@media (max-width: 767px) {}


/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991px) {}


/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199px) {}


/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}
