.filtros_tabela button, .filtros_tabela select {
  height: calc(1.5rem + 2px) !important
}

#demo, #demo .carousel-item div {
  height: 50vh
}

.card, .card-body {
  position: relative
}

#demo, .loading-out {
  width: 100%;
  left: 0;
  bottom: 0
}

.statistic__item h2 {
  font-size: 30px !important;
  margin-top: 0;
  margin-bottom: 5px;
  color: #013766 !important;
  font-weight: 400 !important
}

.statistic__item {
  max-height: 75px !important;
  min-height: 75px !important
}

#load_retangulo_picagem .icon .fa, #load_retangulo_picagem .icon .zmdi {
  font-size: 40px !important;
  padding: 5px 0
}

.fs-14 {
  font-size: 14px !important
}

.fs-12, svg text {
  font-size: 12px !important
}

.fs-20 {
  font-size: 20px !important
}

#example11_wrapper {
  overflow: auto
}

#load_retangulo_picagem .col-md-12, .lft-td p {
  margin-bottom: 0 !important
}

:not(.fa,.zmdi,.fas,.far) {
  font-family: Montserrat, sans-serif !important
}

.desc {
  text-transform: none !important
}

.nav-link i {
  margin-right: 5px
}

.brand-link img {
  width: 90px;
  max-width: 100%
}

.border-15-white {
  border-left: 15px solid #fff;
  border-right: 15px solid #fff
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 1rem 2rem
  }
}

.sidebar-collapse .main-sidebar .nav-link > p {
  display: block;
  text-align: center;
  font-size: 11px
}

.info-box .info-box-icon {
  width: 30px;
  height: 30px;
  font-size: 1rem
}

.info-box {
  min-height: 56px
}

.info-box .info-box-content {
  line-height: 1
}

.table tbody td {
  padding: 5px;
  font-size: 12px;
  vertical-align: middle
}

.home .table tbody td {
  padding: 0 5px;
  font-size: 11px;
  vertical-align: middle
}

.nav-treeview li a, .sidebar-collapse .nav-treeview li a {
  padding-top: .1rem !important;
  padding-bottom: .1rem !important
}

[class*=sidebar-light] .brand-link {
  border-bottom: none
}

.brand-link {
  padding: .8125rem 1.2rem
}

.info-box-content, body {
  font-size: .95rem
}

.card-body h4, .card-title {
  font-size: .9rem !important
}

.chart {
  width: 100%
}

.no-click label {
  pointer-events: none;
  cursor: no-drop;
  text-transform: uppercase
}

.accordion-row, .pointer, .teste-hover {
  cursor: pointer
}

.custom-control-label {
  color: #921925 !important;
  font-weight: 300 !important
}

.custom-control-input:checked ~ .custom-control-label, .custom-control-input[checked] ~ .custom-control-label {
  color: #28a745 !important
}

a {
  color: #838383
}

.nav-item.active {
  background-color: #eef9ff;
  color: #212529
}

.filtros_tabela {
  margin-top: 0
}

.filtros_tabela select {
  margin-top: 0;
  margin-bottom: 0
}

#demo {
  position: absolute
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 15px;
  height: 15px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s;
  border-radius: 50%
}

.info-box .fas {
  transition-duration: .8s;
  transition-property: transform
}

.info-box:hover .fas {
  transform: rotate(360deg) scale(1.3);
  -webkit-transform: rotate(360deg) scale(1.3)
}

.card-title {
  font-weight: 500;
  color: #349cff
}

.card-outline {
  border-top: none !important
}

.card {
  margin-bottom: 2rem;
  -webkit-box-shadow: 0 16px 16px -16px #939598;
  -moz-box-shadow: 0 16px 16px -16px #939598;
  box-shadow: 0 16px 16px -16px #939598
}

.card-header {
  border-bottom: 1px solid #e8e8e8;
  padding: 15px 25px
}

.content-wrapper > .content {
  padding: .5rem 2rem !important
}

.nav-sidebar.nav-child-indent .nav-treeview {
  padding-left: 0 !important
}

.nav-treeview li a {
  padding-left: 3rem !important
}

.nav-icon {
  color: #c5c5c5 !important;
  font-size: 14px !important
}

.nav-pills .nav-link {
  border-radius: 0 !important
}

