/* GENERAL */
body {
  width: 100%;
  height: 100%;
  font-family: 'Roboto Mono', monospace;
  background-color: #131722;
  color: #ffffff;
  overflow: hidden;
}

body::-webkit-scrollbar {
  width: 1rem;
}

body::-webkit-scrollbar-track {
  background: #131722;
}

body::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.1);
}

section {
  margin: 5rem;
}

a {
  color: #ffffff;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.titulo {
  margin: 1rem .5rem .5rem .5rem;
  font-size: inherit;
}

.titulo>label {
  margin: 0;
}

.importe-compra,
.importe-venta {
  height: 1.5rem;
  right: 1rem;
  position: absolute;
  display: inline-block;
}

.importe-compra.btn,
.importe-venta.btn {
  padding: 0 .4rem 0 .4rem;
  color: rgba(255, 255, 255, .5) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 0.8rem;
}

.importe-compra.btn:hover,
.importe-venta.btn:hover {
  color: #ffffff !important;
}

#input-importe-compra,
#input-importe-venta {
  color: #ffffff;
  background-color: #131722;
  border: 1px solid #ffffff;
  border-radius: 0;
  margin-right: 2rem;
  padding: .6rem 0 .6rem 0;
  outline: none;
}

input[type="search"] {
  -webkit-appearance: none;
}

/* VUE.JS */
[v-cloak] {
  display: none;
}

/* NAVBAR */
#navbarNav {
  text-align: center;
}

#navbarNav>h5 {
  margin-top: 1rem;
}

.navbar-brand>img {
  width: 10rem;
  height: auto;
}

.bg-dark {
  min-height: 67.3px;
  justify-content: space-between;
  background-color: #131722 !important;
}

.nav-item {
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 0;
  margin: 0.25rem;
}

.nav-item.active {
  border: 1px solid #ffffff;
  border-radius: 0;
}

.nav-item:hover {
  border-color: #131722;
  background-color: rgba(255, 255, 255, .75);
}

.nav-link {
  text-align: center;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.nav-link:hover {
  color: #131722 !important;
}

#busqueda-navbar {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#busqueda-navbar>#input-navbar {
  padding: 0.5rem;
  color: #ffffff;
  background-color: #131722;
  border: 1px solid #ffffff;
  border-radius: 0;
  outline: none;
  vertical-align: middle;
}

.lista-navbar {
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#lista-sub-navbar {
  list-style: none;
  padding-left: 0;
}

#lista-sub-navbar>li {
  margin: 0.5rem;
}

#lista-sub-navbar>li>a {
  color: rgba(255, 255, 255, .5);
}

#lista-sub-navbar>li>a#active {
  color: #ffffff;
}

#lista-sub-navbar>li>a:hover {
  color: rgba(255, 255, 255, .75);
}

#lista-sub-navbar>li>a>img {
  border-radius: 0;
}

/* LOADER */
#loader-wrapper .loader-section {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #131722;
  z-index: 999;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

#loader-wrapper>.spinner-border {
  position: absolute;
  margin-left: -2rem;
  top: 50%;
  left: 50%;
  width: 4rem;
  height: 4rem;
  z-index: 1000;
}

/* BARRA SUP */
.d-flex>h4 {
  margin-top: 1rem;
  margin-bottom: 0;
}

.logo-cripto {
  width: 1.75rem;
  height: 1.75rem;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.logo-red {
  margin: 0.25rem;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.logo-red.active {
  border: 2px solid #089981;
}

.custom-select-sm {
  width: initial;
  margin-top: 1rem;
  color: #ffffff;
  background-color: #131722;
  outline: 1px solid #ffffff;
  outline-offset: -1px;
  border-radius: 0;
}

.custom-select-sm.disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 0.5rem;
  border-radius: 0;
}

/* TABLAS */
.table-dark {
  background-color: #131722 !important;
  counter-reset: serial-number;
}

.table td:first-child:before {
  counter-increment: serial-number;
  content: counter(serial-number);
}

.table-wrapper {
  height: 32vh;
  overflow: auto;
  scrollbar-width: 1rem;
  scrollbar-color: rgba(255, 255, 255, 0.1) #131722;
  padding-right: 1rem;
  padding-left: 1rem;
}

img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.2rem;
}

