body {
  color: #42425a;
  font-family: 'Roboto', sans-serif;
  background-color: #f8f9fc;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #42425a;
}

.bg-dark {
  background-color: #42425a !important;
}

.bg-gradient-primary {
  background-color: #42425a;
  background-image: linear-gradient(180deg, #42425a 10%, #42425a 100%);
  background-size: cover;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.rounded {
  border-radius: 10px !important;
  overflow: hidden;
}

h1, .h1 {
  font-size: 25px;
}

.p-sm-3 {
  padding: 1.5rem !important;
}


/*  BUTTONS */

.btn {
  min-width: 55px;
}

.btn-info,
.btn-primary {
  color: #fff;
  background-color: #ff4171;
  border-color: #ff4171;
}

.btn-info:hover,
.btn-primary:hover {
  color: #fff;
  background-color: #f56086;
  border-color: #f56086;
}

.btn-info:focus, .btn-info.focus,
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
}

.btn-info.disabled, .btn-info:disabled,
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #ff4171;
  border-color: #ff4171;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #f56086;
  border-color: #f56086;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
}

.btn-link-primary {
  color: #ff4171;
  font-weight: 600;
}

.btn-link-primary:hover {
  color: #f56086;
}

.btn-link-primary:disabled, .btn-link-primary.disabled {
  color: #ff4171;
  opacity: 0.65;
}

.switch.nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #ff4171;
  font-weight: 700;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  background-color: unset;
}

.sidebar-dark .sidebar-heading {
  color: #00f5bd;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  border-radius: 10px;
}

.filters_container > i.fa,
.wc-date-container > i,
.calendar-days,
.cal-util > .ok {
  color: #42425a !important;
}

.selected-day > span,
.year-title,
.wc-details,
.calendar-day:hover > span {
  background-color: #42425a !important;
}

.today > span {
  border: none !important;
}

.btn-secondary {
  background-color: transparent;
  border: #424259 solid 1px;
  color: #424259;
}

.btn-secondary:hover {
  background-color: #313143;
}

.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: transparent;
  border: #424259 solid 1px;
  color: #424259;
  opacity: .5;
}


.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #424259;
  border-color: #424259;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #424259;
}


.dataTables_length {
  float: left;
}

.dataTables_filter {
  float: right;
}

.dataTables_wrapper > div.row:nth-of-type(2) {
  overflow-x: auto;
}

@media (min-width: 576px) {
  .dataTables_wrapper > .row:nth-of-type(1) > div.col-sm-12 {
    width: 50%;
    flex: 0 0 50%;
    padding-left: 0;
    padding-right: 0;
  }
}

.badge-legend {
  margin-top: 5px;
}

@media (max-width: 420px) {

  button.btn {
    font-size: 11px;
  }

  button.btn + .mr-4 {
    margin-right: 0px !important;
  }
}

/* OVERRIDE TABLES */

table.table,
table.dataTable.border-collapse,
table.table-bordered {
  font-family: Arial, serif;
  /*font-weight: 600;*/
}

table.table thead,
table.dataTable.border-collapse thead,
table.table-bordered thead {
  font-weight: 600;
}

html:not(.market) table.table > thead,
html.light-theme table.table:not(.no-colorize) > thead {
  background-color: #42425a;
  color: #f3f4f8;
}

html:not(.market) table.table > tbody > tr,
html.light-theme table.table:not(.no-colorize) > tbody > tr {
  background-color: #FFFFFF;
}

html:not(.market) table.table > tbody > tr:not(:last-child),
html.light-theme table.table:not(.no-colorize) > tbody > tr:not(:last-child),
table.dataTable thead > tr:not(:last-child) {
  background-color: #FFFFFF;
  border-bottom: 5px solid #f8f9fc;
}

.table th, .table td {
  vertical-align: middle;
  border-top: none;
}

table.table > thead > tr > th,
table.table > tbody > tr > td {
  vertical-align: middle;
}

html:not(.market) .table-bordered th,
html:not(.market) .table-bordered td,
html.light-theme .table-bordered:not(.no-colorize) th,
html.light-theme .table-bordered:not(.no-colorize) td,
.table-bordered {
  border: none;
}

html:not(.market) table.table thead > tr > th:first-child,
html.light-theme table.table:not(.no-colorize) thead > tr > th:first-child,
table.dataTable thead > tr > th:first-child,
table.dataTable thead > tr > th:first-child,
table.dataTable thead > tr > th:first-child,
table.dataTable thead > tr > td:first-child,
table.dataTable thead > tr > td:first-child,
table.dataTable thead > tr > td:first-child,
table.dataTable.border-collapse thead > tr > td:first-child,
table.table-bordered thead > tr > td:first-child {
  border-radius: 0.35rem 0 0 0;
}

html:not(.market) table.table thead > tr > th:last-child,
html.light-theme table.table:not(.no-colorize) thead > tr > th:last-child,
table.dataTable thead > tr > th:last-child,
table.dataTable thead > tr > th:last-child,
table.dataTable thead > tr > th:last-child,
table.dataTable thead > tr > td:last-child,
table.dataTable thead > tr > td:last-child,
table.dataTable thead > tr > td:last-child,
table.dataTable.border-collapse thead > tr > td:last-child,
table.table-bordered thead > tr > td:last-child {
  border-radius: 0 0.35rem 0 0;
}

html:not(.market) table.table tbody > tr:last-child > td:first-child,
html.light-theme table.table:not(.no-colorize) tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable tbody > tr:last-child > td:first-child,
table.dataTable.border-collapse tbody > tr:last-child > td:first-child,
table.table-bordered tbody > tr:last-child > td:first-child {
  border-radius: 0 0 0 0.35rem;
}

html:not(.market) table.table tbody > tr:last-child > td:last-child,
html.light-theme table.table:not(.no-colorize) tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable tbody > tr:last-child > td:last-child,
table.dataTable.border-collapse tbody > tr:last-child > td:last-child,
table.table-bordered tbody > tr:last-child > td:last-child {
  border-radius: 0 0 0.35rem 0;
}

html:not(.market) table th,
html.light-theme table:not(.no-colorize) th,
table.dataTable thead > tr > th,
table.dataTable thead > tr > th,
table.dataTable thead > tr > th,
table.dataTable thead > tr > td,
table.dataTable thead > tr > td,
table.dataTable thead > tr > td {
  padding: 15px 12px 15px 12px;
}

table.dataTable.border-collapse,
table.dataTable,
table.table-bordered {
  border-collapse: collapse !important;
  overflow: hidden;
}

.sidebar-toggled .theme > label {
  display: none;
}

@media screen and (max-width: 1404px) {
  .button-group > button.btn {
    margin-top: 10px;
  }
}

.light-theme .navbar-dark .navbar-nav .nav-link {
  color: #7d7d92;
}

.dark-theme .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}