/* This is where the spacing for the menu comes from */
body {
    padding-top: 50px;
    padding-bottom: 10px;
}

/* Turn off links underlining for NavBar */
#MenuBar .nav li a {
    text-decoration: none;
}

.navbar-text.InstanceDecoration {
    font-weight: bold;
    color: #CC0000;
    margin-left: 5px;
    margin-right: 5px;

}

/* Get rid of the underlines for drop down menus under various button groups.  This overrides the above styles that we force. */
.btn-group a {
    text-decoration: none;
}

/* Used for putting controls in a panel heading */
.panel-heading-controls {
    margin-top: -3px;
    float: right !important;
}

/* This addresses a sticky header issue with Firefox. */
.StdTable *:not(.glyphicon) {
    font-size: 9pt;
    font-family: Tahoma;
    /*box-sizing: initial;*/
}

    /* Standard table column */
.StdTable td {
    padding: 2px;
    border: 1px solid #cdcdcd;
}

.tablesorter thead .disabled {
    display: none;
}

a {
    color: #0000EE;
    text-decoration: underline;
}

.panel-expand {
    display: inline-block;
}

.clickable {
    cursor: pointer;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

#MenuBar, .subMenuBar {
    z-index: 30001;
}

#footer {
    background-color: white;
    bottom: 0;
    padding: 5px 30px 2px 10px;
    position: fixed;
    right: 0;
    z-index: -1;
}

#userInfo {
    margin: 5px 5px 5px 0;
}

    #userInfo .navbar-right {
        margin-right: 0;
    }

.audit {
    font-style: italic;
    color: gray;
    font-size: .8em;
    text-align: right;
}

label {
    margin-bottom: inherit;
    font-weight: inherit;
}

.form-group.required label.control-label {
    font-weight: bold;
}

label.control-label:not(.no-colon):after {
    content: ":";
}

.PanelGroup input[type="checkbox"] {
    margin: inherit;
}

.en-popup-content input {
    line-height: normal;
}

.row div .rowLabel {
    text-align: right;
}

td.single-char {
    text-align: center;
    width: 36px;
}

td.numeric {
    text-align: right;
}

@-ms-viewport {
    width: auto;
}

#ProcessingDiv {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 30002;
    display: none;
}

#InnerProcessingDivContainer {
    position: relative;
    top: 40%;
    text-align: center;
}

#InnerProcessingDiv {
    z-index: 30002;
    padding: 5px;
    background-color: #F7F7F7;
    border: 1px solid black;
    border-radius: 10px;
    border-width: 3px;
    display: inline-block;
    max-width: 400px;
}


/* CSS needed for charAlign widget */
.ts-align-wrap {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.ts-align-wrap, .ts-align-left, .ts-align-right {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ts-align-left {
    text-align: right;
}

.ts-align-right {
    text-align: left;
}

/* this prevents large jquery dialogs from being hidden under the menubar when opened and dragged. */
.ui-dialog {
    margin-top: 50px;
    z-index: 30001;
}

/* By default, bootstrap pushes the content of a modal footer to the right. This resets footer butons to left-alignment. */
.modal-footer {
    text-align: left;
}

/* Allows for labels to be added to button groups without being clickable. */
.btn-group-label {
    cursor: default;
    opacity: 1;
    pointer-events: none;
    background-color: #f5f5f5;
}

.badge-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.badge-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.badge-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.badge-info {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.badge-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
}

/* Adds dummy content above anchor targets so that anchor links work properly. */
:target:before {
    content: "";
    display: block;
    height: 60px;
    margin-top: -60px;
}

.columnSelector {
    color: black;
}

.fixedPaneContainer > div.row:first-child {
    position: fixed; 
    width: 100%; 
    z-index: 1; 
    display: inline-block;  
    /*Need to create an empty Div in the screen to fall below the first row and make it the same height as the first div. Jquery can be used to make this dynamic */
}

.columnSelectorWrapper {
    position: relative;
    margin: 0px 0;
    display: inline-block;
}

.columnSelector, .hidden {
    display: none;
}

.colSelect:checked + label {
    cursor: pointer;
}

.colSelect + label {
    cursor: pointer;
}

.colSelect:checked ~ .columnSelector {
    display: block;
}

.columnSelector {
    width: 120px;
    position: absolute;
    top: 30px;
    padding: 10px;
    background: #fff;
    border: #99bfe6 1px solid;
    border-radius: 5px;
}

.columnSelector label {
    display: block;
}

.columnSelector label:nth-child(1) {
    border-bottom: #99bfe6 solid 1px;
    margin-bottom: 5px;
}

.columnSelector input {
    margin-right: 5px;
}

.columnSelector .disabled {
    color: #ddd;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}
.nav-tabs > li > a {
    color: #337ab7;
    text-decoration: none;
}

.nav-tabs > li.active > a {
    background-color: #337ab7;
    color: white;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #337ab7;
    color: white;
}

.nav-tabs > li > a {
    border-radius: 10px 10px 0 0;
}

.panel-heading-controls > a {
    color: white
}

.list-group-item-text {
    padding-left: 20px;
}

/*Fix for chosen scrolling issue */
.chosen-container .chosen-drop {
  left: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.chosen-container.chosen-with-drop .chosen-drop {
  opacity: 1;
  height: auto;
}