﻿.CatGridV3 > * {
    z-index: 0;
}

.CatGridV3 .cat-grid-nodata {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.fillercell, .scrollbarcell {
    visibility: hidden;
}

    .fillercell > div {
        padding-right: 17px;
        right: auto;
        width: auto;
    }

.CatGridV3 .grid-body, .CatGridV3 .grid-body-fixed {
    height: 100%;
}

.modal-body .cat-grid-content-row > td {
    position: relative;
}

.CatGridV3 .cat-glyphicon {
    text-align: center;
    vertical-align: middle;
}

.modal-body .grid-body, .modal-body .grid-body-fixed {
    /*position: absolute;*/
    right: 0px;
    bottom: 0px;
    left: 0px;
    top: 0px;
}

.CatGridV3 .cat-grid-table i.indicator {
    /*top: 10px;*/
}

.CatGridV3 .cat-grid-table td {
    padding: 0px 5px 0px 5px;
}

    .CatGridV3 .cat-grid-table td > div.cat-html {
        overflow: hidden;
        text-overflow: ellipsis;
    }


.CatGridV3:not(.cat-auto-row-height) .cat-grid-table.cat-grid-fixed-row-height > tbody > tr {
    height: 37px;
}

.cat-grid-compressed .CatGridV3 .cat-grid-table.cat-grid-fixed-row-height > tbody > tr {
    height: 23px;
}

.cat-grid-compressed .CatGridV3 .pmd-textfield .form-control {
    padding: 0px;
    margin: -1px;
}

/* SVe 30.01.2019 try to fix grid height, includes IE11 */
/*.CatGridV3 td > * {
    line-height: 16px;
}*/


.CatGridV3 .cat-upload-file {
    width: 100%;
    display: inline-flex;
}

    .CatGridV3 .cat-upload-file > div {
        width: calc(100% - 80px);
        border-bottom: none;
    }

    .CatGridV3 .cat-upload-file a {
        padding: 5px;
        /*padding-bottom: 5px;
        padding-top: 5px;*/
    }

    .CatGridV3 .cat-upload-file .form-control img {
        height: 100%;
    }

.CatGridV3 #Icon {
    text-align: center;
    /*Lead to white heading line on top (bva 47 - Berechtigte)*/
    /*padding-top: 2px !important;*/
}

.CatGridV3 .cat-icon {
    /*position: relative;
    top: 2px;*/
}

.CatGridV3 i.cat-icon {
    position: relative;
    top: 3px;
}

tr.grid-batchupdaterow > td {
    padding: 0px 5px 0px 5px !important;
}
/*.CatGridV3 ul.cat-select:not(.open) li.cat-select-item {
    top:2px;
}*/
/*.CatGridV3.cat-content-hastoolbar .grid-body,
.CatGridV3.cat-content-hastoolbar .grid-body-fixed {
    height: -webkit-calc(100% - 106px);
    height: -moz-calc(100% - 106px);
    height: calc(100% - 106px);
}*/
/*.CatGridV3.cat-content-hastoolbar.cat-master-details .grid-body,
.CatGridV3.cat-content-hastoolbar.cat-master-details .grid-body-fixed {
    height: -webkit-calc(50% - 160px);
    height: -moz-calc(50% - 160px);
    height: calc(50% - 160px);
}*/
.CatGridV3 .table > thead > tr > th,
.CatGridV3 .table > tbody > tr > th.CatGridV3 .table > tfoot > tr > th,
.CatGridV3 .table > thead > tr > td,
.CatGridV3 .table > tbody > tr > td,
.CatGridV3 .table > tfoot > tr > td {
    /*padding-bottom: 0px !important;*/
    padding-top: 0px !important;
    vertical-align: middle;
    height: auto;
}

.CatGridV3 .table > tbody > tr.autoheight > td, .CatGridV3 .table > tbody > tr.fixedheight > td {
    vertical-align: top;
}

.CatGridV3 > td .form-group.pmd-textfield {
    margin-bottom: 0px;
}

.CatGridV3 > td .pmd-textfield .form-control {
    padding-bottom: 0px;
}

.CatGridV3 tr.grid-selected > td {
    border-bottom: 1px solid #66afe9;
}

.CatGridV3 tr input, .CatGridV3 tr .select2-selection {
    border: none !important;
}

.CatGridV3 .select2-container {
    bottom: -1px;
}

