/* put your own styles to customize and override the theme */
.table td,
.table th {
    padding: 0.40rem !important;
}

.table tbody tr:hover {
    background-color: #346cb028;
}

.h3,
h3 {
    font-size: 1.30rem !important;
}

.app-header-dark {
    background-color: #78c041 !important;

}

.jstree-container-ul {
    padding: 0px !important;

}

.datatable-footer,
.datatable-header {
    padding: 10px 1.25rem 0 1.25rem !important;
}

.dataTables_filter>label:after {
    content: "" !important;

}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    float: left;
    margin: 15px 0 25px 0;
}

.datatable-header {
    border-bottom: 1px solid #ddd;
}

.dataTables_filter>label {
    margin-bottom: 0;
    position: relative;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

.dataTables_filter>label:after {
    content: "\e98e";
    font-family: icomoon;
    font-size: .75rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.375rem;
    line-height: 1;
    opacity: .5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dataTables_filter input {
    outline: 0;
    width: 12.5rem;
    padding: 0.5rem 0;
    padding-right: 1.125rem;
    font-size: .8125rem;
    line-height: 1.5385;
    color: #333;
    background-color: transparent;
    border: 1px solid #ddd;
    border-width: 1px 0;
    border-top-color: transparent;
    transition: all ease-in-out .15s;
}


.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    /* background-color: white; */
}

.first-col {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    left: 0px;
}

.second-col {
    width: 350px;
    min-width: 150px;
    max-width: 350px;
    left: 0px;
}

.tableFixHead {
    overflow-y: auto;
    /* make the table scrollable if height is more than 200 px  */
    height: 650px;
    /* gives an initial height of 200px to the table */
}

.tableFixHead thead th {
    position: sticky;
    background-color: #c4e9e4 !important;
    /* make the table heads sticky */
    top: 0px;
    /* table head will be placed from the top of the table and sticks to it */
}

 

.tableFixHead tfoot th {
    border-top: 2px solid #111;
    padding: 15px 8px !important;
    position: sticky;
    /* make the table heads sticky */
    bottom: 0px;
    /* table head will be placed from the top of the table and sticks to it */
}