.color-light-purple {
  color: #422873;
  background-color: #e8e5ed;
}

.trinary {
  background-color: #ffffff;
  color: #fe354e !important;
  border-color: #fe354e !important;
}
.menu-color {
  background-color: #feecee;
  color: #f2344f;
  border-color: #f2344f;
}
.error {
  color: #f35269;
}

.error-text {
  color: #f2344f;
}

.color-orange {
  background-color: #ffa998;
}

.color-pink {
  background-color: #f977aa;
}

.color-blue {
  background-color: #876ef6;
}

.color-purple {
  background-color: #c5aaf7;
}

.text-1 {
  color: #000000;
}

.text-2 {
  color: #4a4a4a;
}

.text-3 {
  color: #656565;
}

.text-4 {
  color: #a0a0a0;
}

.text-5 {
  color: #484747;
}

.text-6 {
  color: #472e77;
}

.text-7 {
  color: #626262;
}

.text-8 {
  color: #56aa29;
}

.text-9 {
  color: #422873;
}
.text-10 {
  color: #3c4144;
}
.text-color-5 {
  color: #0275d8;
}

.primary {
  background-color: #56aa29;
  color: #ffffff;
}

.card-border {
  border-color: #979797;
}

.primary-button {
  background: #80c941;
  /* Old browsers */
  background: -moz-linear-gradient(left, #80c941 0%, #56aa29 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #80c941 0%, #56aa29 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #80c941 0%, #56aa29 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #ffffff !important;
}

.manage-card-color {
  background: rgba(66, 40, 115, 1);
  background: -moz-linear-gradient(left, rgba(66, 40, 115, 1) 0%, rgba(119, 81, 171, 0.88) 100%);
  background: -webkit-linear-gradient(left, rgba(66, 40, 115, 1) 0%, rgba(119, 81, 171, 0.88) 100%);
  background: -o-linear-gradient(left, rgba(66, 40, 115, 1) 0%, rgba(119, 81, 171, 0.88) 100%);
  background: linear-gradient(to right, rgba(66, 40, 115, 1) 0%, rgba(119, 81, 171, 0.88) 100%);
  color: #ffffff !important;
}

.manage-card {
  background-color: #f8f6fa;
  color: #4a4a4a;
}
.primary-detail-color {
  background-color: #eef6e9;
}

.secondary {
  background-color: #ffffff;
  color: #422873;
  border-color: #422873;
}

.color-dark-blue {
  color: #ffffff;
  background-color: #422873;
  border-color: #422873;
}

.on-surface {
  background-color: #ffffff;
}

.on-background {
  background-color: #f4f8fd;
}

.mat-form-field .mat-form-field-flex {
  border-color: #c7ccd1;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #cfcaca;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cfcaca;
}

.dark-theme-color {
  color: #ffffff;
  background-color: #4a4a4a;
}

.mat-menu-item:hover {
  background-color: #feecee !important;
  color: #f2344f;
}

.mat-step-header .mat-step-icon-state-edit {
  background-color: #56aa29 !important;
}

.mat-step-header .mat-step-icon-selected {
  background-color: transparent !important;
}
