.bg-auth-square-shape-1{
    position:absolute;
    right: 21rem;
    top: 17rem;
    
  }
  .bg-auth-square-shape-2{
    position:absolute;
    right: -9rem;
    top: -2rem;
    
  }
  
  @media (max-width: 900px) {
    .bg-auth-square-shape-1{
      display: none;
    }
    .bg-auth-square-shape-2{
      display: none;
    }
  }

  .btn-panel{
    width: 100px;
    height: 100px;
    padding-top: 1em;
    margin: 0.25rem !important;
    line-height: 1.4;
  }

  .btn-panel i{
     font-size: 30px;
  }

  .btn-toogle{
    background-color:  transparent;
    border: 1px solid transparent;
    height: 24px;
    padding: 0px 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }
  .btn-toogle:hover{
    border: 1px solid #e4e4e4;
    border-radius: 0.2rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)
  }

  .btn-toogle[aria-expanded=false] {
   
    transform: rotate(0deg); /* Equal to rotateZ(45deg) */
    transition: transform 0.3s ease-in-out;
  }
  
  .btn-toogle[aria-expanded=true] {
    transform: rotate(180deg); /* Equal to rotateZ(45deg) */
    transition: transform 0.3s ease-in-out;
  }

  @media (min-width: 992px) {
   .border-lg{
      border: 1px solid #dee2e6 !important
   }
   .border-lg-none{
    border: none !important
   }

   .fs-lg-7{
    font-size:10px
   }

  }
.nav-tabs .nav-link{
  padding: 0.5rem;
}