td>.btn {
  color: rgba(255, 255, 255, .5);
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.table-wrapper::-webkit-scrollbar {
  width: 1rem;
}

.table-wrapper::-webkit-scrollbar-track {
  background: #131722;
}

.table-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.1);
}

/* GRÁFICOS */
#tv-widget {
  overflow: hidden;
}

/* FORM */
.form-control {
  color: #ffffff;
  background-color: #131722;
  border-color: #ffffff;
  border-radius: 0;
}

.form-control:focus {
  color: #ffffff;
  background-color: #131722;
  border-color: #ffffff;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 .15rem #ffffff;
  box-shadow: 0 0 0 .15rem #ffffff;
}

.form-control:disabled {
  background-color: #131722;
  border-color: #000000;
  border-radius: 0;
}

.btn-block {
  background-color: #131722;
  border-color: #ffffff;
  border-radius: 0;
}

.btn-block:hover {
  color: #131722;
  background-color: #ffffff;
  border-color: #131722;
  border-radius: 0;
}

.btn-block:focus {
  color: #131722;
  background-color: #ffffff;
  border-color: #131722;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-block:disabled {
  background-color: #131722;
  border-color: #000000;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#form {
  max-width: 30rem;
}

#captcha {
  display: inline;
  width: 2.2rem;
}

/* MODAL */
.modal,
.modal-open {
  padding-right: 0 !important;
}

.modal-content {
  color: #ffffff;
  background-color: #131722;
  border-color: #ffffff;
  border-radius: 0;
}

.modal-title>img {
  margin-bottom: 0.2rem;
}

.modal-header>.close {
  color: #ffffff;
}

.modal-body>hr {
  border-color: #ffffff;
}

.modal-body>h6>i {
  font-size: 0.9rem;
}

.modal-footer>.btn {
  background-color: #131722;
  border-color: #ffffff;
  border-radius: 0;
}

.modal-footer>.btn:hover {
  color: #131722;
  background-color: #ffffff;
  border-color: #131722;
  border-radius: 0;
}

td>.btn {
  height: 1.2rem;
  padding: 0 .4rem 0 .4rem;
  font-size: 0.74rem;
}

/* ALERTAS */
.alert {
  color: #131722;
  border-color: #131722;
  border-radius: 0;
}

/* MOBILE */
@media (max-width: 350px) {

  /* GENERAL */
  body {
    font-size: 0.7rem !important;
  }

  .importe-compra,
  .importe-venta {
    height: 1rem !important;
    padding-right: 0;
  }

  .titulo>label {
    margin: .1rem 0 0 0;
  }
}

@media (max-width: 398px) {

  /* GENERAL */
  body {
    font-size: 0.8rem;
  }

  .col-lg-6 {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }

  .importe-compra.btn,
  .importe-venta.btn {
    font-size: 0.8rem;
    height: 1.25rem;
  }

  #input-importe-compra,
  #input-importe-venta {
    margin-right: 2rem;
    height: 1.25rem;
    max-width: 8rem;
  }

  /* TABLAS */
  .table-wrapper {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }
}

@media (max-width: 575.98px) {

  /* GENERAL */
  body {
    font-size: 0.85rem;
  }

  .col-lg-6 {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }

  .importe-compra,
  .importe-venta {
    height: 1.3rem;
  }

  /* FORM */
  section {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media (max-width: 991.98px) {

  /* TABLAS */
  .table-wrapper {
    height: initial;
  }

  #table-grafico {
    margin-bottom: 1.5rem;
  }

  /* FORM */
  #form {
    padding-left: 0;
    padding-right: 0;
  }

  /* GRÁFICOS */
  #tv-widget>div>div {
    height: 32vh !important;
  }
}