/* Container for grid */

.bc-grid-container {
    width: calc(100% - 261px);
    height: calc(100% - 81px);
    position: absolute;
    right: 0;
    transition: 0.5s;
}

    .bc-grid-container.grid-hide-header .ui-grid-header-canvas {
        min-height: 60px;
    }

    .bc-grid-container .bc-grid-wrapper {
        position: relative;
        width: 99%;
        height: 100%;
    }

.bigger-container .bc-grid-container {
    width: calc(100% - 64px);
}

.bc-grid-container.bc-grid-queues {
    width: calc(100% - 269px);
}

.bigger-container .bc-grid-container.bc-grid-queues {
    width: calc(100% - 72px);
}

.bc-grid-container.bc-grid-queues.bc-grid-queues-show {
    width: calc(100% - 520px);
}

.bigger-container .bc-grid-container.bc-grid-queues.bc-grid-queues-show {
    width: calc(100% - 324px);
}

/* Container for grid with one line top of the grid */

.bc-grid-container.one-description-line {
    height: calc(100% - 111px);
}

/* Container for grid with two line top of the grid */

.bc-grid-container.two-description-line {
    height: calc(100% - 141px);
}

/* GRID */

.bc-grid {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 0;
    border-bottom: #d4d4d4;
}

    .bc-grid .ui-grid-canvas {
        padding: 0;
        max-height: 100%;
    }

    .bc-grid .ui-grid-top-panel {
        -webkit-box-shadow: 0px 1px 4px 0px rgba(24,24,24,0.26);
        -moz-box-shadow: 0px 1px 4px 0px rgba(24,24,24,0.26);
        box-shadow: 0px 1px 4px 0px rgba(24,24,24,0.26);
        position: relative;
        z-index: 1000;
        overflow: visible; /* Dodato zbog dropdown select-a */
    }

    .bc-grid .header-filtered {
        color: #5539bc;
    }

    .bc-grid .ui-grid-header {
        border-bottom: 0;
    }

    .bc-grid .ui-grid-header-canvas {
        background: #f5f5f5;
    }

    .bc-grid .ui-grid-header-cell {
        border-color: #e5e5e5;
    }

        .bc-grid .ui-grid-header-cell .ui-grid-sort-priority-number {
            float: right;
            bottom: -15px;
            margin-right: 3px;
        }

    .bc-grid .ui-grid-header-cell-wrapper {
        background: #f5f5f5;
    }

    .bc-grid .ui-grid-icon-up-dir:before,
    .bc-grid .ui-grid-icon-down-dir:before,
    .bc-grid .ui-grid-icon-blank:before {
        width: 10px;
        height: 10px;
        margin: 0;
        content: "";
        background-image: url("../images/svg/triangle-up.svg");
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bc-grid .ui-grid-icon-down-dir:before {
        background-image: url("../images/svg/triangle-down.svg");
    }

    .bc-grid .ui-grid-icon-up-dir,
    .bc-grid .ui-grid-icon-down-dir,
    .bc-grid .ui-grid-icon-blank {
        float: right;
    }

    .bc-grid .ui-grid-column-menu-button {
        top: 9px;
        right: 2px;
    }

    .bc-grid .ui-grid-row {
        position: relative;
        min-height: 30px;
    }

        .bc-grid .ui-grid-row .ui-grid-cell {
            border-color: #e5e5e5;
            min-height: 30px;
            background-color: #fff;
            box-shadow: inset 0 -1px 0 0px #e5e5e5;
        }

            .bc-grid .ui-grid-row .ui-grid-cell.ui-grid-blue-line {
                border-left: 5px solid #7fad5a;
            }

        .bc-grid .ui-grid-row:hover .ui-grid-cell .ui-grid-cell-contents,
        .bc-ui-grid .ui-grid-row:hover .ui-grid-cell .control-button,
        .bc-grid .ui-grid-viewport .ui-grid-row:hover .ui-grid-cell.negative-number {
            background: rgba(0,0,0,0.1);
        }

            .bc-grid .ui-grid-viewport .ui-grid-row:hover .ui-grid-cell.negative-number .ui-grid-cell-contents {
                background-color: rgba(0,0,0,0);
            }

    .bc-grid .ui-grid-cell .bc-grid-image {
        display: block;
        margin: 0 auto;
    }

    .bc-grid .ui-grid-cell-contents {
        height: 30px;
        max-height: 30px;
        line-height: 30px;
        padding: 0 5px;
    }

    .bc-grid .ui-grid-viewport .negative-number .ui-grid-cell-contents {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        padding: 0 5px;
        line-height: 20px;
        margin: 5px;
        box-shadow: 0 0 0 2px #c03131;
    }

    .bc-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
        background-color: #f5f5f5;
    }

    /* Prvi red grida (selektovanje i plus za subgrid) */

    .bc-grid .ui-grid-icon-plus-squared,
    .bc-grid .ui-grid-icon-minus-squared {
        vertical-align: middle;
        text-align: center;
        display: inline-block;
        -webkit-text-fill-color: #7fad5a;
    }

        .bc-grid .ui-grid-icon-plus-squared:before,
        .bc-grid .ui-grid-icon-minus-squared:before {
            color: #7fad5a;
        }

    .bc-grid .ui-grid-pinned-container .ui-grid-cell-contents {
        text-align: center;
        padding: 0;
        overflow: visible; /* Dodato zbog dropdown select-a */
    }

    .bc-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child,
    .bc-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
        min-width: 45px;
        max-width: 45px;
        border-right-color: #e5e5e5;
        border-width: 0;
        border-right: 1px solid #e5e5e5;
    }

    .bc-grid .ui-grid-render-container-left {
        z-index: 1001;
    }

        .bc-grid .ui-grid-render-container-left .ui-grid-header-canvas,
        .bc-grid .ui-grid-render-container-left .ui-grid-header-viewport {
            min-width: 45px;
            max-width: 45px;
            overflow: visible; /* Dodato zbog dropdown select-a */
        }

    .bc-grid .ui-grid-pinned-container-left + .ui-grid-render-container-body {
        margin-left: 45px !important;
    }

    .bc-grid .ui-grid-contents-wrapper .ui-grid-pinned-container-left .ui-grid-render-container-left .ui-grid-viewport {
        width: 45px;
    }

    .bc-grid .ui-grid-filter-container .ui-grid-contents-wrapper .ui-grid-pinned-container-left .ui-grid-render-container-left .ui-grid-viewport,
    .bc-grid .ui-grid-filter-container .ui-grid-contents-wrapper .ui-grid-render-container-body .ui-grid-viewport {
        height: 300px;
    }

