.result-view {
}

    .result-view:not(.result-view-modal) {
        position: absolute;
        left: -2000px;
        top: 100px;
        z-index: 105;
        height: calc(100% - 100px);
        width: calc(100% - 10px);
        background-color: white;
        border: 1px solid #cccccc;
        border-left: 0;
        transition: left .2s ease-in-out;
        padding: 10px 15px;
        overflow-y: scroll;
        overflow-x: hidden;
        display: none;
    }

    .result-view > div {
        height: 100%;
    }

    .result-view.open {
        left: 0;
        display: block;
        box-shadow: 10px 0px 23px rgba(192, 192, 192, 0.27);
    }

    .result-view.no-margin.open {
        margin-left: 0;
        width: calc(100% - 10px);
    }

    .result-view .rv-title {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .result-view .rv-header > div {
        direction: rtl;
        color: #555555;
        font-size: 14px;
    }

    .result-view .rv-header .row {
        padding: 5px 0;
    }

    .result-view:not(.result-view-modal) .rv-rows {
        margin-top: 5px;
    }

    .result-view.result-view-modal {
        padding-top: 10px;
    }

        .result-view.result-view-modal .grid {
            margin-top: 0;
        }

    .result-view .rv-action {
        float: left;
        /*position: absolute;*/
        z-index: 999;
        /*top: 15px;
        left: 15px;*/
        transition: all .2s linear;
        cursor: pointer;
        text-align: center;
    }

    .result-view .rv-action {
    }

    .result-view .input-field div {
        display: inline-block;
    }

.rv-rows .result-table:not(.small-font) {
    font-size: 13px;
}
.rv-rows .result-table.small-font {
    font-size: 12px;
}

    .rv-rows .result-table thead td,
    .rv-rows .result-table thead th,
    .rv-rows .result-table tbody td,
    .rv-rows .result-table tbody th {
        line-height: 21px;
        padding: 5px 4px;
        font-weight: normal;
    }

    .rv-rows .result-table tbody tr.bold th,
    .rv-rows .result-table tbody tr.bold td {
        font-weight: bold;
    }

    .rv-rows .result-table thead td,
    .rv-rows .result-table thead th,
    .rv-rows .result-table tbody tr td.table-title,
    .rv-rows .result-table tbody tr th.table-title {
        background-color: #118dcf;
        border: 1px solid #118dcf;
        color: white;
    }

    .rv-rows .result-table tbody td,
    .rv-rows .result-table tbody th {
        background-color: rgb(225, 235, 255);
        border: 1px solid #CCC;
    }

    .rv-rows .result-table tbody td {
        text-align: center;
    }

    .rv-rows .result-table tbody th {
        text-align: right;
        vertical-align: top;
    }

    .rv-rows .result-table th.white-title {
        text-align: center;
        color: white;
        background-color: #118dcf;
    }

    .rv-rows .result-table th.blue-title {
        text-align: center;
        color: white;
        background-color: #118dcf;
    }

    .rv-rows .result-table .winner td,
    .rv-rows .result-table .winner th {
        background-color: #ABCB3C;
        font-weight: bold;
    }

.result-view .dropdown-menu {
    right: auto;
    left: 0;
}

@media print {

    .result-view .result-table {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 20px;
    }
}