body{
    background: #E9F1F8; 
    background: linear-gradient(#E9F1F8, #FFF);
}

.a-TreeView-node--topLevel > .a-TreeView-content > .a-TreeView-label {
    font-weight: 500!important;
}


/*  -----    Estilo de la barra de navegación   ----- */
#t_TreeNav div
{
  box-shadow:-1px 0 0 rgba(0,0,0,0.1) inset;
}

.t-Card-icon.cc-icons, .cc-tipr-icons.t-Card-icon {
    background-color: transparent !important;
}

#t_Body_nav,
#t_Body_nav div.t-Body-nav,
#t_Body_nav div.t-TreeNav,
#t_TreeNav div.a-TreeView-node,
#t_TreeNav div.a-TreeView-row,
#t_TreeNav div.a-TreeView-content
{
    background-color:#354553!important
}

#t_TreeNav div.a-TreeView-content.is-hover
{
    background-color:#4c5c6a !important
}

#t_TreeNav div.a-TreeView-content.is-selected
{
  background-color: #091927!important;
}

#t_TreeNav div.a-TreeView-content.is-current
{
    background-color: #091927!important;
}

#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content, 
#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .a-Icon, 
#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa
{
    color: #fff!important;
}
#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-current, 
#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-current--top, 
#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-selected,
#t_TreeNav.t-TreeNav .fa .century-menu.is-selected
{
    color: #fff!important;
}

#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-hover, 
#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-hover--top, 
#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-hover,
#t_TreeNav.t-TreeNav .fa .century-menu.is-hover
{
    color: #fff!important;
}

#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top, 
			.t-TreeNav .a-TreeView-node--topLevel ul, 
			.t-TreeNav .a-TreeView-node--topLevel.is-collapsible > .a-TreeView-row {
    background-color: #191927!important;

}

#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top, 
			.t-TreeNav .a-TreeView-node--topLevel ul, 
			.t-TreeNav .a-TreeView-node--topLevel.is-collapsible > .a-TreeView-row li{
    background-color: #191927!important;

}

#t_TreeNav.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover + .a-TreeView-toggle, 
		  .t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-toggle {
    background-color: #091927 !important;
}

#t_TreeNav div.a-TreeView-row, #t_TreeNav div.a-TreeView-content {

    background-color: #354553!important;/*#354553 !important;*/

}


.t-TreeNav.a-TreeView .is-collapsible > .a-TreeView-toggle::before, .t-TreeNav.a-TreeView .is-expandable > .a-TreeView-toggle::before {
    filter: brightness(0) invert(1) !important;
}

@decimal-format phone {
  grouping-separator: " ";
}

@decimal-format price {
  grouping-separator: ".";
  decimal-separator : ","
}

@decimal-format sweprice {
  grouping-separator: " ";
  decimal-separator : ","
}
@decimal-format creditcard {
  grouping-separator: " ";
}
@media all {
  td.phone {
      number-format: "## ##", "phone";
  }
}
@media screen {
  td.price {
      number-format: "###,##0.00", "price";
      /* price is actually redundant as this format would be the default */
  }
  td.price::after {
      content: " USD";
  }
  td.sweprice {
      number-format: "### ##0,00", "sweprice";
  }
  .creditcard {
      number-format: "#### ####", "creditcard";
  }
  td.sweprice::after {
      content: " SEK";
  }
}
@media speech {
  /* 
      Grouping both unnecessary and unwanted, words like
     "billion", "million" and "thousand" should be spelled out
     Those words should only be spelled out by a screen reader when
     grouping is not specified.
  */ 
  td.price {
      number-format: "0.00", "price";
  }
  td.sweprice {
      number-format: "0,00", "sweprice";
  }
  td.price::after {
      content: " US dollars";
  }
  td.sweprice::after {
      content: " Swedish crowns";
  }
  .creditcard {
      /* Speak numbers in pairs, no nead to hear the word "thousand" */
      number-format: "## ## ## ##", "creditcard";
  }
}

/*
Ezequiel 18/10/2021.
Líinea agregada por causa del navegador Chrome versión: 94.0.4606.81 (Build oficial)
Este navegador ocasiona que los ítems desaparezcan al recibir el enfoque. Solo sucede en un un cuadro de diálogo modal
*/
.apex-item-select:focus, .apex-item-text:focus, .apex-item-textarea:focus {
border: 1.1px solid;
}
/*
Fin Ezequiel 18/10/2021.
*/