@import "inc/bootstrap";

#content {
    padding: 24px;
}

.resultsWrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

#resultsHeader{
    flex: 1;
}

.tile {
    display:block;
    border: 1px solid #ddd;
    padding:6px;
}
.tile.statistics{
    float:right;
    width:45%;
}

.resultsViewToolsWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    margin-left: 10px;
}

.resultsViewToolsButtons button {
    margin-left: 8px;
}

.userMail{
    font-style: italic;
}
.variableIdentifierField{
    width: 17%;
}
.cardinalityField{
    width: 7%;
}
.basetypeField{
    width: 7%;
}
table.mini tr td{
    padding-left:10px;
}

.itemName {
    font-weight: bold;
}

.dataResult {
    font-weight:bold;
    text-align:left;
    width: 50%;
}

.resultsTable .headerRow {
    background-color:#d4d5d7;
    text-align:left;
}
.resultsTable .subHeaderRow {
    background-color:#f3f1ef;
    text-align:left;
}
.resultsTable tr, .resultsTable td {
    border: 1px solid #ddd;
}
/* classes used for the layout of responses based on their evaluation*/
.correct{
   float:right;
    background-image: url(../../views/img/tick.png);
    background-repeat:no-repeat;
    width: 24px;
    height: 24px;
    background-position: 0px 0px;

}
.incorrect{
    float:right;
    background-image: url(../../views/img/cross.png);
    background-repeat:no-repeat;
    width: 24px;
    height: 24px;
    align:center;
       background-position: 0px 0px;
}
.unscored{
    float:right;
    background-image: url(../../views/img/tag_purple.png);
    background-repeat:no-repeat;
    width: 24px;
    height: 24px;
    align:center;
       background-position: 0px 0px;
}
.headerColumn{
	align:center;
	background-color:#efefef;
}

tr td {
    padding:5px;
}

.epoch {
    font-style:italic;
    white-space: nowrap;
}
.traceDownload{
    cursor:pointer;
    padding:5px;
}
.traceDownload:hover{
     background-color:#D00239 ;
    color:#fff;
}

.result-table-container {
    display: block;
    // navigation-bar and container padding has to be considered
    width: calc(100vw - 340px);

    .datatable-wrapper {
        display: block;
    }
}

.sql-export-tooltip {
    display: inline-block;
    vertical-align: middle;
    color: red;
    font-size: 16px;
}

.filter-buttons {
    display: inline;
}

@media print {
    header > nav,
    .navi-container,
    .content-container .action-bar,
    .resultsViewToolsWrapper,
    table.matrix a.btn-info.preview {
        display: none !important;
    }

    .section-container .navi-container + .content-container {
        max-width: 100%;
    }
}

#fileDownload {
    cursor: pointer;
    background: transparent;
    text-shadow: none;
    color: #3e7da7;
}

.btn-info.btn-secondary {
    &.preview, &.result-filter-btn {
        background-color: transparent;
        border: 1px solid black;
        color: black;
        text-shadow: none;
    }
}