/* Filteri u headeru */

.bc-grid-filter {
    width: 30px;
    height: 22px;
    vertical-align: bottom;
    border: 0;
    margin-top: 4px;
    margin-right: 2px;
    background: none;
    background-image: url(../images/svg/filteri.svg);
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    mix-blend-mode: multiply;
}

.bc-grid .ui-grid-filter-container {
    min-height: 30px;
    padding: 0 5px;
}

.bc-grid input[type="text"].ui-grid-filter-input,
.bc-grid select.ui-grid-filter-select {
    width: 100%;
    padding: 0 5px;
    border: 0;
    box-shadow: 0 1px 0 #d1d1d1;
    height: 20px;
    vertical-align: sub;
}

    .bc-grid input[type="text"].ui-grid-filter-input:focus {
        box-shadow: inset 0 0 0 1px #5539bc;
    }

.bc-grid .ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon] {
    opacity: 1;
    top: 0;
    line-height: 28px;
    margin-top: 0;
}

.ui-grid-filter-button.bc-grid-clear-filter [class^=ui-grid-icon] {
    display: none;
}

.bc-grid .ui-grid-filter-container .ui-grid-filter-button.bc-grid-clear-filter [class^=ui-grid-icon] {
    display: block;
    line-height: 26px;
    right: 30px;
}

.bc-grid .ui-grid-filter-container .cs-delete-filter {
    display: none;
}

.bc-grid .ui-grid-icon-cancel:before {
    color: #5539bc;
}

.bc-grid .ui-grid-icon-cancel:hover:before {
    color: #755fc7;
}

.bc-grid .ui-grid-icon-sort-alt-up:before,
.bc-grid .ui-grid-icon-sort-alt-down:before,
.bc-grid .ui-grid-icon-ok:before,
.bc-grid .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
    color: #56753e;
}

.bc-grid .ui-grid-icon-cancel.ui-grid-date-picker-icon {
    position: absolute;
    top: 33px;
    right: 0px;
}

/* Ćelije */

.bc-grid-number-value {
    text-align: right;
}

.bc-date-align {
    text-align: center;
}

.ui-grid-cell input[type=number] {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: transparent;
    color: #000;
    padding-left: 10px;
    font-family: "Source Sans Pro";
    font-size: 18px;
}

/* Označene ćelije */

.bc-grid .ui-grid-row .ui-grid-cell.new-value {
    background-color: #a3c587;
}

.bc-grid .ui-grid-row .ui-grid-cell.old-value {
    background-color: #da7171;
}

.bc-grid .ui-grid-row .ui-grid-cell.edit-value {
    background-color: #9584d3;
}

.grid-badge {
    background-image: url('../images/komentar.png');
    background-position: 5px 5px;
    background-repeat: no-repeat;
}

.bc-grid .ui-grid-row .ui-grid-cell .control-button {
    display: inline-block;
    width: 100%;
    height: 30px;
    padding-right: 10px;
}

    .bc-grid .ui-grid-row .ui-grid-cell .control-button img {
        width: 20px;
        height: 20px;
        margin: 5px;
        float: right;
    }

/* Označavanje prve kolone zelenom ili crvenom linijom uz levu ivicu */

.bc-grid .ui-grid-row .ui-grid-cell.success-first-column {
    border-left: 10px solid #7fad5a;
}

.bc-grid .ui-grid-row .ui-grid-cell.inconclusive-first-column {
    border-left: 10px solid #f7f705;
}

