:root {
    --label-font-size: clamp(12px, 2.5vw, 14px);
    --label-font-size-small: 12px; /*clamp(11px, 2.5vw, 12px); */

    --input-font-size: 14px;
    --input-font-size-small: 12px;
    --input-font-family: 'MuseoSans-300';

    --sub-header-font-family: 'MuseoSans-500';

    --code-font-family: "anonymous_proregular", "Consolas","Monaco", monospace;

    --dropdown-label-font-size: 14px;

    --dropdown-item-label-font-size: 16px;

    --pagination-text-size: 13px;

    --button-text-col: #444;

    --disabled-input-text: #888;
}

[data-theme="dark"] {
    --button-text-col: #BBB;
}

input, 
textarea, 
.select2-selection__choice, 
.select2-results__option, 
.tagify__tag-text, 
.prefix-text, 
.suffix-text,
.switch-label,
.tree-line-label,
.roux-table .cell-value .cell-value-text,
.roux-toolbar-status-text,
.roux-input .input-content > .content-text
{
    font-size: var(--input-font-size);
    font-family: var(--input-font-family);
}

.column-label-text
{
    font-size: var(--input-font-size);
    font-family: var(--input-font-family);
}

.roux-table.small .column-label-text, .roux-table.small .cell-value-text
{
    font-size: var(--input-font-size-small);
}

.roux-input > .label > .label-text
{
    font-size: var(--label-font-size);
}

.flatpickr-monthDropdown-month 
{
    font-size: var(--input-font-size) !important;
    font-family: var(--input-font-family) !important;
}

.roux-input > .feedback
{
    font-size: 12px;
}

.tags-look .tagify__dropdown__item{
    font-size: .85em;
}

.dropdown li .label{
    font-size: var(--dropdown-item-label-font-size);
}

.dropdown > .dropdown-label > .label-text
{
    font-size: var(--label-font-size);
}

.dropdown > ul > li > .label
{
    font-size: 14px;
}

.dropdown.small > ul > li > .label
{
    font-size: 13px;
}

.roux-table .column-label .column-label-text
{
    font-size: var(--label-font-size);
    font-weight: 300;
}

.roux-table .pagination-row .pagination-rows
{
    font-size: var(--pagination-text-size);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--pagination-text-size);
}

.roux-table .pagination-row .page-selector-slot
{
    font-size: var(--pagination-text-size);
}

option.flatpickr-monthDropdown-month 
{
    font-family: var(--input-font-family);
}

.code-font
{
    font-family: var(--code-font-family);
}

.sub-header
{
    font-size: var(--label-font-size);
    padding: 5px;
    font-family: var(--sub-header-font-family);
}

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

.button-label
{
    font-size: 16px;
    color: var(--button-text-col);
}

.button.small .button-label
{
    font-size: 14px;
}

.button.primary .button-label,
.button.secondary .button-label
{
    color: #FFF;
}

.in-form-heading
{
    font-family: "MuseoSans-500";
    padding: 5px;
    font-size: 16px;
}

.in-form-subheading
{
    font-family: "MuseoSans-300";
    padding: 5px;
    font-size: 14px;
}

.in-form-small-text
{
    font-family: "MuseoSans-300";
    padding: 5px;
    font-size: 13px;
    margin-bottom: 5px;
}