.cssObjGrid {
    padding: 4px;
    margin: 0 0 0;
    border-radius: 0;
}

.cssGrid {
    table-layout: fixed;
    font-size: 11px;
    font-family: Calibri;
    border: none;
    padding: 0;
    margin: 0;
    margin-top: 4px;
    border-left: 1px #dbe3e6 solid;
    border-top: 1px #dbe3e6 solid;
    background: #fff
}
    
.cssGrid td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cssGrid, .cssGrid td, .cssGrid th {
    padding: 0;
    border-right: 1px #e2e2e2 solid;
    border-bottom: 1px #e2e2e2 solid;
    height: 28px;
    color: #191f51;
    font-family: Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif
}

.cssGrid tbody td {
    padding: 0px 5px 0px 5px !important;
}

    .cssGrid thead th {
        background: rgba(255,255,255,1);
        background: linear-gradient( 360deg, #e4e4e4, #f8f9fa);
        color: #454545;
        padding: 7px 5px !important;
        overflow: hidden;        
        font-weight: 100;
    }

           
.cssGrid tbody th {
    background: #e4e5ea none
}

.cssGrid tr th abbr {
    font-weight: 400 !important
}

.cssGrid tbody {
    height: 10px;
    overflow-y: auto;
    overflow-x: hidden
}

.cssInputText {
    height: 27px !important;
    overflow: hidden;
    max-width: 100%;
    font-size: 14px;
    border: 1px solid #b3baf7 !important;
}

.cssInputText[readonly] {
    cursor:not-allowed;
}

    .cssInputText[type=date], [type=datetime-local], [type=month], [type=time] {
        letter-spacing: -0.2px;
        padding-left: 2px;
    }

.cssDropDownList {
    height: 27px !important;
    /*padding-right: 24px;*/
    font-size: 14px;
    border: 1px solid #b3baf7 !important;
    padding: 0px;
    padding-left:4px;
}

.cssColDef {
    width: 15px;
    text-align: center;
    font-size: 12px;
    padding-left: 0 !important;
    color: #454545;
    background: #f0f0f0;
}


.cssFilaSelec {
    background-color: #cfd7f9 !important;
}

.cssFilaSelecEliminada {
    display: none
}

.cssCheckbox {
    height: 14px
}

.cssObjSeleccion {
    /*position: absolute;*/
    position: fixed;
    left: -10000px;
    top: auto;
    width: 0;
    height: 0;
    overflow: hidden
}

.fi-arrows-expand-vertical {
    transform: rotate(-45deg)
}

.cssOrdena {
    margin-right: 5px
}

.cssOrdena, .glyphicon-backward:hover, .glyphicon-fast-backward:hover, .glyphicon-fast-forward:hover, .glyphicon-forward:hover, .glyphicon-refresh:hover {
    cursor: pointer
}

.cssLoadingGrid {
    font-size: 9pt;
    font-family: Calibri
}

.glyphicon_clip {
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.cssgrid-container {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 0 1rem 0;
}

.cssGrid.pager {
    background: rgba(212,228,239,1);
    background: -moz-linear-gradient(top,rgba(212,228,239,1) 0,rgba(188,203,211,1) 31%,rgba(188,203,211,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(212,228,239,1)),color-stop(31%,rgba(188,203,211,1)),color-stop(100%,rgba(188,203,211,1)));
    background: -webkit-linear-gradient(top,rgba(212,228,239,1) 0,rgba(188,203,211,1) 31%,rgba(188,203,211,1) 100%);
    background: -o-linear-gradient(top,rgba(212,228,239,1) 0,rgba(188,203,211,1) 31%,rgba(188,203,211,1) 100%);
    background: -ms-linear-gradient(top,rgba(212,228,239,1) 0,rgba(188,203,211,1) 31%,rgba(188,203,211,1) 100%);
    background: linear-gradient(to bottom,rgba(212,228,239,1) 0,rgba(188,203,211,1) 31%,rgba(188,203,211,1) 100%)
}

.cssGrid-pager-icon {
    color: #191f51;
    font-size: 17px
}

.cssRowXCol0-Edit {
    border-left: 3px solid hsl(210deg 100% 35%) !important;
}

.cssCol0RowX-Edit {
    border-bottom: 2px solid hsl(210deg 100% 35%) !important;
}

.cssgrid-container table thead,
.cssgrid-container table tbody,
.cssgrid-container table tfoot {
    border: unset;
    background-color: unset;
}

.cssgrid-container table tbody th,
.cssgrid-container table tbody td {
    padding: unset;
}

.cssgrid-container tr:nth-child(even) {
    border-bottom: 0;
    background-color: unset;
}

.cssGrid tr:nth-child(odd) {
    background: #fff
}

.cssGrid tr:nth-child(even) {
    background: #fcfcfc
}

.cssFilaModif {
    background-color: #f3b4b4;
}


.cssFilaError {
    border-bottom-color: #F00000 !important;    
}

.cssGrid-btn-textcell {
    color: #fff;
    background-color: #85abd2;
    border-color: #85abd2;
    border-radius: 0;
}

.cssgrid-order {
    cursor: pointer;
}
.cssgrid-order-left {
    cursor: pointer;
}

.cssgrid-order::after {
    opacity: .2;
    float: right;
    padding-right: 3px;
    font-size: 14px;
    color: #191f51;
    font-family: 'Icons';
    content: '\e05a';
}

.cssgrid-order-desc::after {
    float: right;
    opacity: 1 !important;
    padding-right: 3px;
    font-size: 14px;
    color: #191f51;
    content: '\e0c0';
    font-family: 'Icons';
}

.cssgrid-order-asc::after {
    float: right;
    opacity: 1 !important;
    padding-right: 3px;
    font-size: 14px;
    color: #191f51;
    content: '\e0c0';
    font-family: 'Icons';
    transform: rotate( 180deg );
}

.cssgrid-order-left::before {
    opacity: .2;
    float: left;
    padding-right: 3px;
    font-size: 14px;
    color: #191f51;
    font-family: 'Icons';
    content: '\e05a';
}

.cssgrid-order-desc-left::before {
    float: left;
    opacity: 1 !important;
    padding-right: 3px;
    font-size: 14px;
    color: #191f51;
    content: '\e0c0';
    font-family: 'Icons';
}

.cssgrid-order-asc-left::before {
    float: left;
    opacity: 1 !important;
    padding-right: 3px;
    font-size: 14px;
    color: #191f51;
    content: '\e0c0';
    font-family: 'Icons';
    transform: rotate( 180deg );
}

.cssGrid-thead-filter {
    border-bottom: 1px solid #dbe5e6 !important;
}
.cssGrid-filter-icon {
    /*font-family: Icons;*/
}

.cssGrid-filter-icon::after {
    /*content: '\e08f';*/    
    content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAvAAAALwBzx0kHgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACXSURBVDiN1dEhDsJAEEbhj1KCQXEN7sARargMEhwSxxUwkDoUV6jrEbAokAREN6SiLUtRvGTFTvb9mZmFDM+eJ0v8yABTzHr6ZYorxth8KS+D+2YtfvZVW+o2Qt51tZVg3yEfMfw02winBvms2lUUExQ1uQi1xpabuCGv3fNQiw6I5j8CHij7BtyxwKHtQdohXzBXfWErL00LQDQIQ+KcAAAAAElFTkSuQmCC);
    /*color: #191f51;*/
    cursor: pointer;
}

.cssGrid-filter-icon-cancel::after {
    content: '\e0db';
    font-family: 'Icons';
    color: #191f51;
}

.cssGrid-filter-icon-row {
    padding-top: 5px !important;
}
    .cssGrid-filter-icon-row::after {
        content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAbwAAAG8B8aLcQwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADgSURBVDiN1dKhTsJxFMXxz99BYSRGp7i5GX0Nm49g5zl4AyuNJ6AQLQaDxWLXYIGZCASOgZ8M8P//D6Nnu+Xc773b3bmSwAL5Yy2S6NjpCrd4cZ5u8ID9gi22ST7Pma6qaltmKCeM8YFREm2FUWHHSRw2JnjDsGV4WJjJ3jsBpnhGv2a4X3rTI/8E6mBul0r3wO8Wb45O44IC9/CE2YE3K17vF99w6wBrXJZaY1DH/sR4pCSrqqo2BzFvkqzq2IszYm/V/1hw7edt69TydV94xBL3TVxtCkXveMVdkmUT9A3vJhNpSvpO6QAAAABJRU5ErkJggg==);
    }

.cssgrid-container > table > tbody > tr > td > div {
    overflow-y: auto !important;
}


/* scrollbar */
.cssgrid-container > table > tbody > tr > td > div::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    animation: all .2s;
}

/* scrollbar Track */
.cssgrid-container > table > tbody > tr > td > div::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* scrollbar Handle */
.cssgrid-container > table > tbody > tr > td > div::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
}

/* scrollbar Handle on hover */
.cssgrid-container > table > tbody > tr > td > div::-webkit-scrollbar-thumb:hover {
    background: #A8A8A8;
}

.csstreeview-container {
    border: 1px solid #e2e2e2;
    overflow: auto;
}

/* scrollbar */
.csstreeview-container::-webkit-scrollbar {
    width: 10px;
    height:10px;
    animation: all .2s;
}

/* scrollbar Track */
.csstreeview-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* scrollbar Handle */
.csstreeview-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
}

/* scrollbar Handle on hover */
    .csstreeview-container::-webkit-scrollbar-thumb:hover {
        background: #A8A8A8;
    }