.nav-pills > .nav-item > .nav-link {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.info_loja .card-header {
  background: #eef9ff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.td-options p:hover, [class*=sidebar-light-] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*=sidebar-light-] .nav-sidebar > .nav-item:hover > .nav-link {
  background: #eef9ff
}

.dark-mode .card {
  -webkit-box-shadow: 0 16px 16px -16px #000;
  -moz-box-shadow: 0 16px 16px -16px #000;
  box-shadow: 0 16px 16px -16px #000
}

.form-control {
  font-size: 14px;
  padding: 3px 10px;
  margin-top: 5px;
  margin-bottom: 10px
}

#divExport a, .btn {
  padding: .2rem .75rem
}

.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
  top: .5rem !important
}

.nav-sidebar .nav-link > .badge.right, .nav-sidebar .nav-link > p > .badge.right {
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding-bottom: 3px
}

.btn {
  border-radius: 0
}

.btn-primary {
  background-color: #093b60;
  border-color: #093b60
}

.info_loja .info-box {
  box-shadow: none
}

.info_loja .info-box .info-box-number {
  font-size: 16px
}

.card-body {
  min-height: 70px
}

.loading-out {
  position: absolute;
  background: #fff;
  height: 100%;
  top: 0;
  right: 0
}

#divExport a, .bg-info {
  background: #007dfe !important
}

.loading-out .centrar-load {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.info_loja .card {
  margin-bottom: 0
}

.info_loja {
  margin-bottom: 1rem !important
}

.dt-buttons .btn-secondary {
  background: #fff;
  border: 1px solid #939598;
  color: #939598;
  font-size: 12px;
  padding: 5px
}

.dark-mode .dt-buttons .btn-secondary {
  background: #343a40 !important;
  border: 1px solid #e8e8e8 !important;
  color: #e8e8e8 !important;
  font-size: 12px;
  padding: 5px
}

.dark-mode .dt-buttons .btn-secondary:hover {
  background: #e8e8e8 !important;
  color: #343a40 !important
}

.dt-buttons .dropdown-item {
  font-size: 12px;
  color: #939598
}

.dark-mode .box_number, .dark-mode .modal-title, .dark-mode .td-options p:hover a, .dark-mode .td-options p:hover a i, .dataTable tr th, .info_loja .card-header .card-title, .table_header, .td-options p a i, body {
  color: #5a656b !important
}

.dt-buttons .dropdown-item.active, .dt-buttons .dropdown-item:active {
  background-color: #ddd
}

@media (max-width: 767px) {
  .dt-buttons .dt-buttons {
    display: none
  }

  .content-wrapper > .content {
    padding: .5rem !important
  }

  #sortable_2 {
    padding-left: 15px !important;
    padding-right: 0 !important
  }

  .card-body {
    padding: 10px .75rem 15px
  }

  #tabelaRepo .col-12.d-flex, .not-rececao .card-body .col-12 > .d-flex, .not-rececao .card-body > .d-flex {
    flex-direction: column
  }

  .not-rececao .card-body .col-12 > .d-flex .ml-auto, .not-rececao .card-body > .d-flex > .ml-auto {
    margin-left: inherit !important
  }

  .not-rececao .card-body .col-12 > .d-flex div, .not-rececao .card-body > .d-flex > div {
    margin-bottom: 10px !important
  }

  #tabelaRepo .col-12.d-flex > .d-flex, #tabelaRepo .col-4.d-flex > .d-flex, #tabelaRepo .col-8.d-flex > .d-flex {
    flex-direction: row;
    margin-bottom: 10px
  }
}

@media (min-width: 768px) {
  .card-body {
    padding: 10px 1.25rem 15px
  }

  .dataTables_filter {
    position: absolute !important;
    right: 0
  }

  .dt-buttons .dt-buttons {
    max-height: 30px;
    position: absolute !important;
    bottom: 0;
    left: 0
  }

  .content-wrapper > .content {
    padding: .5rem !important
  }
}

#loadingDashboard, .top_home_banner, tr td {
  position: relative
}

.dt-buttons {
  display: flex
}

.dt-buttons button:hover {
  background: #939598;
  color: #fff
}

.sidebar-mini:not(.sidebar-collapse) .main-sidebar .nav-link {
  width: 100% !important
}

.sidebar-collapse .main-sidebar .nav-link {
  width: 6.6rem !important
}

.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
  max-width: 6.6rem !important;
  width: 6.6rem !important
}

.main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info {
  transition: none !important
}

.sidebar-collapse .main-sidebar:hover .brand-text {
  visibility: hidden !important;
  max-height: 19.2px;
  animation-name: none !important;
  display: block !important;
  margin-left: 10px !important;
  transition: none !important;
  -webkit-animation-duration: inherit !important;
  animation-duration: inherit !important;
  -webkit-animation-fill-mode: none !important;
  animation-fill-mode: none !important
}

.sidebar-collapse .nav-treeview li a {
  padding-left: 1rem !important
}

.sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
  width: 6.6rem
}

#example10_filter, #example10_length, #example11_filter, #example11_length, #example1_filter, #example1_length, #loading_retangulo .dataTables_filter, #loading_retangulo .dataTables_length, .accordion, .accordion-content, .dataTables_filter, .dataTables_length, .td-options {
  display: none
}

.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
  height: calc(3.5rem + 1px);
  width: 6.6rem
}

.dataTables_length select:before {
  content: 'teste';
  width: 20px;
  height: 20px;
  background: #0a0e14
}

.card {
  border-radius: 10px !important
}

.info_loja, .info_loja .card {
  box-shadow: none;
  border: 1px solid #e8e8e8 !important
}

.info_loja .card-header .card-title {
  font-weight: 600
}

.btn.bg-info:hover {
  border: 1px solid #007dfe !important;
  color: #007dfe !important;
  background: #fff !important
}

.btn.bg-gray:hover {
  color: #6c757d !important;
  border: 1px solid #6c757d !important;
  background: #fff !important
}

.btn.bg-warning:hover {
  background: #fff !important;
  border: 1px solid #f09916 !important;
  color: #f09916 !important
}

.bg-success {
  background: #014985 !important
}

.bg-warning {
  background: #f09916 !important
}

.top_home_banner {
  height: 250px;
  border-radius: 10px;
  margin-bottom: 20px
}

.top_home_banner h5 {
  position: absolute;
  bottom: 18px;
  left: 18px;
  color: #fff
}

.top_home .small-box {
  height: 115px;
  border-radius: 10px;
  padding: 20px
}

.table_filters .form-control, .table_filters label {
  height: calc(1.5rem + 8px);
  margin-bottom: 0;
  margin-top: 0
}

.top_home .small-box .icon > i {
  right: 20px
}

.top_home .small-box .inner h3 {
  color: #fff;
  padding-left: 0
}

.top_home .small-box .inner h3 span {
  font-size: 12px
}

.top_home .small-box .icon {
  color: #fff
}

.navbar-badge {
  font-size: .7rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
  right: 11px;
  top: 6px;
  border-radius: 50%
}

.table_filters .form-control {
  border-radius: 0 5px 5px 0
}

.form-control {
  height: calc(1.5rem + 8px) !important;
  border-radius: 5px
}

.table_filters label {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #e8e8e8;
  padding: 5px 10px;
  margin-left: 5px
}

.dataTable tr th, .table_header th {
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 500
}

#show_colecao .table_filters span, #show_familia_123 .table_filters span, .reposicao .table_filters span {
  width: 80px
}

.dark-mode .info_loja, .dataTable, .dataTable td, .dataTable th, .dataTable tr {
  border: none !important
}

.table_header {
  background: #eef9ff
}

.table td, .table th, .td-options {
  padding: 5px
}

table.dataTable > thead .sorting::after, table.dataTable > thead .sorting::before, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_asc_disabled::before, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_desc::before, table.dataTable > thead .sorting_desc_disabled::after, table.dataTable > thead .sorting_desc_disabled::before {
  position: absolute;
  display: block;
  opacity: .3
}

#data_medio_ticket, .data_card_title, .printed_data {
  color: #a1a1a1 !important;
  font-size: 12px !important
}

.td-options {
  position: absolute;
  top: 0;
  left: 15px;
  background: #fff;
  border-radius: 10px;
  z-index: 99;
  -webkit-box-shadow: 0 0 10px 0 #bbbebf;
  -moz-box-shadow: 0 0 10px 0 #bbbebf;
  box-shadow: 0 0 10px 0 #bbbebf;
  min-width: 95px
}

.dark-mode .td-options {
  -webkit-box-shadow: 0 0 10px 0 #000;
  -moz-box-shadow: 0 0 10px 0 #000;
  box-shadow: 0 0 10px 0 #000
}

.td-options p {
  padding: 2px 5px;
  text-align: left;
  margin: 3px 0
}

.td-options p a, .td-options p button {
  color: #5a656b !important;
  font-size: 10px;
  background: 0 0;
  border: none;
  padding-left: 0
}

.td-options p a i {
  font-size: 11px !important
}

.teste-hover {
  width: 30px;
  text-align: center
}

.accordion {
  width: 100%
}

table.table.table-hover > tbody > tr > td {
  padding: 0
}

.mxw-230 {
  max-width: 230px !important
}

.mxw-130 {
  max-width: 130px !important
}

.table_filters textarea {
  min-height: 26px
}

.card-footer, .dark-mode .size_texto input {
  background: 0 0 !important
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem
}

