/* max width for inputs in a form
*/
select, input, .input-group {
    max-width: 280px;
}

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
textarea {
    padding-left: 4px;
    min-height: 30px;
}

select {
    min-height: 30px;
    min-width: 175px;
}

.form-label{
    left:0!important;
    right: auto!important;
}

select:disabled {
    background-color: #eee;
    opacity: 1;
    cursor: not-allowed;
}

/* apply this to a div that contains a spinner in order for the spinner
   to be centred in the div
*/
.spinner-container {
    position: relative;
}

/* Default jumbotron padding set to 30 pixels*/
.jumbotron {
    padding-left: 30px;
    padding-right: 30px;
}

.filterGroup {
    background: #fdfdfd;
    margin: 5px;
    display: inline-table;
    padding: 10px 10px 2px 10px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #d0d0d0;
}

td {
    vertical-align: middle !important;
}

/* Override existing boostrap rule for positioning menu elements starting from 768 pixels */
@media (min-width: 768px) {
    .navbar-header {
        float: none !important;
    }
}

@media (max-width: 550px) {
    .filterGroup {
        min-width: 250px
    }
}

/* Override previous rule for positioning menu element starting from 1200 pixels */
@media (min-width: 1200px) {
    .navbar-header {
        float: left !important;
    }
}

/* Override default container width to use 95% of space */
.container {
    width: 95% !important;
}

.bg-warning {
    background-color: #ffd9b3;
}

.text-warning {
    color: #803300;
}