/**** Override default bootstrap table settings ****/

.abi-table {
     position: relative;
}

.abi-table table {
    table-layout: fixed;
    width: 0;
    border-spacing: 0;
}

.abi-table table td {
    /* Height of calculation cell such that value and datapoint id fit in  */
    height: 51px;
}

.abi-table table input[type="text"] {
    width: 100%
}

.abi-cell {
    font-size: 16px;
}

.abi-cell span {
    font-size: 14px;
}

/**** Master table and table header settings ****/

.master-table .holder, .scrollbar-wrapper {
    overflow: auto;
    position: relative;
}

.scrollbar-wrapper {
    height: 20px;
    margin-bottom: 10px;
    overflow-y: hidden;
}

.scrollbar {
    height: 20px;
}

.top, .left, .corner {
    position: absolute;
    top: 0;
    left: 0;
}

.top {
    z-index: 101;
}

.left {
    z-index: 102;
}

.corner {
    z-index: 103;
}

.top .holder, .left .holder {
    overflow: hidden;
}

/**** Template view settings ****/

.panel-body {
    word-wrap: break-word;
}

#bootstrap-override .cellSelected {
    -moz-box-shadow: inset 0 0 5px black;
    -webkit-box-shadow: inset 0 0 5px black;
    box-shadow: inset 0 0 5px black;
}

#bootstrap-override .cellHighlighted {
    -moz-box-shadow: inset 0 0 5px blue;
    -webkit-box-shadow: inset 0 0 5px blue;
    box-shadow: inset 0 0 5px blue;
}

span.cellLabel {
    color: blue;
}

span.cellLabel.sum {
    float: right;
}

.inputCell > div {
    position: relative;
}

span.cellLabel.input {
    top: 3px;
    right: 0.5em;
    position: absolute;
}

#validation-list .validationItem {
    cursor: pointer;
}

#validation-list {
    padding-left: 20px;
}

#validationsPanel, #commentsPanel {
    position: fixed;
    bottom: 0;
    left: 235px;
    z-index: 1000;
}

#validationsPanel .panel-body, #commentsPanel .panel-body {
    max-height: 400px;
    overflow-y: auto;
}

.cellFormulaHighlight, .commentRequired {
    -moz-box-shadow: inset 0 0 5px red;
    -webkit-box-shadow: inset 0 0 5px red;
    box-shadow: inset 0 0 5px red;
}

.commentProvided {
    -moz-box-shadow: inset 0 0 5px limegreen;
    -webkit-box-shadow: inset 0 0 5px limegreen;
    box-shadow: inset 0 0 5px limegreen;
}

.pending {
    color: gray;
}

.large-textarea {
    height: 120px;
}

.commentTable {
    margin-top: 20px;
    height: 330px;
    overflow-y: scroll;
}

.comment {
    padding: 4px;
}

.comment-header {
    border-bottom: 1px solid gray;
    overflow: hidden;
}

.comment-author {
    float: left;
    font-weight: bold;
}

.comment-date {
    float: right;
}

.comment-content {
    float: left;
    margin-top: 20px;
}

.validCell {
    background-color: #5cb85c !important;
}

.invalidCell {
    background-color: #d9534f !important;
}

.marginalCell {
    background-color: #f0ad4e !important;
}

.sidebar-content-scrollable {
    max-height: 700px;
    overflow-y: auto;
}

.aggregation-value {
    max-width: 100%;
}