:root {
  --color-increase: #188038;
  --color-decrease:  #DD0000;
  --color-neutral: #495463;
  --color-grey100: #5A71D01B;
}

@font-face {
  font-family: 'Frutiger LT Com';
  src: url('/assets/FrutigerLTCom.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.radiobuttons_graph{
    font-size: 0.8rem;
    padding: 0.25rem 0.275rem;
    width: 3.00rem;
    margin-right: 0.05rem;
}

.index-button {
    background-color: #fff;
    border-color: #333;
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 6px;
    transition: 0.3s;
}

.index-button:hover {
    background-color:var(--color-grey100);
    border: 1px solid #ccc;
}

.index-button.active {
    background-color:var(--color-grey100);
    border: 1px solid #ccc;
}

.index-button-font-24 {
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 24px/22px Frutiger LT Com;
    letter-spacing: 0px;
    color: #495463;
    opacity: 1;

}

.index-button-font-17 {
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 17px/22px Frutiger LT Com;
    letter-spacing: 0px;
    color: var(--color-decrease);
    opacity: 1;
}

.index-button-font-19-decrease {
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 21px/22px Frutiger LT Com;
    letter-spacing: 0px;
    color: var(--color-decrease);
    opacity: 1;
}

.index-button-font-19-increase {
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 21px/22px Frutiger LT Com;
    letter-spacing: 0px;
    color: var(--color-increase);
    opacity: 1;
}

.page-header{
    top: 46px;
    left: 43px;
    /*width: 391px;*/
    /*height: 24px;*/
    font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-24)/var(--unnamed-line-spacing-22) Frutiger LT Com;
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 24px/22px Frutiger LT Com;
    letter-spacing: 0px;
    color: #495463;
    opacity: 1;
    margin-top: 2rem;
}

.small-header{
    /*top: 46px;
    left: 43px;*/
    /*width: 391px;*/
    /*height: 24px;*/
    /*font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-24)/var(--unnamed-line-spacing-22) Frutiger LT Com;*/
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 20px/18px Frutiger LT Com;
    letter-spacing: 0px;
    color: #495463;
    opacity: 1;
    padding: 0.5rem;
    padding-top: 1.0rem;
    margin: 0px;
}

.small-text{
    /*top: 46px;
    left: 43px;*/
    /*width: 391px;*/
    /*height: 24px;*/
    /*font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-24)/var(--unnamed-line-spacing-22) Frutiger LT Com;*/
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 16px/15px Frutiger LT Com;
    letter-spacing: 0px;
    color: #495463;
    opacity: 1;
    padding: 0.5rem;
    margin: 0px;
}

.index-header{
    font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-36)/var(--unnamed-line-spacing-33) Frutiger LT Com;
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 36px/33px Frutiger LT Com;
    letter-spacing: 0px;
    color: #495463;
    opacity: 1;
}

.tab-label-style{
    /*font: var(--unnamed-font-style-normal) normal  var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) Frutiger LT Com;*/
    font: normal normal bold 18px/22px Frutiger LT Com;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: #495463;
    opacity: 1;
}

.custom-table {
     font: normal normal 18px/24px Frutiger LT Com;
    color: #495463;
}

.custom-radio-tab {
    color: #495463;
    background-color: #ffffff; /*#f1f4f8*/
    border: none;
    border-radius: 6px;
    margin-right: 0px;
    padding: 6px 6px;
    font-weight: 500;
    font-size: 10px;
    transition: background-color 0.2s ease-in-out;
}

.custom-radio-tab:hover {
    color: #495463;
    background-color: #f1f4f8;
    cursor: pointer;
}

.custom-radio-tab.active {
    color: #495463;
    background-color: #f1f4f8;    
}

.form-check-inline {
  display: inline-block;
  margin-right: 0rem;
  padding-left: 0rem;
}

.icon-increase{
    font-size: 3rem;
    color: var(--color-increase);
    padding: 0px;
    margin: 0px;
} 

.icon-decrease{
    font-size: 3rem;
    color: var(--color-decrease);
    padding: 0px;
    margin: 0px;
}
.icon-neutral{
    font-size: 3rem;
    color: var(--color-neutral);
    padding: 0px;
    margin: 0px;
}

.index-button-font-24,
.index-button-font-17,
.index-button-font-19-decrease,
.index-button-font-19-increase,
.page-header,
.small-header,
.small-text,
.index-header,
.tab-label-style,
.custom-table {
    font-family: 'Frutiger LT Com', Arial, Helvetica, sans-serif !important;
}