.expandCollapseBtn > svg {
    stroke: #1f87c5;
  }
  
  .showLoading {
    position: relative;
    display: block;
  }
  
  .showLoading::after {
    content: "";
    
    background-repeat: no-repeat;
    background-size: contain;
    width: 2rem;
    
    display: block;
    
    position: absolute;
    top: 0em;
    bottom: 0em;
    right: 0em;
    left: 120%;
    
    z-index: 10;
  }
  
  .whiteContainer {
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    
    margin: 2.2em 0em;
    padding: 2.5em;
  }
  
  .primaryButton {
    font-size: 0.9rem;
    padding: 0.25em 0.5em;
    border: 0.05em solid #652C7A;
    border-radius: 0.2rem;
    color: #ffffff;
    background-color: #652C7A;
    box-shadow: 0em 0.1em 0.2em rgba(0, 0, 0, 0.1);
    text-decoration: none;
    justify-self: baseline;
  }
  
  .secondaryButton {
    font-size: 0.9rem;
    border: 0.05em solid #7DCFDB;
    border-radius: 0.2rem;
    color: #ffffff;
    background-color: #7DCFDB;
    box-shadow: 0em 0.1em 0.2em rgba(0, 0, 0, 0.1);
    text-decoration: none;
    justify-self: baseline;
  }
  
  .adminDashboard {
    padding: 2em 1em;
  }
  
  .dashboardTitle {
    
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
  }
  
  .dashboardMain {
    
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
  }
  
  .box {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    padding: 1em;
    background-color: #F9FBFC;
    border-radius: 0.2em;
    border: 0.1em solid #D6D6D6;
  }
  
  
  .pageTitle {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
  }
  
  .pageTitle  a {
    margin-left: auto;
  }
  
  .pageTitle  h1 {
    margin-bottom: 0em;
  }
  
  
  .primaryBtn {
    width: auto;
    color: #ffffff;
    background-color: #652C7A;
    padding: 0.5em 2em;
    border: none;
    margin: 0.5em 0em 0em 0em;
  }
  
  .secondaryBtn {
    width: auto;
    color: #ffffff;
    background-color: #7DCFDB;
    padding: 0.5em 2em;
    border: none;
    border-radius: 0.2em;
    margin: 0.5em 0em 0em 0em;
    text-decoration: none;
  }
  

  .categoryInfo {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .categoryInfo .deleteCategoryPickerBtn {
    padding: 0em 0.5em;
    margin-left: auto;
    background-color: #fff;
    border: none;
  }
  
  .addNewCategory {
    padding: 0em;
    border: none;
    text-align: start;
    color: #2196f3;
    background-color: white;
  }
  
  .questionCategories .singleCategory:only-of-type button {
    display: none;
  }
  
  .questionCategories {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1em;
  }
  
  div.questionDetais {
    grid-row: span 2;
  }