.h-80 {
    height: 80% !important;
}

.h-85 {
    height: 85% !important;
}

.h-90 {
    height: 90% !important;
}

.h-95 {
    height: 95% !important;
}

.min-h-100{
    min-height: 100px !important;
}
.min-h-150 {
    min-height: 150px !important;
}
.min-h-200 {
    min-height: 200px !important;
}
.min-h-250 {
    min-height: 250px !important;
}

.bg-green {
    background-color: var(--primary-color-green);
}

.bg-orange {
    background-color: var(--primary-color-orange);
}

.bg-blue {
    background-color: var(--secondary-color-blue);
}

.bg-red {
    background-color: var(--primary-color-red);
}

.bg-grey {
    background-color: var(--primary-color-grey);
}

.bg-grey-dark {
    background-color: var(--background-color-dark-grey);
}

.bg-lightgreen {
    background-color: var(--background-color-light-green);
}

.bg-lightyellow {
    background-color: var(--background-color-light-yellow);
}

.bg-orange-dark {
    background-color: var(--background-color-dark-orange);
}

.bg-orange-light {
    background-color: var(--background-color-light-orange);
}

.text-brown {
    color: #6c4a40 !important
}