.light-theme {
    --bg: #fafafa;
    --bg-menu: #f0f0f0;
    --bg-nav: #fff;
    --bg-white: #fff;
    --bg-input: #ffff;
    --bg-table: #f0f0f0;
  
    --color-text: #464855;
    --color-grey: #e5e5e5;
    --color-grey2: #d5d5d5;
    --color-input: #6B6F82;
    --border-select: #e5e5e5;
  }

  .dark-theme {
    --bg: #060606;
    --bg-menu: #0D0D0D;
    --bg-nav: #272B2F;
    --bg-white: #272B2F;
    --bg-input: #505254;
    --bg-table: #202020;
  
    --color-text: #A0A2A7;
    --color-grey: #272B2F;
    --color-grey2: #d5d5d5;
    --color-input: #A0A2A7;
    --border-select: #505254;
  }
 
  /* dark azul */
  /* .dark-theme {
    --bg: #101826;
    --bg-menu: #0B0D16;
    --bg-nav: #1A273B;
    --bg-white: #1a273b;
    --bg-input: #253854;
    --bg-table: transparent;
    --bg-table: #101826;
  
    --color-text: #d6d6d6;
    --color-grey: #1a273b;
    --color-grey2: #d5d5d5;
    --color-input: #d6d6d6;
    --border-select: #253854;
  } */

  .line-on-side span{
    background-color: var(--bg-white) !important;
  }
  /* end login */
  .btn-outline-secondary:hover {
    background-color: rgba(0,0,0,0.1) !important;
  }
  .cc-loadingpage{
    background: var(--bg) !important;
  }
  
  html body{
    background-color: var(--bg) !important;
  }

  .select2-dropdown{
    background: var( --bg-nav ) !important;
  }

  .select2-selection__rendered{
    color: var(--color-input) !important;
  }

  .select2-container--open .select2-dropdown--below{
    border-color: solid 1px var(--color-grey) !important;
  }
  .select2-container--default .select2-selection--single{
    background-color: var(--bg-input) !important;
    border-color: solid 1px var(--border-select) !important;
    border: solid 1px var(--border-select) !important;
  }
  /* .select2-container--default .select2-selection--single{
    background-color: var(--bg-input) !important;
    border: solid 1px var(--bg-input) !important;
  } */
  .navbar-semi-dark{
    background: var(--bg-nav) !important;
  }
  p, h1, h2, h3, h4, h5, h6, span, label, th, td, .color_text, b{
    color: var(--color-text) !important;
  }
  i{
    color: var(--color-text);
  }
  .table td, .table th{
    border-top: 1px solid  var(--bg-table) !important;
    border-bottom: 1px solid  var(--bg-table) !important;
    /* border-top: 1px solid  var(--color-grey) !important;
    border-bottom: 1px solid  var(--color-grey) !important; */
  }
  .table_color{
    background-color: var(--bg-table) !important;
  }
  .item_prod_orientacion{
    background-color: var(--bg-table) !important;
  }
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent !important;
    /* background-color: var(--bg) !important; */
  }
  input, textarea, select {
    background: var(--bg-input) !important;
  }
  .card{
    background-color: var(--bg-white) !important;
  }
  .bg_white{
    background: var(--bg-white) !important;
  }
  textarea {
    border: solid 1px var(--color-grey) !important;
  }
  input {
    border: solid 1px var(--color-grey) !important;
  }
  .modal-header {
    border-bottom: solid 1px var(--color-grey) !important;
  }
  .modal-footer {
    border-top: solid 1px var(--color-grey) !important;
  }
  .form-control{
    color: var(--color-input) !important;
    border-radius: 10px !important;
  }
  .table thead th{
    border-top: solid 0.5px var(--color-grey) !important;
    border-bottom: solid 0.5px var(--color-grey) !important;
  }
  .menu__jota .main-menu.menu-dark{
    background-color: var( --bg-menu ) !important;
  }
  .menu__jota .nav-item a{
    background: var(--bg-menu) !important;
    color: var(--color-input) !important;
  }
  .menu__jota .navigation .active a{
    background: var(--color-grey) !important;
  }
  .light-theme .contenedor-img {
    background-color: var(--color-grey);
  }
  .dark-theme .contenedor-img {
    background-color: var(--bg-input);
  }
  .switch-container {
    border: solid 1px var(--color-grey) !important;
  }