/* Responsive: Side navigation */

@media screen and (max-width: 1280px) {
    
  .page-layout.carded.fullwidth > .center > .content-card-wrapper {
    flex-direction: column !important;
  }
  .content-card-wrapper > .side-information {
    max-width: 100% !important;
    overflow: visible;
  }
  .single-page-sidebar {
    margin: 0 0 15px;
  }
  

  .single-page-sidebar .navigation-container > a {
    border-left: none;
    margin: 0;
  }
  .single-page-sidebar .navigation-container > a.active::before {
    content: '';
    position: absolute;
    bottom: 4px;
    width: calc(100% - 26px);
    border-bottom: 1px dotted currentColor;
  }
  .single-page-sidebar .navigation-container > a > .mat-icon,
  .single-page-sidebar .navigation-container > a.active::after {
    display: none;
  }
  

  /*letrim*/
  #student-financial{
      display: block !important;
  }

  #registrations{
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  /*end of letrim*/
}



/* Responsive: Main content area / General */

@media screen and (max-width: 1280px) {
  
  .page-layout.carded.fullwidth > .center .content-card {
    max-width: 100% !important;
  }
  
  .inner-content {
    overflow-y: auto;
    will-change: transform;
  }
  
}
@media screen and (max-width: 959px) {
  
  /* Reset previous code */
  .content-card-wrapper {
      flex-grow: 1 !important;
      flex-shrink: 1 !important;
  }
  
}


/* Responsive: Main content area / Toolbar */

/*
@media screen and (max-width: 959px) {
  
  .content-card .toolbar .item-selection {
    flex-direction: column !important;
  }
  
   todo: change div with a class 
  .content-card .toolbar-search ~ div {
    max-width: 100% !important;
    width: 100%;
    display: block !important;
  }
  .content-card .toolbar-search ~ div > * {
    display: inline-block !important;
    margin: 0 !important;
  }
  .app-wrapper .toolbar .toolbar-separator {
    margin: 3px 12px !important;
  }
  
}*/