:root {
    --thead-bgcolor: #FFF;
    /* --thead-color:#fff; */
    --thead-bgcolor: #5591BE;
    --thead-color: #fff;
    --title-color: #dbeefc96;
    /* --hover-color:#fdf8eb; */
    --hover-color: #fff;
    --text-color: #393939;
    --child-textcolor: #0D6FB8;
    /* --text-color:#393939; */
}

div.jtable-main-container table.jtable {
    border: unset;
}

.jtable {
    text-align: center;
}

/* .ui-dialog {
    z-index: 1100;
} */

div.jtable-main-container {
    font-size: 1em;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    box-shadow: 0px 3px 5px #00000026;
    width: 100%;
    overflow: hidden;
}

.jtable-dialog-form input.input-width-auto {
    width: auto;
}

div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container {
    height: auto;
    text-align: center;
    color: var(--thead-color);
    border-right: unset
}

div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item span.jtable-toolbar-item-text {
    display: inline;
}

div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record {
    top: -1px;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-update-record {
    display: initial;
    background: url('themes/lightcolor/edit.png') no-repeat;
}

div.jtable-main-container div.jtable-title div.jtable-toolbar {
    top: 1px;
    margin-right: 10px !important;
}

div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
    padding: 2px;
}

div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-update-record .jtable-toolbar-item-icon {
    margin: 0px;
}

div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-custom {
    top: 1px;
    padding-top: 0px;
}

div.jtable-main-container i {
    cursor: pointer;
}

div.jtable-main-container table.jtable thead th {
    padding: 12px 3px 12px 6px;
    border: unset;
}

/* for checkbox color */

.jtable-checkbox-yes {
    color: green;
}

.jtable-checkbox-no {
    color: orange;
}

/* table color */
tbody {
    color: #1B1E25;
    font-size: 14px;
}

div.jtable-main-container table.jtable thead {
    background: var(--thead-bgcolor) !important;
    border-top: 1px solid #DEE3E8;
    /* border-top:unset; */
    border-bottom: unset;
}

div.jtable-main-container table.jtable tbody>tr.jtable-row-even,
div.jtable-main-container table.jtable tbody tr {
    background: #fff;
    border-bottom: 1px solid #DEE3E8;
}

div.jtable-main-container table.jtable tbody>tr>td {
    /* border-left: 2px solid #DEE3E8; */
    padding: 12px 5px;
    border-left: unset;
}

/* child color */
div.jtable-main-container table.jtable tbody>tr.jtable-child-row>td {
    background-color: unset;
    padding: 0px 1px 2px 2px;
}

.jtable-main-container .jtable-child-row .jtable-title {
    background: var(--title-color);
}

.jtable-main-container .jtable-child-row th {
    background-color: var(--title-color);
}

.jtable-main-container .jtable-child-row th .jtable-column-header-text {
    color: var(--text-color);
}

.jtable-main-container .jtable-child-row td {
    background: var(--title-color);
    color: var(--child-textcolor);
}

/* child and child color */

.jtable-main-container .jtable-child-row .jtable-main-container .jtable-child-row .jtable-title {
    background: -webkit-linear-gradient(top, #FFDAB9 0%, #FFDAB9 100%);
}

.jtable-main-container .jtable-child-row .jtable-main-container .jtable-child-row th {
    background-color: #FFF5EE;
}

.jtable-main-container .jtable-child-row .jtable-main-container .jtable-child-row td {
    background-color: #FFFAFA;
}

.jtable-child-row {
    border: unset !important;
}

div.jtable-main-container table.jtable tbody>tr.jtable-row-even:hover,
div.jtable-main-container table.jtable tbody>tr:hover {
    background: var(--hover-color);
}

div.jtable-main-container table.jtable tbody tr>td .jtable-close-button {
    display: none;
}

/* hover */
div.jtable-main-container table.jtable tbody>tr.jtable-row-selected {
    text-shadow: unset;
    color: unset;
}

div.jtable-main-container table.jtable tbody>tr.jtable-row-selected,
div.jtable-main-container table.jtable tbody>tr.jtable-row-selected:hover {
    background-color: unset;
}

/* toolbar */

div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
    background-color: unset;
}

div.jtable-main-container div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
    background-color: unset;
    border-radius: 6px;
    margin-top: 0px;
    font-size: 14px;
    font-weight: 600;
}

/* page */
div.jtable-main-container div.jtable-bottom-panel {
    border: unset;
    margin: .5rem 0;
}

.jtable-page-list span {
    border-radius: 50%;
}

.jtable-left-area select {
    border-radius: 8px;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
    background-color: #fff;
    border: 1px solid #b5b5b5c9;
    padding: 2px 5px;
    margin: 0 2px;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active:hover {
    background-color: var(--thead-bgcolor);
}

/* page */