.CatGridV3 .form-group {
    position: relative;
    margin-bottom: 0 !important;
    padding-left: 5px;
}

    .CatGridV3 .form-group.checkbox, .CatGridV3 .form-group.radio,
    .CatGridV3 .checkbox, .CatGridV3 .radio {
        text-align: center;
        overflow: hidden;
        margin-top: 3px;
    }

.CatGridV3 .radio {
    top: 0;
}

.modal-content .CatGridV3 tr.grid-main-row > td {
    height: 100%;
}

.CatGridV3 .pmd-checkbox [type="checkbox"]:not(:checked) + .pmd-checkbox-label, .CatGridV3 .pmd-checkbox [type="checkbox"]:checked + .pmd-checkbox-label,
CatGridV3 .cat-checkbox [type="checkbox"]:not(:checked) + .cat-checkbox-label, .CatGridV3 .cat-checkbox [type="checkbox"]:checked + .cat-checkbox-label {
    top: 4px !important;
}

.CatGridV3 .pmd-textfield .form-control {
    padding: 5px;
    padding-left: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*overrides properller behaviour if readonly is set*/
    .CatGridV3 .pmd-textfield .form-control[readonly] {
        background-color: transparent !important;
        border: none !important;
        position: unset !important;
    }

.CatGridV3 .table > tbody > tr:not(.autoheight) textarea:not(.cat-makebig) {
    max-height: 30px;
}

.CatGridV3 textarea {
    border: none !important;
    resize: none;
}

.CatGridV3 button {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px !important;
    padding: 0px;
    height: 100%;
    min-width: inherit;
    line-height: 25px;
    /*border: 1px solid gainsboro;*/
}

.CatGridV3 .grid-header-fixed td, .CatGridV3 .grid-header td {
    vertical-align: middle;
    font-weight: bold;
}

.grid-body {
    overflow: auto;
}

.grid-headerrow > td, .grid-footerrow > td {
    padding: 0px !important;
}

.grid-batchupdaterow {
    background-color: #e4e4e4;
}

.CatGridV3 .table > tbody > .grid-batchupdaterow > td {
    height: 30px;
}

.grid-body-fixed {
    overflow-x: auto;
    overflow-y: hidden;
}

.grid-footer, .grid-footer-fixed {
    height: 30px;
}

.grid-footerrow > td > * {
    padding-right: 5px;
    padding-top: 0px !important;
}

.grid-header, .grid-header-fixed, .grid-footer, .grid-footer-fixed {
    overflow: hidden;
}

    .grid-header td, .grid-header-fixed td {
        vertical-align: middle;
    }

        .grid-header td > label, .grid-header-fixed td > label {
            max-width: 100%;
        }

    .grid-header .table, .grid-header-fixed .table {
        margin-bottom: 0px;
    }

.grid-body td > *, .grid-body-fixed td > * {
    width: 100%;
}

.grid-body td.cat-style-bg-image > *, .grid-body-fixed td.cat-style-bg-image > * {
    /*padding-top: 50%;*/
    min-height: 25px;
}

.grid-resizer {
    width: 2px;
    overflow: hidden;
}

    .grid-resizer:hover, .ui-resizable-e:hover {
        cursor: col-resize;
    }

.grid-header-fixed, .grid-header-fixed {
    vertical-align: middle !important;
}

div.datagrid .form-control:not(:focus) {
    border: none;
    box-shadow: none;
}

div.datagrid > h1 {
    height: 100%;
    vertical-align: middle;
    text-align: center;
    top: 40%;
    position: relative;
    font-size: 36px !important;
}


div.datagrid .date > span.input-group-addon {
    display: none;
}

#fieldchooser > div {
    padding: 0px;
}

.CatGridV3 .form-control:disabled {
    border-width: 0px;
    background-color: transparent !important;
    box-shadow: none !important;
    transition: none !important;
}

.CatGridV3 .cat-disabled:not(.cat-glyphicon) {
    /*padding-top: 7px;*/
    position: relative;
    top: 5px;
    min-height: 25px;
}

