.grid table
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    color: #606060;
    font-size: 1em;
    width: 100%;
    margin-top: 10px;
}

.grid td, .grid th
{
    padding: 0px 7px 2px 7px;
    border-bottom: 1px solid rgb(170, 170, 170);
}

.grid th
{
    background-color: rgba(0, 127, 171, .7);
    vertical-align: top;
    padding-top: 10px;
    font-weight: normal;
    color: white;
}

.grid th a {
    text-decoration: none;
    color: white;
}

.grid th a.grid-reset {
    margin-left: 5px;
    font-weight: normal;
}

.grid tr {
    height: 40px;
}

.grid tr:hover {
}

/*.grid tr.even
{
    background-color: #FFFFFF;
}

.grid tr.odd {
    background-color: #FFFFFF;

}*/

.grid_header, .grid_footer {
    margin: 5px 0;
    display: flex;
}

/* Icons for order */
/* You can find this icons in the images directory of the docuementation */
th div {
    height: 10px;
    width: 20px;
    float: right;
    padding-top: 4px;
}

.grid th div.sort_up {
    background: transparent url("data:image/gif;base64,R0lGODlhFwAKAIABAJCQkO/v7yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAAEALAAAAAAXAAoAAAIajI+py+0GwGsxTmVDvlqe/YCQ52wmyaXqUQAAOw==") no-repeat bottom left;
}

.grid th div.sort_down {
    background: transparent url("data:image/gif;base64,R0lGODlhFwAKAHAAACH5BAEAAAIALAAAAAAXAAoAgQAAAJCQkAAAAAAAAAIalI+py60RDpTRiZmwvdXozXkdKH6keKZqUwAAOw==") no-repeat bottom left;
}

/* Boolean column */
.grid .grid_boolean_true {
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACl0lEQVR42q2T60uTYRiH/Tv2bnttAwlkRCGChFD7FCQSm2ZDMQ/L0nRnj7TNGDbTooychzFSSssstdqc8zB1anNrSpm47FVCzH3pQLVhdLBfzztoJlifvOEHz4fnuu7nGBe311XgOyLMnTmsz/akMBljB8OSEVFY4kpkJM5Efbp9v/C/cJ43VSrzJId0HhluBy3oW+mKpnOpGSWuExD30iFxDy3dFSZdpZkTSZHr80Y41/phe3UDpvnKaNixY60PjbNVOGTjRZJtvJ2SHE+KINOdtMHC7MSaQBkq/CXQzJ6DjqScpNp3HvY3D3B5ugIiC3dDdJMriAlk7iSDajwr2pmFWVDlPQPFTCEU0wVQTxfCvT4Ig1cJB5Hk9hxDwjWuISbIGBExncFmWINNqPAVQ/lUTsB8KKdIPPmYeOsCW6HIOtpeNMI234j4ei4TExy3J2w+Wr2L2oAGWm8RWckAlj4uQDVZiPH1oSj8c+sH2p5fgWGyGH3BTvCN1GZMIH5Ib/avdMPoV6HWr8Xnb5+i0Iev72KwZa4ealc29O6z6A92gF/zt6CHZm4tNKF98Sp0U3KYfdWIfP8Shbd+bcHy7BLKnFnQEEFLoA7tXjPoKmp7C6l3+Ab5QBrsq/dRPSmH2n0adTPlWH6/iLa5BpQOnoTCcQo6Zw7sr7uRbj0KupLaPsRkK09wgFyN2aPBY+YeKkfzoB3OgWpIBqWDDQtn48lyF4xDxeCrORu0mhLseAuJTVxpfAMVMbnL4CCS1oAZ+tEiXBiWo5VswU5gvbMIvFJOhMC7v8Z9DVwpbaJCkg4x2v1m9L60onfBCovXhLSWVPAVnBCt+gf8p+iLXCFtoPR0DcXwtZwwX8UJk44MiZ4upYR7/nt/A+w9sdKFchsrAAAAAElFTkSuQmCC") no-repeat bottom left;
    display: inline-block;
    text-indent: 16px;
    width: 16px;
    overflow: hidden;
}

.grid .grid_boolean_false {
    background: transparent url("../image/error.png") no-repeat bottom left;
    display: inline-block;
    text-indent: 16px;
    width: 16px;
    overflow: hidden;
}

.grid .grid_boolean_Si {
    background: transparent url("../image/success.png") no-repeat bottom left;
    display: inline-block;
    text-indent: 16px;
    width: 16px;
    overflow: hidden;
}

.grid .grid_boolean_No {
    background: transparent url("../image/error.png") no-repeat bottom left;
    display: inline-block;
    text-indent: 16px;
    width: 16px;
    overflow: hidden;
}

/* Alignement */
.grid .align-left {
    text-align: left;
}

.grid .align-center {
    text-align: center;
}

.grid .align-right {
    text-align: right;
}

/* Column filter */
.grid .grid-filter-operator select{
    width: 30px;
    margin-bottom: 0px;
}

