.panel_block{
    width: 100%;
}
.panel {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
    width: 100%;
  }

.panel_header{}

.panel_header h2 {
  font-size: 50px;
  margin: 0;
  text-align: right;
}

.panel_header h2 a{
  text-decoration: none;
  color: var(--black);
}
.panel_header h2 a:visited{
  text-decoration: none;
  color: var(--black);
}

.panel_header h2 strong {
    color: var(--blue);
  }
  .panel_header h2 small,
  .panel_header h2 a small{
    font-size: 20px;
}



#nav-sidebar .panel_header h2 {
  font-size: 20px;
  margin: 0;
  text-align: center;
}

#nav-sidebar .panel_header h2 a{
  text-decoration: none;
  color: var(--black);
}

#nav-sidebar .panel_header h2 a:visited{
  text-decoration: none;
  color: var(--black);
}

#nav-sidebar .panel_header h2 strong {
    color: var(--blue);
}

#nav-sidebar .panel_header h2 small,
#nav-sidebar .panel_header h2 a small{
    font-size: 20px;
}



.panel_body {
    background: var(--transparent-grey);
    border-radius: 20px;
    display: flex;
    padding: 30px 75px;
}

.panel_body [class*="model-"] h3{
  margin-bottom: 2px;
}

#nav-sidebar {
  background: var(--transparent-grey);
  flex: 0 0 30%;
  left: -30%;
  margin-left: -30%;
}

#nav-sidebar .panel_body {
  background: transparent;  
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
}
#nav-sidebar .current-model ,
#nav-sidebar [class*="model-"]  {
  background: transparent!important;
}
#nav-sidebar .current-model[class*="model-"] h3,
#nav-sidebar .current-model[class*="model-"] h3 a{
  color: var(--black);
}



.panel_icon .material-icons {
  font-size: 100px;
  color: var(--white);
}

.panel_icon .material-icons:before {
  display: block;
}

.panel_icon.app-auth .material-icons:before  {
  content: 'group';
}
.panel_icon.app-Clientes .material-icons:before  {
  content: 'account_tree';
}

.panel_content {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    width: 100%;  
}

  
[class*=model-] > div{
  display: flex;
  justify-content: center;
}

  

#nav-sidebar [class*=model-] > div{
  display: flex;
  justify-content: center;
  flex-direction: column;
}


#nav-sidebar [class*=model-].current-model > div{
  background: var(--transparent-grey);
}


[class*=model-] h3,
[class*=model-] h3 a{
  color: var(--blue);
  text-align: center;
  text-decoration: none;
}

.btn_module{
    align-self: center;
    align-items: center;
    background: white;
    border-radius: 50px;
    box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5);
    display: flex;
    margin: 5px 15px;
    max-width: 300px;
    min-height: 60px;
    justify-content: center;
    text-align: center;
    width: 100%;
}

#nav-filter {
  margin: 5px 20px;
  width: 94%;
}