.CatGridV3 .grid-headerrow > td {
    padding-left: 5px;
}

    .CatGridV3 .grid-headerrow > td > label {
        max-height: 40px;
        min-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.CatGridV3 tr.grid-main-row {
    height: 100%;
}

table tr.grid-main-row > td {
    height: 100%;
}

.bootstrap-dialog-message .CatGridV3 tr.grid-pager-row {
    height: 44px;
    vertical-align: top;
}

.CatGridV3 td.grid-pager-cell {
    border-top: solid 1px rgb(236, 238, 239);
}

.CatGridV3 tr.grid-pager-row .navbar {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.CatGridV3 tr.grid-pager-row .dropdown {
    max-height: 250px;
}

.CatGridV3 tr.grid-pager-row li > a {
    padding: 3px;
}

    .CatGridV3 tr.grid-pager-row li > a > b {
        top: 15px;
    }

.CatGridV3 tr.grid-pager-row ul, .CatGridV3 tr.grid-pager-row nav {
    margin: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#_pager_pages span {
    /*position:relative;
    top:3px;*/
    line-height: 25px;
}

#cat_grid_no_of_records {
    position: relative;
    float: right;
    line-height: 25px;
    right: 20px;
    margin-top: -29px;
}

.CatGridV3 .select2-selection__rendered {
    width: 100%;
}

.bootstrap-dialog-message .CatGridV3 .grid-body, .CatGridV3 .grid-body-fixed {
    height: 100%;
}

.CatGridV3 .grid-header td:hover > nav.cat-grid-search-menu > ul > li:last-child, .grid-header-fixed td:hover .cat-grid-search-menu > ul > li:last-child {
    display: inline-block !important;
}

.CatGridV3 .treecell {
    padding-left: 5px;
    padding-right: 3px;
    width: 16px;
}

.CatGridV3 i.indicator {
    width: 16px;
    margin: 0px;
}

.CatGridV3 #cat_level_selector > a > b {
    margin-right: 7px;
}

.CatGridV3 .cat-grid-search-menu, .CatGridV3 .cat-grid-search-menu > ul, .CatGridV3 .cat-grid-search-menu > ul > li, .CatGridV3 .cat-grid-search-menu > ul > li > a {
    height: 100%;
    width: 100%;
    border: none;
}

    .CatGridV3 .cat-grid-search-menu > ul > li > a > span {
        line-height: 100%;
    }

    .CatGridV3 .cat-grid-search-menu > ul > li:first-child {
        width: 100%;
        /*max-height: 80px;*/
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .CatGridV3 .cat-grid-search-menu > ul > li:first-child > div {
            display: inline;
        }

            .CatGridV3 .cat-grid-search-menu > ul > li:first-child > div > span {
                overflow: hidden;
                text-overflow: ellipsis;
                display: table;
                margin-left: auto;
                margin-right: auto;
            }

        .CatGridV3 .cat-grid-search-menu > ul > li:first-child > a > span.cat-left-align, .CatGridV3 .cat-grid-search-menu > ul > li:first-child > a > div.cat-gantt-header > span.cat-left-align {
            width: 100%;
            text-align: left;
            position: relative;
            padding: 0 5px;
            font-weight: 500;
        }

        .CatGridV3 .cat-grid-search-menu > ul > li:first-child > a > span.cat-right-align, .CatGridV3 .cat-grid-search-menu > ul > li:first-child > a > div.cat-gantt-header > span.cat-right-align {
            width: 100%;
            text-align: right;
            position: relative;
            padding: 0 5px;
            font-weight: 500;
        }

        .CatGridV3 .cat-grid-search-menu > ul > li:first-child > a > div.cat-gantt-header {
            font-weight: 500;
            vertical-align: middle;
            display: table-cell;
            padding-top: 3px;
        }

        .CatGridV3 .cat-grid-search-menu > ul > li:first-child > a > span.cat-center-align {
            width: 100%;
            text-align: center;
            font-weight: 500;
        }

        .CatGridV3 .cat-grid-search-menu > ul > li:first-child > a > span.highlight {
            color: red;
        }

    .CatGridV3 .cat-grid-search-menu > ul > li:last-child > a {
        display: table;
        padding: 3px !important;
    }

        .CatGridV3 .cat-grid-search-menu > ul > li:last-child > a > span {
            display: table-cell;
            vertical-align: middle;
        }

    .CatGridV3 .cat-grid-search-menu > ul > li.notHideableDropdown {
        display: inline-block !important;
    }

.CatGridV3 .highlight-grid-header {
    background-color: green;
    color: white;
}

.CatGridV3 .grid-header td ul.nav, .CatGridV3 .grid-header-fixed td ul.nav {
    z-index: 1000;
    min-height: 35px;
    overflow: visible !important;
}

.CatGridV3 .grid-header td .open > a {
    /*display: inline; position: relative;*/
    background: transparent !important;
    z-index: 0;
    opacity: 1 !important;
}

#popout, #maximize {
    background-color: white;
}

