/* ==========================================
   Tabulator Custom Theme
   ========================================== */

/* Main table */
.hide {
	display:none;
}
	
	
.tabulator{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    border:1px solid #c0c0c0;
    border-radius:4px;
    background:#fff;
}

/* Header */
.tabulator .tabulator-header{
    background:#2d3e50;
    color:#fff;
    border-bottom:4px solid #888;
}

.tabulator .tabulator-col{
    background:#2d3e50;
    color:#fff;
    border-right:1px solid #4b5d70;
    font-weight:bold;
    text-align:center;
}

.tabulator .tabulator-col-title{
    white-space:normal;
}

/* Header filters */
.tabulator .tabulator-header-filter input,
.tabulator .tabulator-header-filter select{
    width:100%;
    padding:4px;
    border:1px solid #ccc;
    border-radius:3px;
    font-size:13px;
}

/* Rows */
.tabulator .tabulator-row{
    min-height:28px;
}

.tabulator .tabulator-row:nth-child(even){
    background:#f7f7f7;
}

.tabulator .tabulator-row:hover{
    background:#dbeeff;
}

/* Selected row */
.tabulator .tabulator-selected{
    background:#a9d4ff !important;
}

/* Cells */
.tabulator .tabulator-cell{
    border-right:1px solid #e5e5e5;
    padding:6px 8px;
}

/* Editable cells */
.tabulator .tabulator-cell.tabulator-editing{
    background:#fff8cc;
}

/* Footer */
.tabulator .tabulator-footer{
    background:#f2f2f2;
    border-top:1px solid #ccc;
}

/* Pagination buttons */
.tabulator .tabulator-footer .tabulator-page{
    border-radius:4px;
    padding:4px 10px;
    margin:2px;
}

.tabulator .tabulator-footer .tabulator-page.active{
    background:#2d3e50;
    color:white;
}

/* Sort arrows */
.tabulator-col-sorter{
    color:white;
}

/* Scrollbars */
.tabulator-tableholder::-webkit-scrollbar{
    width:12px;
    height:12px;
}

.tabulator-tableholder::-webkit-scrollbar-track{
    background:#f0f0f0;
}

.tabulator-tableholder::-webkit-scrollbar-thumb{
    background:#999;
    border-radius:6px;
}

.tabulator-tableholder::-webkit-scrollbar-thumb:hover{
    background:#666;
}

/* Row numbers */
.tabulator .tabulator-row-header{
    background:#efefef;
    font-weight:bold;
}

/* Tick/Cross formatter */
.tabulator-cell .tabulator-tick{
    color:green;
    font-weight:bold;
}

.tabulator-cell .tabulator-cross{
    color:red;
    font-weight:bold;
}

/* Responsive collapse */
.tabulator-responsive-collapse{
    padding:10px;
    background:#fafafa;
}

/* Frozen columns */
.tabulator-frozen{
    background:#f5f5f5;
}

/* Group headers */
.tabulator-group{
    background:#ddd;
    font-weight:bold;
}

/* Tree rows */
.tabulator-tree-branch{
    border-left:2px solid #999;
}

/* Loading overlay */
.tabulator-loader{
    background:rgba(255,255,255,.8);
}

.tabulator-loader-msg{
    font-size:16px;
    font-weight:bold;
    color:#333;
}


/* short strings */
.cl_recordid,
.cl_no,
.cl_aging,
.cl_items,
.cl_discountedrate 
.cl_discountedrate__ {
    
}

/* money */
.cl_min_selling_price,
.cl_cost,
.cl_retail_cost_inc_vat,
.cl_retail_cost__inc_vat_,
.cl_listprice,
.cl_actualprice,
.cl_soldprice,
.cl_retail_incl_vat,        
.cl_discounted_incl_vat {
 
}


/* medium string */
.cl_lpn,
.cl_soldstatus,
.cl_paymentmethod {
   
	
}


/* long string */
.cl_description,
.cl_notes,
.cl_title,
.cl_subtitle,
.cl_offer_filename.
.cl_filename {
   
}

/* dates */
.cl_catalogue_date,
.cl_solddate {
   
}

 /* checkboxes */	
.cl_selected {
  
}


.description-wrap {
    white-space: normal !important;
    overflow-wrap: anywhere;
	word-break: normal;
}

/* ==========================================
   Responsive Tabulator overrides
   Add to the bottom of the existing stylesheet
   ========================================== */

.tabulator {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
}

.tabulator .tabulator-header,
.tabulator .tabulator-tableholder {
    min-width: 0;
}

.tabulator .tabulator-header-filter input,
.tabulator .tabulator-header-filter select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

/* Make cells wrap long descriptions. */
.tabulator .tabulator-cell {
    min-width: 0;
    overflow-wrap: anywhere;
    vertical-align: middle;
}

/* Tablet */
@media (max-width: 1024px) {
    .tabulator {
        font-size: 16px;
    }

    .tabulator .tabulator-cell {
        padding: 5px 6px;
    }

    .tabulator .tabulator-header-filter input,
    .tabulator .tabulator-header-filter select {
        font-size: 16px;
        padding: 5px 3px;
    }
}

/* Mobile phone */
@media (max-width: 600px) {
    .tabulator {
        font-size: 16px;
        border-radius: 3px;
    }

    .tabulator .tabulator-cell {
        padding: 5px;
    }

    .tabulator .tabulator-col-title {
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.25;
    }

    .tabulator .tabulator-header-filter input,
    .tabulator .tabulator-header-filter select {
        min-height: 34px;
        font-size: 16px;
        padding: 4px;
    }

    .tabulator .tabulator-footer .tabulator-page {
        min-height: 36px;
        padding: 6px 9px;
        margin: 2px;
    }

    .tabulator-responsive-collapse {
        padding: 8px;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}