.box-alert, .box-gray, .box-green {
  background: #fff
}

.box-green {
  border: 1px solid green;
  border-radius: 10px;
  color: green
}

.box-alert {
  border: 1px solid #f09916;
  border-radius: 10px;
  color: #f09916
}

.box-gray {
  border: 1px solid gray;
  border-radius: 10px;
  color: gray
}

#divExport a, .balert, .bgray, .bgreen {
  color: #fff !important
}

.bgreen {
  background: green !important
}

.balert {
  background: #f09916 !important
}

.bgray {
  background: gray !important
}

.box_number {
  max-width: 300px;
  background: #e9ecef;
  border-radius: 5px;
  padding: 3px 10px
}

#total_caixas {
  color: #f09916;
  font-weight: 700
}

.ui-sortable-placeholder {
  min-height: 100px !important
}

.card.col-12 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

#divExport a {
  border-radius: 50rem !important;
  font-size: 12px !important
}

#divExport a > .fa {
  margin-right: 2px;
  font-size: 12px !important
}

.table thead tr td {
  background: #eef9ff !important
}

@media (min-width: 1914px) {
  #reposicao {
    min-width: 285px
  }
}

@media (max-width: 1730px) {
  #tabelaRepo .col-xl-5, #tabelaRepo .col-xl-7 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px
  }

  #reposicao {
    min-width: 285px
  }

  .small-box p {
    font-size: .9rem
  }
}

@media (min-width: 768px) and (max-width: 1080px) {
  #tabelaRepo .table_filters span {
    display: none
  }
}

@media (min-width: 992px) and (max-width: 1080px) {
  .top_home .small-box .inner h3 span {
    display: none
  }
}

.navbar-light .navbar-nav .nav-link {
  color: #838383;
  display: flex;
  align-items: center;
  justify-content: center
}

select:disabled {
  border: 1px solid #ddd !important;
  -moz-appearance: none;
  -webkit-appearance: none
}

select:disabled::-ms-expand {
  display: none
}

#loadingDashboard {
  display: none;
  animation: 4s infinite example;
  font-weight: 700
}

@keyframes example {
  0% {
    color: #093b60;
    left: 0;
    top: 0
  }
  25% {
    color: #ea1c2d;
    left: -5px;
    top: 0
  }
  50% {
    color: #36b4e5;
    left: -10px;
    top: 0
  }
  75% {
    color: #74bd43;
    left: -5px;
    top: 0
  }
  100% {
    color: #d31772;
    left: 0;
    top: 0
  }
}

#caixa .modal-body .row > .col-md-12 {
  border-top: 1px solid #eef9ff
}

#caixa .modal-body .row > .col-md-12:first-child {
  border-top: none
}

@media (min-width: 992px) {
  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 6.6rem !important
  }

  .sidebar-collapse .main-sidebar .nav-link .nav-icon {
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  .sidebar-collapse .user_menu i {
    display: table;
    margin-left: auto;
    margin-right: auto
  }

  .sidebar-collapse .user_menu {
    padding-left: 0 !important;
    text-align: center
  }

  .table-responsive {
    position: relative;
    z-index: 1;
    overflow-x: hidden
  }

  .content-wrapper > .content {
    padding: 1rem 2rem !important
  }

  #modal-histor .modal-body {
    height: 400px !important;
    overflow-y: auto
  }
}

@media (max-width: 991px) {
  .tabela-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .td-options {
    top: 50%
  }

  .loadingDashboard, .table_header {
    display: none
  }

  #modal-histor .modal-content {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    height: 100vh !important
  }

  #modal-histor .modal-footer, #modal-histor .modal-header {
    height: 15vh !important
  }

  #modal-histor .modal-body {
    height: 70vh !important;
    overflow-y: auto
  }
}

@media (max-width: 1365px) and (min-width: 648px) {
  #encomendas .card-body .table_filters:first-child {
    position: absolute;
    left: 0;
    top: 0
  }

  #encomendas .card-body .table_filters:last-child {
    position: absolute;
    right: 0;
    top: 0
  }

  #encomendas .other-filters {
    position: absolute;
    width: 100%;
    left: -.5rem !important;
    top: 41px
  }

  #encomendas .head-filters {
    min-height: 67px;
    margin-bottom: 10px
  }
}

@media (max-width: 647px) and (min-width: 508px) {
  #encomendas .other-filters {
    position: relative;
    width: 100%;
    left: -.5rem !important;
    top: 41px
  }

  #filtros > div select {
    max-width: 180px !important
  }

  #filtros > div div, #selectFile {
    margin: 5px 0
  }
}

