:root {
  
  --background-main: #212121;
  --background-secondary: #333;

  --fonte-menu: #fff;

  --hover-main: #ee2965;
  --hover-txt: #fff; /**/
  --fonte-active: #ee2965;

  --border-color: rgba(70, 70, 70, 0.1);

  --page-wrapper: #000;

  --background-btn: #177ec1;
  
}

.wrapper.theme-4-active.pimary-color-red .fixed-sidebar-left .side-nav > li > a.active{
  color: var(--hover-txt) !important;
}

.sm-data-box {
  background: var(--hover-txt) !important;
}

.btn{
  color: #fff !important;
}
.btn.btn-primary, .wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active, .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active, .dt-buttons .dt-button, .tablesaw-sortable th.tablesaw-sortable-head button.btn-primary, .tablesaw-sortable th.tablesaw-sortable-head .dt-buttons button.dt-button, .dt-buttons .tablesaw-sortable th.tablesaw-sortable-head button.dt-button, .sweet-alert button.btn-primary, .owl-theme .owl-nav .btn-primary[class*="owl-"], .owl-theme .owl-nav .wizard > .actions a[class*="owl-"], .wizard > .actions .owl-theme .owl-nav a[class*="owl-"], .owl-theme .owl-nav .dt-buttons [class*="owl-"].dt-button, .dt-buttons .owl-theme .owl-nav [class*="owl-"].dt-button, button.btn-primary.fc-agendaDay-button.fc-state-default.fc-corner-right, .dt-buttons button.fc-agendaDay-button.fc-state-default.fc-corner-right.dt-button, button.btn-primary.fc-month-button.fc-state-default.fc-corner-left, .dt-buttons button.fc-month-button.fc-state-default.fc-corner-left.dt-button, button.btn-primary.fc-agendaWeek-button, .btn-primary.fc-prev-button, .btn-primary.fc-next-button, .btn-primary.fc-today-button {  
  background: var(--background-btn) !important;
  border: solid 1px var(--background-btn);
}

a.paginate_button {
  background: #222;
}