.t-Header-branding{
    background-color:white;
}
.t-Body-actionsContent{
    height:100%;
    background-color:var(--ut-body-actions-background-color);
    border-left: solid 1px var(--ut-body-actions-border-color, var(--ut-component-border-color));
    border-top: solid 1px var(--ut-body-actions-border-color, var(--ut-component-border-color));
  }
  .t-Body-actions{
    min-height: 100%;
    background-color: var(--ut-body-actions-background-color);
    width: var(--ut-body-actions-width, 400px) !important;
  }
  :root{
    --ut-body-actions-width: 400px;
  }
  body{
    overflow:auto;
  }
  .t-TreeNav .a-TreeView-node--topLevel>ul>li>.a-TreeView-content {
    padding: 4px !important;
    padding-left: 20px !important;
  }

  @keyframes removeConteudoBeforeLoading{
    0%    {opacity:1}
    99%   {opacity:0; height:500vh; width:500vw;}
    100%  {opacity:0; height:0px; width:0px;}
  }

  @keyframes animacaoLoading{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
  }

  @keyframes aparecerOpacity{
    0% {opacity:0;}
    100% {opacity:0.4;}
  }


  #ocultaConteudoBeforeCodigo{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    right: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 100000000000000000000;
    transition:0.5s;
    overflow:hidden;
  }

  .apex-theme-vita #ocultaConteudoBeforeCodigo{
    background-color: white;
  }
  
  .apex-theme-vita-dark #ocultaConteudoBeforeCodigo{
    background-color: #252525;
  }

  #ocultaConteudoBeforeCodigo:after{
    animation: aparecerOpacity 1s;
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='800' height='560' preserveAspectRatio='none' viewBox='0 0 800 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1061%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c203 C 26.8%2c255.4 80.4%2c497.6 134%2c465 C 187.6%2c432.4 214.4%2c71 268%2c40 C 321.6%2c9 348.4%2c309.2 402%2c310 C 455.6%2c310.8 482.4%2c15.6 536%2c44 C 589.6%2c72.4 617.2%2c453 670%2c452 C 722.8%2c451 774%2c121.6 800%2c39L800 560L0 560z' fill='rgba(65%2c 65%2c 65%2c 0.31)'%3e%3c/path%3e%3cpath d='M 0%2c266 C 40%2c293.4 120%2c412.8 200%2c403 C 280%2c393.2 320%2c189.6 400%2c217 C 480%2c244.4 520%2c565 600%2c540 C 680%2c515 760%2c181.6 800%2c92L800 560L0 560z' fill='rgba(95%2c 95%2c 95%2c 0.23)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1061'%3e%3crect width='800' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:left bottom;
    background-size:200% 50%;
    opacity:0.4;
    z-index:1;
  }


  #circuloLoadingPagina{
    animation-name: animacaoLoading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function:cubic-bezier(0.63, 0.47, 0.31, 0.65);
    font-size: 6rem;
    color: white;
    background-color: #81818180;
    padding: 15px;
    border-radius: 200px;
    opacity: 0.7;
    font-weight:bold;
  }
