:root {
  /* --table-headerColor:#428bca; */
  --table-headerColor: #fafafa;
  --generalColor: #5a5e9a;
  --initial-rowColor: #e7edf1;
  --evenRowColor: #fafafa;
  --footerTotalColor: #f0f0f0;
  --btnColor: #3488cee6;
  --btnSucces: #48c78ee6;
  --btnWarning: #ffc107e6;
  --btnDanger: #f03a5fe6;
}
/*HEAD*/
.tabulator * {
  font-size: 12px;
}
.tabulator {
  background-color: #fff;
  border-color: #f0f0f0;
}
.tabulator .tabulator-header {
  border-color: #f0f0f0;
  background-color: #fafafa;
}
.tabulator .tabulator-header .tabulator-header-contents {
}
.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
}
.tabulator
  .tabulator-header
  .tabulator-header-contents
  .tabulator-headers
  .tabulator-col {
}
.tabulator
  .tabulator-header
  .tabulator-header-contents
  .tabulator-headers
  .tabulator-col.tabulator-sortable {
}
.tabulator
  .tabulator-header
  .tabulator-header-contents
  .tabulator-headers
  .tabulator-col.tabulator-sortable.tabulator-col-sorter-element {
  border-right: 1px solid #f0f0f0;
}

.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
}
.tabulator
  .tabulator-header
  .tabulator-header-contents
  .tabulator-headers
  .tabulator-col
  .tabulator-col-content {
  padding: 10px 12px;
}
.tabulator
  .tabulator-header
  .tabulator-header-contents
  .tabulator-headers
  .tabulator-col
  .tabulator-col-content
  .tabulator-col-title {
}

/*BODY*/
.tabulator .tabulator-tableholder {
}
.tabulator .tabulator-tableholder::-webkit-scrollbar-thumb{
  background-color: var(--generalColor);
}
.tabulator .tabulator-tableholder .tabulator-table {
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row {
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row.tabulator-selectable {
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row.tabulator-selectable:hover {
  background-color: #fafafa;
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row.tabulator-selectable.tabulator-row-odd {
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row.tabulator-selectable.tabulator-row-even {
  background-color: var(--evenRowColor);
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row
  .tabulator-cell {
  border-right: 1px solid #f0f0f0;
  padding: 10px 12px;
  border: none;
  cursor: initial;
  color: var(--generalColor) !important;
}
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell .theme-button.primary-btn-o{
  border-color: var(--generalColor);
  color: var(--generalColor);
}
@media only screen and (min-width:991px){
  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell .theme-button.primary-btn-o:hover{
  background-color: var(--generalColor);
  color: #fff;
}
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row
  .tabulator-col-resize-handle {
}

/*FOOTER*/
.tabulator .tabulator-footer {
  border-color: #f0f0f0;
  background-color: #fafafa;
  padding: 10px 12px;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  background-color: #ecf1f4 !important;
}

/*PAGINATION*/
.tabulator .tabulator-footer .tabulator-page {
  color: #363636;
  border: 1px solid #dbdbdb;
  background-color: transparent;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.3s linear;
}
@media only screen and (min-width:991px){
  .tabulator .tabulator-footer .tabulator-page:hover ,.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover{
  color: #fff;
  background-color: var(--generalColor) !important;
  border-color: var(--generalColor);
}

}

.tabulator .tabulator-footer .tabulator-page.active {
  color: #fff;
  background-color: var(--generalColor);
  border-color: var(--generalColor);
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
  border-color: var(--footerTotalColor);
}
.tabulator .tabulator-footer .tabulator-row .tabulator-cell {
  border-color: #bfbfbf;
  height: 30px !important;
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row
  .tabulator-cell
  .btn {
  border: 1px solid transparent;
  font-family: inherit;
  outline: none;
  background-color: transparent;
  background-color: var(--btnColor);
  border-radius: 6px;
  color: #fff;
  padding: 6px 7px;
  cursor: pointer;
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row
  .tabulator-cell
  .btn.success {
  background-color: var(--btnSucces);
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row
  .tabulator-cell
  .btn.danger {
  background-color: var(--btnDanger);
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row
  .tabulator-cell
  .btn.warning {
  background-color: var(--btnWarning);
  color: #363636;
}

.tabulator .tabulator-footer .tabulator-page[data-page="last"] {
  display: none !important;
}

/*TABLE HEADER*/
.tabulator .tabulator-header .tabulator-col {
  background-color: var(--table-headerColor);
  border-color: #dbdbdb;
}
.tabulator
  .tabulator-header
  .tabulator-col
  .tabulator-col-content
  .tabulator-col-title {
  color: var(--generalColor);
}
.tabulator
  .tabulator-header
  .tabulator-col.tabulator-sortable[aria-sort="none"]
  .tabulator-col-content
  .tabulator-col-sorter
  .tabulator-arrow {
  border-bottom: 6px solid #fff;
}
.tabulator
  .tabulator-header
  .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
  background-color: #428bcacc;
}
.tabulator
  .tabulator-header
  .tabulator-col.tabulator-sortable[aria-sort="ascending"]
  .tabulator-col-content
  .tabulator-col-sorter
  .tabulator-arrow {
  border-bottom: 6px solid #fff;
}
.tabulator
  .tabulator-header
  .tabulator-col.tabulator-sortable[aria-sort="descending"]
  .tabulator-col-content
  .tabulator-col-sorter
  .tabulator-arrow {
  border-top: 6px solid #fff;
}

/*TABLE BODY*/
/* .tabulator-row {
  background-color: var(--initial-rowColor);
} */
.rwd-table tr:nth-child(odd):not(:first-child) {
  background-color: #ebf3f9;
}
.tabulator
  .tabulator-tableholder
  .tabulator-table
  .tabulator-row.tabulator-selectable:hover {
  background-color: #d8e7f3;
}

.tabulator .tabulator-alert {
  background: #fff;
}
.tabulator .tabulator-alert .tabulator-alert-msg {
  border: 4px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 50% !important;
  border-top: 4px solid #8f9dab !important;
  width: 26px;
  height: 26px;
  animation: spin 1s linear infinite;
  padding: 0px;
  font-size: 0px;
  background: transparent;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}