.table-fixhead > thead > tr > th{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
    background-color: white;
    box-shadow: 1px 0 0 2px grey;
    z-index: 1;
}
.table-fixhead-withsearch > thead > tr > th{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 33px;
    background-color: white;
    box-shadow: 1px 0 0 2px grey;
    z-index: 1;
}
@media print {
    .table-fixhead > thead > tr > th,
    .table-fixhead-withsearch > thead > tr > th{
        position: relative;
    }
}

.grid-view td,
.grid-view table{
    border-color: #696969 !important;
    line-height: 16px !important;
}
.grid-view th{
    line-height: 14px !important;
}
.grid-view th a.asc:after{
    font-family: FontAwesome;
    content: " \f0de";
}
.grid-view th a.desc:after{
    font-family: FontAwesome;
    content: " \f0dd";
}
.grid-view .success-cell{
    background-color: lightgreen !important;
}
.grid-view .warning-cell{
    background-color: orange !important;
}
.grid-view .error-cell{
    background-color: lightcoral !important;
}
.grid-view .more-btn{
    cursor: pointer;
    display: none;
    font-size: 25px;
}
.grid-view td:hover .more-btn{
    display: block;
}
.grid-view.grid-history td,
.grid-view.grid-history th{
    text-align: center;
}




.link-in-grid,
.selectable-in-grid{
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    line-height: 20px !important;
    border: 1px solid #adadad;
    background-color: #e6e6e6;
    padding: 0 2px;
    vertical-align: middle;
}
.link-in-grid:hover,
.selectable-in-grid:hover{
    background-color: lightgrey;
    border-color: #ссс;
}

.grid-view .grid-doc-fix{
    max-width: 130px !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
}
.grid-view .grid-doc-fix2{
    max-width: 138px !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
}




.grid-clipper{
    padding: 5px;
    width: 100%;
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
}
.grid-clip-block{
    width: 96%;
    margin: 0 2% 15px 2%;
    border-right: 2px solid lightgrey;
    border-bottom: 2px solid lightgrey;
    border-left: 2px solid lightgrey;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: whitesmoke;
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s;
    -o-transition: max-height 0.3s;
    transition: max-height 0.3s;
    max-height: 3px;
    overflow: hidden;
    pointer-events: none;
    padding: 10px 5px 0 5px;
}
.grid-clip-block.grid-clipped{
    max-height: 999px;
    pointer-events: auto;
    padding: 5px;
}





.grid-view .bookkeeper-grid-row{
    overflow: hidden;
    line-height: 1px !important;
}
.grid-view .grid-blocks-inner{
    padding: 0;
}
.grid-view .head-in-column{
    cursor: pointer;
    padding: 1px;
    height: 68px;
    background-color: #d7d7d7;
}
.grid-view .full-block-in-column{
    -webkit-transition: max-height 0.3s;
    -moz-transition:  max-height 0.3s;
    -o-transition:  max-height 0.3s;
    transition:  max-height 0.3s;
    max-height: 0;
    overflow-y: hidden;
}
.grid-view .block-in-column{
    min-height: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: min-height 0.3s;
    -moz-transition:  min-height 0.3s;
    -o-transition:  min-height 0.3s;
    transition:  min-height 0.3s;
}
.grid-view .bookkeeper-grid-row.showed .block-in-column{
    border-top: 1px solid grey;
    padding: 1px;
    min-height: 120px;
    overflow-y: auto;
}
.grid-view .bookkeeper-grid-row.showed .full-block-in-column{
    border-top: 1px solid grey;
    padding: 1px;
    max-height: 768px;
}
.grid-view .bookkeeper-grid-row.showed .head-in-column{
    background-color: wheat;
}


.grid-search-panel span.search-tag{
    position: absolute;
    padding: 0 4px;
    z-index: 1;
    top: 6px;
}
.grid-search-panel span.search-tag i{
    color: orange;
}
.grid-search-panel span.search-tag i:hover{
    color: orangered;
}
.grid-search-panel span#tags-hidden-input{
    display: none;
}