.text-lowercase {
text-transform: lowercase
}


.text-dark-mode {
  color: white;
}

.text-light-mode {
  color: $dark-grey;
}


.text-size-10 {
  font-size: 10px;
  
}


.text-very-small {
  font-size: 12px;
  
}

.text-very-small, .text-size-12 {
  font-size: 12px !important;
}



.text-small, .text-size-14 {
  font-size: 14px;
}


.text-standard, .text-size-16 {
  font-size: 16px;
}


.text-big, .text-size-18 {
  font-size: 18px;
}

.text-large, .text-size-20 {
  font-size: 20px;
}


.text-size-22 {
  font-size: 22px;
}

.text-too-large, .text-size-24 {
  font-size: 24px;
}

.text-very-large,.text-size-28 {
  font-size: 28px;
}

.text-super-large, .text-size-30 {
  font-size: 30px;
}

 .text-size-32 {
  font-size: 32px;
}

.text-weight-light {
  font-weight: 300;
}


.text-weight-regular {
  font-weight: 400;
}
 
.text-weight-semi-bold {
  font-weight: 500;
}

.text-weight-bold {
  font-weight: 700;
}

.text-success {
    color: $checked-color !important;
}




.navbar.dark-mode {
 color: white  
}

.navbar.light-mode {
  color: $dark-grey;  
}

.app-standardpage-header {
  font-size: 24px;
  font-weight: 700;

}

.app-standardpage-tab {
  font-size: 14px;
  font-weight: 600;
  
}

@media (min-width: 480px) {
  .app-standardpage-tab {
    font-size: 16px;
  }
}

// Side panel

.sidepanel-navitem {
}

.text-project-header-admin {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
//  color: $very-light-grey;
}

.text-project-header-project-name {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  color: $very-light-grey;
}

.text-project-header-project-description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: $very-light-grey;
}



@media (min-width: 480px) {
  .text-project-header-project-name  {
    font-size: 28px;
    line-height: 34px;
  }
}

.panel-navitem {
  font-size: 30px;
  font-weight: 700;
}

.text-panel-header {
  font-size: 18px;
  color: $dark-grey;
  margin: auto !important;
}

.text-panel-section-header {
  font-size: 14px;
  font-weight: 700;
  color: $very-light-grey;
}

.projectlistitem-title {
  font-size: 20px;
  font-weight: 700;
  color: $very-light-grey;
}

.projectlistitem-owner {
  font-size: 16px;
  font-weight: 500;
  color: $very-light-grey;
}

.projectlistitem-open {
  font-size: 18px;
  font-weight: 500;
  color: $primary-dark;
}



.grid-section-title {
  font-size: 18px;
  font-weight: 600;
  color: $dark-grey;
  cursor: pointer;
}

.dark-mode.grid-section-title {
  color: $white !important;
}