.w-5 { 
    width: 5%; 
}
.w-5mw {
    width: 5%; 
    min-width: 90px;  
}
.w-6 { width: 6%; }
.w-7 { width: 7%; }
.w-8 { width: 8%; overflow:hidden; }
.w-9 { width: 9%; overflow:hidden !important; }
.w-10 { 
    width: 10%; overflow:hidden !important;
    }
.w-10mw { 
    width: 10%; 
    min-width: 100px;
    }
.w-11 { width: 11%; overflow:hidden !important; }
.w-12 { width: 12%; overflow:hidden !important; }
.w-13 { width: 13%; overflow:hidden !important; }
.w-14 { width: 14%; overflow:hidden !important; }
.w-15 { width: 15%; overflow:hidden !important; }
.w-16 { width: 16%; overflow:hidden !important; }
.w-17 { width: 17%; overflow:hidden !important; }
.w-20 { width: 20%; overflow:hidden !important; }
.w-25 { width: 25%; overflow:hidden !important; }
.w-30 { width: 30%; overflow:hidden !important; }
.w-40 { width: 40%; overflow:hidden !important; }
.w-50 { width: 50%; overflow:hidden !important; }
.w-55 { width: 55%; overflow:hidden !important; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-96 { width: 96%; } /* to align transedit form */
.w-100 { width: 100%; overflow: auto !important; }

.w-max-250 { max-width:250px; overflow: auto }
.ptbl-2 { padding: 2px 0 2px 2px; }
.ptbl-5 { padding: 5px 0 5px 5px; }
.ptbl-10 { padding: 10px 0 10px 10px; }

.ptb-5 {
    padding: 5px 0 5px 0;
}
.ptb-10 { padding: 10px 0 10px 0; }

.pb-5 { padding-bottom: 5px;}

.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }

.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }

.row div, .row input, .row select {
    font-size: 13px;
}

.table, .table td, .table th {
    border: none !important;

}

.table-noscroll {
    table-layout: fixed;
}

.table-noscroll td, .table-noscroll th {
    white-space: nowrap;
    overflow: hidden;
    
}

.tableEntries, .tableEntries tr td {
    height: inherit;
    box-sizing: border-box;
}

.tableEntries:not(#tableInvoice) tr td:not(.last) {
    border-right: 1px solid lightgray !important;
}
.tableEntries tr td input, .tableEntries tr td select {
    box-sizing: border-box;
    border: none;
    height: 27px;
 }

.tableEntries tr td input:focus:not(.borderless), .tableEntries tr td select:focus, .tableEntries tr td textarea:focus {
    outline: 1px solid lightgray !important;
}

.tableEntries textarea {
    border: none;
    padding:5px;
    max-height: 500px !important;
    resize: none;
    margin-bottom:-5px;
}

.table tr.border-top td:not(.first) {
    border-top: 1px solid lightgray !important;
}

.table tr.bb-dark td:not(.borderless), .table tr.bb-dark th:not(.borderless) {
    border-bottom: 1px solid #385663 !important;
}

.table tr.bb-light td:not(.borderless), .table tr.bb-light th:not(.borderless) {
    border-bottom: 1px solid lightgray !important;
}

.table tr.bt-dark td:not(.borderless), .table tr.bt-dark th:not(.borderless) {
    border-top: 1px solid #385663 !important;
}

/* fixed header */

table .header-fixed {
    width: 100%;
}

.header-fixed thead tr {
    width: 98.7%;
}

.header-fixed tbody tr {
    width: 99%;
}

.header-fixed thead, .header-fixed tbody, .header-fixed tfoot,.header-fixed tr, .header-fixed td:not(.hidden-imp), .header-fixed th:not(.hidden-imp) { display: block; 
}

.header-fixed tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed thead th,.header-fixed tfoot td {
    height: 30px;
}

.header-fixed tbody {
    height: 700px;  /* adjustment required */
    overflow-y: auto;
}

.header-fixed thead {

}

.nominal-popup .header-fixed tbody {
    min-height: 150px;
    height: 350px;
    overflow-y:auto;
}

.small-table .header-fixed thead tr {
    width: 98%;
}
.small-table .header-fixed tbody {
    max-height: 200px;
    height:auto;
    overflow-y: auto;
}


.header-fixed tbody td, .header-fixed thead th,.header-fixed tfoot td {
    float: left;
}

/* -------------------------------  */

.btn:not(.no-min) {
    height: 30px !important;
    padding: 0 10px 0 10px !important;
    min-width: 120px;
    }

.btn:focus {
    outline: none;
    color: white;
}

/* for buttons only */
.no-min {
    max-width: 200px !important;
}

.btn-web {
    background-color:#58869b;   
    color: white;
}
.btn-web:hover {
    background-color:#4c7182;   
    color: white;
}
.btn-green {
    background-color:#7caa46;   
    color: white;
    }
.btn-green:hover {
    background-color: #8ec151;
    color: white;
    } 
.btn-red {
    background-color: #a04646;
    color: white;
}

.dinline { display: inline-block; }