.grid .grid-filter-input-query input, .grid .grid-filter-select-query select{
    width: 50px;
    margin-bottom: 0px;
}

.grid .grid-filter-input-query-to, .grid .grid-filter-select-query-to{
    margin-left: 77px;
    display: block;
}

/* Grid Search */

.grid-search {
    border: 1px solid #D4E0EE;
    padding: 10px;
    border-radius: 10px;
    margin: 15px;
}

.grid-search label{
    width: 150px;
}

.grid-filter-input {
}

.grid form{
    width: auto;
}

.grid form input:not(.btn-info) { width:auto; line-height: 0px; font-size: 12px; min-height: 20px; margin-right: 2px;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    padding-left: 2px;   
}
.grid form select { width:auto; line-height: 0px; font-size: 12px; min-height: 20px; 
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    padding-left: 2px;}
.grid form ul li { width:auto; display: inline; margin-right: 4px; }

.grid .grid_action {
    background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
    display: inline-block;
    text-indent: 16px;
    width: 16px;
    overflow: hidden;
    margin-right: 5px;
    margin-top: 3px;
}

.grid .grid_show_action {
    background-image: url(images/xmag.png);
}

.grid .grid_edit_action {
    background-image: url(images/edit.png);
}

.grid .grid_delete_action {
    background-image: url(images/delete.png);
    background-repeat: no-repeat;
}

.grid .grid_history_action {
    background-image: url(images/historial.png);
    background-repeat: no-repeat;
}

.grid .grid_books_action {
    background-image: url(images/books.png);
    background-repeat: no-repeat;
}

.grid .grid_interest_action {
    background-image: url(images/interest.png);
    background-repeat: no-repeat;
}

.grid .grid_liquidate_action {
    background-image: url(images/liquidate.jpg);
    background-repeat: no-repeat;
    width: 100px;
    height: 30px;
}

.grid .grid_disabled_action {
    background-image: url(images/disabled.png);
    background-repeat: no-repeat;
}

.grid .grid_print_action {
    background-image: url(images/print.png);
    background-repeat: no-repeat;
}

.grid .grid_invoice_action {
    background-image: url(images/invoice.png);
    background-repeat: no-repeat;
}

.grid .grid_expedition_action {
    background-image: url(images/expedition.png);
    background-repeat: no-repeat;
}

.grid .grid_receive_action {
    background-image: url(images/receive.png);
    background-repeat: no-repeat;
}

.grid .grid_money_action {
    background-image: url(images/money.png);
    background-repeat: no-repeat;
}

.grid .grid_moneybag_action {
    background-image: url(images/moneybag.jpg);
    background-repeat: no-repeat;
}

.grid .grid_booking_action {
    background-image: url(images/booking.png);
}

.grid .grid_unchecked_action {
    background-image: url(images/unchecked_checkbox.png);
    background-repeat: round;
}

.grid .grid_checked_action {
    background-image: url(images/checked_checkbox.png);
    background-repeat: round;
}

.grid .grid_prepare_action {
    background-image: url(images/prepare.png);
    background-repeat: round;
}

.grid .grid_tango_action {
    background-image: url(images/tango.png);
    background-repeat: round;
}

.grid .grid_label_action {
    background-image: url(images/label.png);
    background-repeat: round;
}

.grid .grid_info_action {
    background-image: url(images/info.png);
    background-repeat: round;
}

.grid .grid_change_action {
    background-image: url(images/change.png);
    background-repeat: no-repeat;
}

.grid .grid-column-__actions {
    width: 0px;
    text-align: right;
}

/*.grid .grid-row-actions {
    width: 0px;
}
*/
.grid ul {
    padding-left: 6px;
    text-align: center;
    margin-bottom: 0px;
    padding-top: 2px;
    display: inline-flex;
    list-style-type: none;
}

.grid li {
    line-height: 16px;
}

.filter_show {
    position: absolute;
    margin-left: 8px;
    margin-top: 8px;
    height: 16px;
    width: 16px;
    background-image: url(images/filter.png);
    cursor: pointer;
}

.exports .btn-export {
    position: absolute;
    margin-left: -28px;
    margin-top: 0px;
    height: 20px;
    width: 20px;
    border: 0px;
    background-image: url(images/excel.png);
}

.grid-row-filters
{
    display: none;
}

.grid-filter-operator
{
    display: none;
}

.pagination {
    margin-bottom: 0px;
}

.grid-search-submit{
    margin-right: 20px;
}

.grid-search-action {   
    text-align: right;
    margin-top: 20px;
    clear: both;
    margin-right: 20px;
}

.grid-filter-input {
    display: inherit;
}

.grid-filter-group {
    float:left;
    width: 100%;
}

.pager {
    text-align: left;
    margin-bottom: 0px;
}

.pager .pager-action {
    padding-left: 10px;
}

.grid-mass-action {
    height: 16px;
    width: 16px;
    margin-right: 14px;
    margin-top: 2px;
    cursor:pointer;
}

.grid-row-cells img {
    width:45px;
    height:45px;
    margin-top:4px;
    margin-bottom:2px;
    cursor:pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}