﻿
/* GRID COINTAINERS */

.grid-container-full {
    width: 100%;
    height: calc(100% - 34px);
    position: absolute;
    bottom: 0;
}



/* GRID */

.ls-grid {
    position: absolute;
    z-index: 85;
    width: 100%;
    height: 100%;
    //background: #69555A;
}

    .ls-grid.ui-grid {
        border-color: #e5e5e5;
        //margin-top: -1px;
        border: 0;
    }

    .ls-grid .ui-grid-header-viewport,
    .ls-grid .ui-grid-top-panel {
        //background: #e5e5e5;
        background: rgba(229,229,229,1);
        background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(194,194,194,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(100%, rgba(194,194,194,1)));
        background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(194,194,194,1) 100%);
        background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(194,194,194,1) 100%);
        background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(194,194,194,1) 100%);
        overflow: visible;
        font-weight: 100;
    }

    .ls-grid.long-grid {
        position: static;
    }

.ls-grid.long-grid,
.toolbar.long-grid {
    width: 2900px;
}

    .ls-grid.long-grid .ui-grid-header-viewport,
    .ls-grid.long-grid .ui-grid-top-panel {
        //overflow: hidden;
    }

.ls-grid .ui-grid-header,
.ls-grid .ui-grid-header-cell {
    border-color: #fff;
    box-shadow: -1px 0 #b5b5b5 inset;
}

.ls-grid .ui-grid-footer-panel {
    background: #e5e5e5;
}

.ls-grid .ui-grid-cell,
.ls-grid .ui-grid-footer-panel {
    border-color: #e5e5e5;
}

    .ls-grid .ui-grid-header-cell:nth-last-child(2),
    .ls-grid .ui-grid-cell:nth-last-child(2) {
        border: 0;
        box-shadow: none;
    }

.ls-grid .ui-grid-header .ui-grid-cell-contents {
    //background: #e5e5e5;
    padding: 6px 10px;
}

    .ls-grid .ui-grid-header .ui-grid-cell-contents:focus {
        box-shadow: 0 0 0;
        //background: #e5e5e5;
    }

.ls-grid .ui-grid-canvas .ui-grid-row:hover .ui-grid-cell .ui-grid-cell-contents,
.ls-grid .ui-grid-canvas .ui-grid-row:hover .ui-grid-cell input[type="text"].ls-input-editable {
    //color: #fff;
    //background-color: #734853;
    background: rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 #8A8787 inset, 0 -1px 0 #8A8787 inset;
    //bfaf80;
}

    .ls-grid .ui-grid-canvas .ui-grid-row:hover .ui-grid-cell .ui-grid-cell-contents div {
        color: #fff;
    }

/* CUSTOM ROW TEMPLATE SELECT & HOVER STYLE */
.ls-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color: #DBD9D9;
    border-color: #DBD9D9;
}

.ls-grid .ui-grid-canvas .ui-grid-row-selected .custom-grid-row .ui-grid-cell {
    background-color: #86B0D9;
}

.ls-grid .ui-grid-row {
    box-shadow: 0 1px 0 0 #e5e5e5;
    //59323c;
}

.ls-grid .ui-grid-cell-contents {
    padding: 6px 15px;
    line-height: 18px;
}

.ls-grid .ui-grid-footer-cell {
    border: 0;
    background: #e5e5e5;
    padding: 6px 15px;
}

.ls-grid .ui-grid-filter-container {
    padding: 0px 10px 6px 10px;
}

.ls-grid .ui-grid-cell input {
    height: 24px;
    text-align: right;
    padding: 0 10px;
}

.ls-grid .ui-grid-filter-container input[type="text"] {
    background: #fafafa;
    padding: 0 18px 0 5px;
    width: 100%;
    max-width: 100%;
}

    .ls-grid .ui-grid-filter-container input[type="text"]:focus,
    .ls-grid .ui-grid-filter-container input[type="text"].ng-not-empty {
        background: #fff;
    }

.ls-grid .ui-grid-filter-container .ui-grid-filter-button { /* Clear filter button (x) */
    top: -6px;
    right: 8px;
}

.ls-grid .ui-grid-filter-container input[type="text"] {
    height: 24px;
    border: 0;
    box-shadow: 0 0px 1px #292929 inset;
}

    .ls-grid .ui-grid-cell-contents:focus,
    .ls-grid .ui-grid-filter-container input[type="text"]:focus {
        outline: 0;
        box-shadow: 0 0px 0px 1px #59323c inset;
    }

