.amChartsDataSetSelector
{
    font-size:12px;
    font-family:verdana,helvetica,arial,sans-serif;
}

.amChartsPeriodSelector
{
    font-size:12px;
    font-family:verdana,helvetica,arial,sans-serif;
}

.amChartsButtonSelected
{
   background-color:#CC0000;
   border-style:solid;
   border-color:#CC0000;
   border-width:1px;
   color:#FFFFFF;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 1px;
   outline: none;
   box-sizing: border-box;
}

.amChartsButton
{
    color: var(--ifc-dark);
    background: transparent;
    opacity: 0.7;
    border: 1px solid rgba(0, 0, 0, .3);
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 1px;
   outline: none;
   box-sizing: border-box;
}

.amChartsCompareList
{
   border-style:solid;
   border-color:var(--ifc-gray-200);
   border-width:1px;
}

.amChartsCompareList div
{
   box-sizing: initial;
}

.block_val{
    width: 340px;
}
@media (max-width: 600px){
    .block_val{
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 992px){
    .block_val,
    body[dir=rtl] .block_val{
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .block_val{
        max-width: 450px;
        width: 100%;
    }
}

@media (max-width: 500px){
    .block_val {
        min-width: 280px;
    }
}