:root {

    --main-title-font: bold 40px var(--font-family-base);
    --main-title-color: var(--primary-color-1);

    --tab-title-font: bold italic 20px var(--font-family-base);
    --tab-title-color: var(--primary-color-1);

}

.apptitle {
    border: none;
    border: 0;
    margin: 0;
    padding: 0;
    font: var(--main-title-font);
    color: var(--main-title-color);
    width: auto;
}

.tabTitle {
    font: var(--tab-title-font);
    color: var(--tab-title-color);
    width: auto;
}

.header-height-115 {
    height: 115px;
}

.alert {
    padding: 1em;
    text-align: center;
    white-space: nowrap;
    width: auto;
    word-wrap: normal;
}

.display-none {
    display: none;
}

.appversion {
    font-size: 12px;
    font-family: var(--font-family-base);
    /*background: #FFF;*/
    color: #888;
    position: fixed;
    bottom: 0;
    right: 2px;
}

.locked {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.8); /*lets make it semi-transparent */
    z-index: 9999; /*because you could set some z-indexes in your code before, so lets make sure that this will be over every elements in html*/
}

.right {
    text-align: right;
}