.bc-grid .ui-grid-row .ui-grid-cell.failed-first-column {
    border-left: 10px solid #c03131;
}

.bc-grid .ui-grid-row .ui-grid-cell.default-first-column {
    font-weight: bold;
}

.bc-grid .neutral-first-column .ui-grid-cell-contents { /* Pošto crvena i zelena boja pomere vrednost za 10px */
    padding-left: 15px;
}

/* Označavanje kolone zelenom ili crvenom linijom uz desnu ivicu */

.bc-grid .ui-grid-row .ui-grid-cell.success-first-column.left-side {
    border-right: 10px solid #7fad5a;
    border-left: 0;
}

.bc-grid .ui-grid-row .ui-grid-cell.inconclusive-first-column.left-side {
    border-right: 10px solid #f7db1e;
    border-left: 0;
}

.bc-grid .ui-grid-row .ui-grid-cell.failed-first-column.left-side {
    border-right: 10px solid #c03131;
    border-left: 0;
}

.bc-grid .neutral-first-column .ui-grid-cell-contents.left-side { /* Pošto crvena i zelena boja pomere vrednost za 10px */
    padding-right: 15px;
}

/* Kraj označavanja prve kolone zelenom ili crvenom linijom */

/* FOOTER */

.bc-grid .ui-grid-footer {
    background: #f5f5f5;
}

.bc-grid .ui-grid-footer-cell {
    line-height: 30px;
    padding-right: 5px;
}

    .bc-grid .ui-grid-footer-cell .ui-grid-cell-contents {
        text-align: right;
    }

.bc-grid .ui-grid-footer-aggregates-row {
    min-height: 30px;
    line-height: 30px;
    box-shadow: 0 -1px 4px 0 rgba(24, 24, 24, 0.26);
}

/* SUBGRID */

.bc-subgrid {
    height: 200px;
    padding-bottom: 0;
    margin-bottom: 20px;
}

    .bc-subgrid .ui-grid-cell img {
        margin: 0 auto;
        display: block;
    }

    .bc-subgrid .ui-grid-row {
        min-height: 30px;
    }

.bc-grid .bc-subgrid .ui-grid-row .ui-grid-cell .ui-grid-cell-contents {
    background-color: #fff;
    box-shadow: inset 0 -1px #d4d4d4;
}

.bc-grid .bc-subgrid .ui-grid-row:hover .ui-grid-cell .ui-grid-cell-contents {
    background-color: rgba(0,0,0,0.1);
}

.bc-subgrid .ui-grid-row:nth-child(odd) .ui-grid-cell,
.bc-subgrid .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #fff;
}

/* BUTTON in cell */

.button-document {
    color: #7fad5a;
    background-color: transparent;
    width: 14px;
    height: 30px;
    padding: 0;
    border: 0;
    float: right;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
}

    .button-document:hover {
        color: #729b51;
    }

/* ONE LINE GRID DESCRIPTION */

.line-grid-description {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    display: inline-block;
    border: 0;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #aeaeae;
}

.part-25-pc {
    width: 25%;
}

.part-33-pc {
    width: 33.3%;
}

.part-50-pc {
    width: 50%;
}

.part-66-pc {
    width: 66.6%;
}

.part-75-pc {
    width: 75%;
    padding: 0;
    font-size: 0;
}

.part-100-pc {
    width: 100%;
}

    .part-100-pc.bc-grid-queues {
        width: calc(100% - 7px);
        margin-left: 7px;
    }

        .part-100-pc.bc-grid-queues.bc-grid-queues-show {
            width: calc(100% - 260px);
            margin-left: 260px;
        }

.header-text,
.header-value {
    color: #aeaeae;
    font-weight: normal;
    display: initial;
}

    .header-text.important-text,
    .header-value.important-text {
        color: #000;
    }

    .header-value.important-text {
        font-weight: bold;
    }

.header-information {
    display: inline-block;
    float: right;
}

.bc-grid .ui-grid-viewport .hideValue .ui-grid-cell-contents {
    font-size: 0;
}

/* Checkbox u gridu */

.bc-grid .bottom-grid-bar .bc-checkbox md-checkbox:last-of-type {
    margin-left: 10px;
    margin-right: 20px;
}

/* Dropdown grid u filteru */

.ui-grid-filter-container .wrap-ddg-select .dropdown-ddg-menu {
    width: 240px;
}

.ui-grid-filter-container .bc-ui-dropdown-grid {
    width: 247px;
    border: 0;
}

.ui-grid-filter-container .ui-grid-pager-count-container {
    display: none;
}

.ui-grid-filter-container .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
.ui-grid-filter-container .wrap-ddg-select .ui-grid-header-viewport {
    border-right: 0;
}

.ui-grid-pager-panel {
    bottom: -2px;
}

/* GRID na MODALNOM prozoru */
/* RESPONSIVE */
@media (max-width:1440px) {
    .bc-grid-container {
        height: calc(100% - 110px);
    }
}