:root {
    --color-primary: #0A4BA1;
    --color-secondary: #5B5B5B;
    --color-tertiary: #8B8B8B;
    --color-disabled: #C9C9C9;
    --font-size-small: 14px;
    --font-size-medium: 16px;
    --font-size-large: 18px;
    --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.label-small {
    font-size: var(--font-size-small);
    font-family: var(--font-family);
}

.label-medium {
    font-size: var(--font-size-medium);
    font-family: var(--font-family);
}

.label-large {
    font-size: var(--font-size-large);
    font-family: var(--font-family);
}

.color-primary {
    color: var(--color-primary);
}

.color-secondary {
    color: var(--color-secondary);
}

.color-tertiary {
    color: var(--color-tertiary);
}

.label-disabled {
    color: var(--color-disabled);
}

.card {
    border-radius:15px;
    border-width:1px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}

.content-card {
    padding-left: 20px;
    padding-right: 20px;
}

.border-color-primary {
    border-color: var(--color-primary);
}

.main-content-area {
    width:100%;
}