.ls-grid .ui-grid-column-resizer:last-of-type {
    display: none;
}

.ls-grid-filter {
    background: transparent;
    border: 0;
    position: fixed;
    z-index: 200;
    top: -4px;
    right: 0;
    padding: 9px 9px 8px 9px;
    //background-color: #e5e5e5;
}

    .ls-grid-filter:hover {
        color: #59323c;
    }

    .ls-grid-filter:focus,
    .ls-grid .ui-grid-menu-items button.ui-grid-menu-item:focus {
        outline: 0;
    }

    .ls-grid-filter span {
        font-size: 14px;
    }

.ls-grid .ui-grid-filter-container .dropdown {
    width: 100%;
}

.ls-grid .ui-grid-canvas .ui-grid-row:hover .ui-grid-cell {
    //background-color: #84BCF5;
    //border-color: #59323c;
}

.ls-grid .grid-button {
    height: 24px;
    background: transparent;
    border: 0;
    padding: 6px 0px 0 0;
    outline: 0;
    margin-right: 5px;
}

    .ls-grid .grid-button:hover span,
    div.btn-group > .dropdown-toggle.btn-default.grid-dropdown-stored-status,
    div.btn-group.open > .dropdown-toggle.btn-default.grid-dropdown-stored-status {
        color: #59323c;
    }

.ls-grid .ui-grid-pinned-container-left .ui-grid-header-cell-wrapper .ui-grid-cell-contents,
.ls-grid .ui-grid-pinned-container-left .ui-grid-tree-header-row .ui-grid-cell-contents {
    padding: 5px;
}

.ls-grid .ui-grid-render-container-left .ui-grid-tree-header-row .ui-grid-cell-contents:hover {
    background-color: #f5f5f5;
}

.ls-grid .ui-grid-tree-header-row .ui-grid-cell-contents i,
.ls-grid .ui-grid-header-cell-wrapper .ui-grid-cell-contents .ui-grid-tree-base-row-header-buttons {
    color: #59323c;
    font-size: 14px;
    cursor: pointer;
}

    .ls-grid .ui-grid-cell-contents .ui-grid-tree-base-row-header-buttons:hover,
    .ls-grid .ui-grid-tree-header-row .ui-grid-cell-contents i:hover {
        color: #292929;
        border-color: #d1d1d1;
    }

.ls-grid .ui-grid-row.ui-grid-tree-header-row .ui-grid-row-header-cell:hover,
.ls-grid .ui-grid-row.ui-grid-tree-header-row .ui-grid-row-header-cell .ui-grid-cell-contents:hover {
    background: #f0f0ee;
    border-bottom-color: #d4d4d4;
}

/*.ls-grid .ui-grid-cell {
    border-color: #4D3F42;
}

    .ls-grid .ui-grid-cell .ui-grid-cell-contents {
        background: #69555A;
        color: white;
    }

        .ls-grid .ui-grid-cell .ui-grid-cell-contents .checkbox label {
            color: white;
        }*/

/* NEW */

.grid-toolbar {
    width: 100%;
}

    .ls-grid .ui-grid-canvas .ui-grid-row .ui-grid-cell .ui-grid-cell-contents.grid-toolbar .grid-icon {
        color: #000;
        margin-right: 25px;
        cursor: pointer;
        float: left;
    }

    .ls-grid .ui-grid-canvas .ui-grid-row:hover .ui-grid-cell .ui-grid-cell-contents.grid-toolbar .grid-icon:last-of-type {
        margin-right: 0;
    }

    .ls-grid .ui-grid-canvas .ui-grid-row:hover .ui-grid-cell .ui-grid-cell-contents.grid-toolbar .grid-icon:hover,
        .grid-toolbar .grid-icon:hover span {
            color: #B22222;
        }

.custom-header {
    overflow: visible;
    cursor: pointer;
}

    .custom-header .dropdown ul {
        z-index: 999999;
    }

.custom-header-div {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 8px;
}


/* REPORTS */

.report-container {
    margin-left: -15px;
    height: calc(100% - 75px);
    border-top: 1px solid #d5d5d5;
}

.report-container.report-container-short {
    height: calc(100% - 310px);
}