.jtable
{
    box-shadow: 0 2px 20px rgba(0,0,0,.08);
    
    width: 100%;
    /*min-height: 300px;*/
    
    color: #292b3a;
    background-color: #ffffff;
}

.jtable thead
{
    
}

.jtable thead tr
{
    /*height: 80px;*/
    height: auto;
}

.jtable thead th:first-child
{
    border-top-left-radius: 6px;
}

.jtable thead th:last-child
{
    border-top-right-radius: 6px;
}

.jtable th
{
    padding: 12px;
    color: #ffffff;
    background-color: #292b3a;
    text-align: center;
    transition: all .1s ease-in-out;
}

.jtable th:hover
{
    background-color: #333649;
}

.jtable th .th-box
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.jtable th .th-name
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.jtable th .th-name i
{
    margin-bottom: 6px;
}

.jtable thead th .sort-direction-indicator
{
    margin-left: 10px;
}

.jtable tbody
{
    
}

.jtable tbody:empty
{
    /*height: 250px;*/
    height: 42px;
    display: table;
}

.jtable tbody tr
{
    transition: all .1s ease-in-out;
}

.jtable tbody tr:nth-child(even)
{
    background-color: #f8f8f8;
}

.jtable tbody tr:hover
{
    /*background-color: #f8d36240;*/
    /*background-color: #f88d6240;*/
    background-color: #d6d6d688;
}

.jtable[data-orientation="horizontal"] tbody tr:first-child th
{
    border-top-left-radius: 4px;
}

.jtable[data-orientation="horizontal"] tbody tr th
{
    width: 0;
    min-width: 190px;
    padding-right: 50px;
    text-align: left;
}

.jtable[data-orientation="horizontal"] tbody tr:first-child td
{
    padding: 0 20px;
    text-align: right;
    border-top-right-radius: 4px;
}

.jtable[data-orientation="horizontal"] tbody tr:last-child th
{
    border-bottom-left-radius: 4px;
}

.jtable[data-orientation="horizontal"] tbody tr:last-child td
{
    padding: 0 20px;
    text-align: right;
    border-bottom-right-radius: 4px;
}

.jtable[data-orientation="horizontal"] tbody tr td
{
    text-align: right;
}

.jtable tbody td
{
    /*padding: 6px 20px;*/
    padding: 4px 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.jtable tbody td textarea
{
    width: auto;
}

.jtable thead th,
.jtable tbody td
{
    font-size: 10px;
}

.jtable-effect-mark-row-change
{
    font-weight: bolder !important;
    color: #d4c766 !important;
    background-color: #5e5a3c !important;

    transition: all .1s ease-in-out !important;
}

.jtable[data-focus],
.table-focus
{
    width: 80%;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 1px 1px 10px 2px #0000006b;
}

.table-td-center-box
{
    position: relative;
}

.table-td-center-content
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.table-tr-error
{
    background-color: #ff000073 !important;
}



.col.jtable-title-box
{
    display: flex;
    flex-grow: 0;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.col.jtable-title-box .jtable-title
{
    
}



.jtable-search-box
{
    
}

.jtable-search-box fieldset
{

}

.jtable-search-box fieldset legend
{
    /*
    
    position: relative;
    top: -12px;

    */
}

.jtable-search-box-row
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: centeR;
}

.jtable-search-datetime-range-box
{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.jtable-search-datetime-range-box label
{
    margin-bottom: 0;
}

.jtable-search-header,
.jtable-selection-controller-header
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.jtable-search-title,
.jtable-selection-controller-title
{
    display: inline-block;
    font-size: 16px;
}

.jtable-search-num-results-found-box-wrapper,
.jtable-selection-controller-num-results-found-box-wrapper
{
    margin: 0 20px;
    display: inline-block;
    font-weight: 400;
    background-color: #fff1f1;
    border-radius: 4px;
}

.jtable-search-num-results-found-box,
.jtable-selection-controller-num-results-found-box
{
    padding: 0 10px;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
}

.jtable-search-num-results-found,
.jtable-selection-controller-num-results-found
{
    margin-left: 10px;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: #ff2929;
}






.jtable .jentrycontroller .jbutton
{
    margin: 0;
}

.jtable .jentrycontroller .jbutton .jbutton-name,
.jtable-selection-controller .jbutton .jbutton-name
{
    display: none;
}

.jtable .jentrycontroller .jbutton,

.jtable-selection-controller .jbutton
{
    width: auto !important;
}

.jtable .jentrycontroller .jbutton i,

.jtable-selection-controller .jbutton i
{
    width: auto !important;
}

.jtable .jtable-th-selection .th-box,
.jtable .jtable-td-selection .th-box
{
    justify-content: center;
}

.jtable .jentrycontroller
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    justify-content: right;
}

.jtable .jentrycontroller .jbutton:not(.jbutton:first-child)
{
    margin-left: 4px;
}

.jtable .jentryselection
{
    text-align: center;
}

.jtable-empty-field-content
{
    font-size: 8px;
    font-weight: 500;
    white-space: nowrap;
}






.d-flex-center
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}