.cat-content, .datagrid {
    height: 100%;
}

.right-aligned-value, .right-aligned-value input {
    text-align: right;
    padding-right: 2px !important;
}

.left-aligned-value, .left-aligned-value input {
    text-align: left !important;
}

.center-aligned-value, .center-aligned-value input {
    text-align: center !important;
    /*margin-right: 15%;
    margin-left: 15%;*/
}

.CatGridV3 td textarea.cattokenupdate.cat-makebig, .form-group.pmd-textfield textarea .cattokenupdate.cat-makebig {
    position: absolute;
    height: 120px;
    /*min-width: 250px;*/
    max-height: 120px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-color: white;
    border: 1px solid #eee !important;
    z-index: 99999;
    overflow-y: auto;
}

.form-group.pmd-textfield textarea .cattokenupdate.cat-makebig {
    min-width: 250px;
}

.FilterSortIcons {
    display: flex;
    float: right;
}

.cat-asc, .cat-filter {
    font-size: 20px;
}
/* tree item element while drag & drop into the grid */
.CatGridV3 .cat-tree-isleaf {
    list-style-type: none;
}

.CatGridV3 .cat-treeview-node {
    position: absolute;
    padding: 0 5px;
}

.CatGridV3 .fieldChooserCell .cat-treeview-node {
    position: unset;
    padding: unset;
}

.CatGridV3 .cat-to-be-added-item .checkbox {
    width: 20px;
}
/*
    FIX for bordered cell in IE.
    In IE invisible cells and rows get extra borders that are not present in other browsers.
    This style makes sure only the cells we want to have borders, have borders.
*/
.table-bordered {
    border-width: 1px !important;
}

    .scrollbarcell, .fillercell, .table-bordered tr, .table-bordered th, .table-bordered tbody, table.table-bordered {
        border: none !important;
    }

.CatGridV3 #fieldchooser_tree_toolbar {
    height: 39px;
    border-bottom: 1px solid #eceeef;
}

    .CatGridV3 #fieldchooser_tree_toolbar .nav {
        margin-top: 2px;
    }

    .CatGridV3 #fieldchooser_tree_toolbar .list-group-item-heading {
        padding-left: 0px !important;
    }

    .CatGridV3 #fieldchooser_tree_toolbar .input-group {
        padding-left: 0px !important;
    }

    .CatGridV3 #fieldchooser_tree_toolbar .form-group {
        left: 0px !important;
    }

    .CatGridV3 #fieldchooser_tree_toolbar .input-group-addon {
        padding: 0 5px !important;
    }

    .CatGridV3 #fieldchooser_tree_toolbar #searchinput {
        width: 100%;
    }

    .CatGridV3 #fieldchooser_tree_toolbar .btn {
        padding: 0 5px;
    }

.CatGridV3 #fieldchooser_tree {
    height: unset;
    display: block;
    padding-left: 15px;
}

.CatGridV3 #fieldchooser_tree_container {
    position: relative;
}

.CatGridV3 .removeColumn {
    position: absolute;
    height: 44px;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: rgba(255,0,0,0.5);
}

.CatGridV3 td.overTrash a, .CatGridV3 td.overTrash a:hover {
    background-color: rgba(255,0,0,1) !important;
    color: white !important;
}

.CatGridV3 td.overTrash {
    opacity: 1 !important;
}

.CatGridV3 .removeColumn span {
    position: absolute;
    text-align: center;
    width: 100%;
    color: white;
}

.CatGridV3 #fieldchooser_tree .branch {
    margin-top: 5px;
}

    .CatGridV3 #fieldchooser_tree .branch > .cat-tree-item {
        font-weight: bold;
        padding-left: 10px;
    }

.CatGridV3 #fieldchooser_tree .cat-tree-isleaf {
    margin-left: 25px;
}

.cell-cursor-container {
    position: relative;
    background: #fff;
}

.cell-border {
    border-style: solid !important;
    border-color: #000 !important;
    border-width: 3px !important;
}

.cell-cursor {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #000;
    width: 7px !important;
    height: 7px;
    border: 1px solid #fff;
    border-right: 0px;
    border-bottom: 0px;
    cursor: crosshair;
}

.upper-grid-header-menu .list-group-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