@media (max-width: 507px) {
  #encomendas .other-filters, #gerir_pages .gerir-add, #gerir_pages .other-filters {
    position: relative !important;
    width: 100%;
    left: 0 !important;
    padding-left: .3rem !important
  }

  #encomendas .card-body .table_filters:first-child {
    position: absolute;
    left: 5px !important;
    top: 0
  }

  #encomendas .card-body .table_filters:last-child, #gerir_pages .card-body .table_filters:last-child {
    position: absolute;
    left: 5px !important;
    top: 36px !important;
    right: inherit !important
  }

  #encomendas .head-filters {
    min-height: 171px !important;
    margin-bottom: 10px
  }

  #encomendas .other-filters, #gerir_pages .other-filters {
    top: 72px !important
  }

  #encomendas #filtros > div {
    flex-direction: column !important;
    align-items: start !important
  }

  #encomendas #filtros > div div {
    margin-bottom: 10px
  }

  #encomendas #filtros > div button {
    margin-left: 8px
  }

  #gerir_pages .other-filters > .table_filters span {
    display: none
  }

  #gerir_pages .card-body .table_filters:first-child {
    width: 100vw;
    position: absolute;
    left: 5px !important;
    top: 0
  }

  #gerir_pages .gerir-add {
    top: 38px !important;
    margin-left: 0 !important
  }

  #gerir_pages .head-filters {
    min-height: 100px;
    margin-bottom: 10px !important
  }
}

@media (max-width: 1155px) and (min-width: 508px) {
  #gerir_pages .card-body .table_filters:first-child {
    position: absolute;
    left: 0;
    top: 0
  }

  #gerir_pages .card-body .table_filters:last-child {
    position: absolute;
    right: 0;
    top: 0
  }

  #gerir_pages .gerir-add, #gerir_pages .other-filters {
    position: absolute;
    width: 100%;
    left: -.5rem !important;
    top: 41px
  }

  #gerir_pages .head-filters {
    min-height: 67px;
    margin-bottom: 10px
  }
}

@media (max-width: 1402px) and (min-width: 992px) {
  #rececao-header-lft .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px
  }

  #rececao-header-lft .col-md-8, #rececao-header-rgt .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  #rececao-header-rgt .col-md-6:first-child {
    margin-bottom: 10px
  }
}

@media (max-width: 767px) {
  #rececao-header-lft .col-md-4, #rececao-header-rgt .col-md-6:first-child {
    margin-bottom: 10px
  }
}

@media (max-width: 400px) {
  .mxw-230 {
    max-width: 185px !important
  }
}

#encomendas .td-options {
  top: 50% !important;
  transform: translateY(-50%)
}

.dark-mode .navbar-white {
  background-color: transparent;
  color: #1f2d3d
}

.dark-mode .card .card {
  background-color: transparent;
  color: #fff
}

.dark-mode .brand-text, .dark-mode .card-title, .dark-mode .nav-pills .nav-link, .dark-mode .user_menu {
  color: #ced4da
}

.dark-mode .dataTable thead tr:last-child th, .dark-mode .text-gray-dark {
  color: #ced4da !important
}

.active .nav-link p, .dark-mode .table thead tr td, .dark-mode .table_header th, .table_filters label i {
  color: #5a656b
}

.dark-mode .page-item .page-link, .dark-mode .td-options p a, .dark-mode .td-options p a i, .dark-mode .text-gray, .dark-mode a, .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .75) !important
}

.dark-mode .main-footer img {
  filter: brightness(0) invert(1)
}

.dark-mode .brand-link img {
  filter: brightness(2)
}

[class*=sidebar-dark] .brand-link {
  border-bottom: none !important
}

.dark-mode .td-options, .dark-mode select {
  background-color: #343a40 !important
}

.dark-mode .page-item.disabled .page-link, .dark-mode .page-item.disabled a {
  color: rgba(255, 255, 255, .35) !important
}

.dark-mode .page-item.active .page-link, .dark-mode .page-item.active .page-link:focus, .dark-mode .page-item.active .page-link:hover {
  background-color: rgba(255, 255, 255, .75);
  border-color: rgba(255, 255, 255, .75);
  color: #5a656b !important
}

.dark-mode .custom-control-label {
  color: red !important
}

.dark-mode .card-header {
  border-bottom: 1px solid rgba(232, 232, 232, .2) !important
}

.dark-mode .text-gray, .dark-mode a {
  color: rgba(255, 255, 255, .75) !important
}

.dark-mode .box_number, .dark-mode .modal-title {
  color: #5a656b !important
}

.dark-mode .size_texto input {
  background: 0 0 !important
}