@font-face {
    font-family: Fira Sans;
    font-weight: 400;
    src: url(/static/fonts/FiraSans-Regular.ttf);
}

@font-face {
    font-family: Fira Sans;
    font-style: italic;
    font-weight: 400;
    src: url(/static/fonts/FiraSans-Italic.ttf);
}

@font-face {
    font-family: Fira Sans;
    font-weight: 300;
    src: url(/static/fonts/FiraSans-Light.ttf);
}

@font-face {
    font-family: Fira Sans;
    font-style: italic;
    font-weight: 300;
    src: url(/static/fonts/FiraSans-LightItalic.ttf);
}

@font-face {
    font-family: Fira Sans;
    font-weight: bold;
    src: url(/static/fonts/FiraSans-Bold.ttf);
}

.parameter-element {
    /*border-bottom: 2px solid #000;*/
    margin: 0 10px;
    padding: 0px;
}

.parameter-element .parameter-header {
    font-weight: bold;
    font-size: 120%;
}

.modal {
    font-weight: normal;
    font-size: 100%;
}

.parameter-buttons label {
    padding: 20px;
    border: 5px solid transparent;
    width: 80px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 120%;

}

.assessment-navigation a.btn {
    padding: 5px;
}

.parameter-buttons label {
    border: 5px solid #aaa;
    background-color: #aaa;
}

.parameter-buttons .active {
    border: 5px solid #0f0;
    background-color: #0f0;
}

.add_stock_meta {
    font-size: 120%;
    font-weight: bold;
}

.parameter-help-button {
    position: relative;
    display: inline-block;

}

.parameter-help-button:hover .parameter-help-box {
    visibility: visible;
}


.assessment .btn {
    padding: 20px;
}

.help-text-modal {
    height: auto;
    overflow: auto;
    max-height: 80vh;
}

.help-text-image {
    max-width: 100px;
}


.help-text-image-inline {
    float: left;
    padding: 0;
    margin: 10px 10px 10px 0;
}

.toolbar {
}

.toolbar .btn {
    padding: 10px;
}

.toolbar-top-row {
    padding: 10px 0 10px 0;
}

.toolbar2-row {
    padding: 0 0 10px 0;
}

.toolbar-bottom {
    padding-bottom: 20px;
}