/* FONT SIZE */
.title {
    font-size: var(--fontsizetitle);
}

.subtitle {
    font-size: var(--fontsizesubTitle);
}

.content {
    font-size: var(--fontsizecontent);
    font-weight: normal;
}

.subcontent {
    font-size: var(--fontsizesubcontent);
    font-weight: lighter;
}

.subcontent-bold {
    font-size: var(--fontsizesubcontent);
    font-weight: bold;
}

.subcontent-italic {
    font-size: var(--fontsizesubcontent);
    font-style: italic;
    font-weight: normal;
}

.content-light {
    font-size: var(--fontsizecontent);
    font-weight: lighter;
}

.content-italic {
    font-size: var(--fontsizecontent);
    font-weight: normal;
    font-style: italic;
}

.content-bold {
    font-size: var(--fontsizecontent);
    font-weight: bold;
}

.subtitle-italic {
    font-size: var(--fontsizesubTitle);
    font-weight: normal;
    font-style: italic;
}

.subtitle-bold {
    font-size: var(--fontsizesubTitle);
    font-weight: bold;
}

.subtitle-light {
    font-size: var(--fontsizesubTitle);
    font-weight: lighter;
}



/* COLOR */

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

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

.bg-secondaryDark {
    background-color: var(--secondarybrushdark);
}

.bg-tertiary {
    background-color: var(--tertiarybrush);
}

.bg-tertiaryLight {
    background-color: var(--tertiarylightbrush);
}

.bg-text {
    background-color: var(--textbrush);
}

.bg-delete {
    background-color: var(--deletebrush);
}

.bg-deleteLight {
    background-color: var(--deletelightbrush);
}

.bg-transparentdark {
    background-color: var(--transparentdarkbrush);
}


.bg-success {
    background-color: var(--successColor);
}

.bg-success-transparent {
    background-color: var(--successColorTransparent);
}

.bg-info {
    background-color: var(--infoColor);
}

.bg-info-transparent {
    background-color: var(--infoColorTransparent);
}

.bg-warning {
    background-color: var(--warningLightColor) !important;
}

.bg-warning-transparent {
    background-color: var(--warningLightColorTransparent) !important;
}

.bg-warning-dark {
    background-color: var(--warningDarkColor) !important;
}

.bg-warning-dark-transparent {
    background-color: var(--warningDarkColorTransparent) !important;
}

.bg-error {
    background-color: var(--errorColor);
}

.bg-error-transparent {
    background-color: var(--errorColorTransparent);
}

.bg-danger {
    background-color: var(--errorColor);
}

.bg-danger-transparent {
    background-color: var(--errorColorTransparent);
}

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

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

.bg-transparentDarkBrush {
    background-color: var(--transparentdarkbrush);
}

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

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


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

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

.bg-secondaryDark-hover:hover {
    background-color: var(--secondarybrushdark);
}

.bg-tertiary-hover:hover {
    background-color: var(--tertiarybrush);
}

.bg-tertiaryLight-hover:hover {
    background-color: var(--tertiarylightbrush);
}

.bg-text-hover:hover {
    background-color: var(--textbrush);
}

.bg-delete-hover:hover {
    background-color: var(--deletebrush);
}

.bg-deleteLight-hover:hover {
    background-color: var(--deletelightbrush);
}

.bg-transparentdark-hover:hover {
    background-color: var(--transparentdarkbrush);
}


.bg-success-hover:hover {
    background-color: var(--successColor);
}

.bg-success-transparent-hover:hover {
    background-color: var(--successColorTransparent);
}

.bg-info-hover:hover {
    background-color: var(--infoColor);
}

.bg-info-transparent-hover:hover {
    background-color: var(--infoColorTransparent);
}

.bg-warning-hover:hover {
    background-color: var(--warningLightColor) !important;
}

.bg-warning-transparent-hover:hover {
    background-color: var(--warningLightColorTransparent) !important;
}

.bg-warning-dark-hover:hover {
    background-color: var(--warningDarkColor) !important;
}

.bg-warning-dark-transparent-hover:hover {
    background-color: var(--warningDarkColorTransparent) !important;
}

.bg-error-hover:hover {
    background-color: var(--errorColor);
}

.bg-error-transparent-hover:hover {
    background-color: var(--errorColorTransparent);
}

.bg-danger-hover:hover {
    background-color: var(--errorColor);
}

.bg-danger-transparent-hover:hover {
    background-color: var(--errorColorTransparent);
}

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

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

.bg-transparentDarkBrush-hover:hover {
    background-color: var(--transparentdarkbrush);
}

.bg-menuLeft-hover:hover {
    background-color: var(--menuLeft);
}

.bg-menuRight-hover:hover {
    background-color: var(--menuRight);
}



.color-success {
    color: var(--successColor);
}

.color-success-transparent {
    color: var(--successColorTransparent);
}

.color-info {
    color: var(--infoColor);
}

.color-warning {
    color: var(--warningDarkColor);
}

.color-warning-dark {
    color: var(--warningDarkColor);
}

.color-error {
    color: var(--errorColor);
}

.color-danger {
    color: var(--errorColor);
}


.color-light {
    color: var(--colorLight);
}

.color-dark {
    color: var(--colorDark);
}


.color-transparent-darkBrush {
    color: var(--transparentdarkbrush);
}



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

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

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

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

.color-tertiaryLight {
    color: var(--tertiarylightbrush);
}

.color-text {
    color: var(--textbrush);
}

.color-delete {
    color: var(--deletebrush);
}

.color-deleteLight {
    color: var(--deletelightbrush);
}

.color-transparent-dark {
    color: var(--transparentdarkbrush);
}

.color-success-hover:hover {
    color: var(--successColor);
}

.color-success-transparent-hover:hover {
    color: var(--successColorTransparent);
}

.color-info-hover:hover {
    color: var(--infoColor);
}

.color-warning-hover:hover {
    color: var(--warningLightColor);
}

.color-warning-dark-hover:hover {
    color: var(--warningDarkColor);
}

.color-error-hover:hover {
    color: var(--errorColor);
}

.color-danger-hover:hover {
    color: var(--errorColor);
}


.color-light-hover:hover {
    color: var(--colorLight);
}

.color-dark-hover:hover {
    color: var(--colorDark);
}


.color-transparent-darkBrush {
    color: var(--transparentdarkbrush);
}



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

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

.color-secondary-dark-hover:hover {
    color: var(--secondarybrushdark);
}

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

.color-tertiaryLight-hover:hover {
    color: var(--tertiarylightbrush);
}

.color-text-hover:hover {
    color: var(--textbrush);
}

.color-delete-hover:hover {
    color: var(--deletebrush);
}

.color-deleteLight-hover:hover {
    color: var(--deletelightbrush);
}

.color-transparent-dark-hover:hover {
    color: var(--transparentdarkbrush);
}

.noDecoration {
    text-decoration: none !important;
}