.cpc-chart-heightchart .chart-and-minmax{
    display: flex;
}

.cpc-chart-heightchart [name=lineChartContainer] {
    flex-grow:1;
    margin-top:7px;
    margin-bottom:7px

}

.ferd-description-list .cpc-chart-heightchart{

    margin-left:20px;
    margin-right:20px;
}

.cpc-chart-heightchart [name=minMax] { 
   
    font-weight:normal;
    font-size:12px;
    line-height:12px;
    color:gray;
}

.cpc-chart-heightchart [name=minMax] .minMaxDash{
    position:relative;
    box-sizing: border-box;
    display:inline-block;
    float:left;
    width:12px;
    border-top:2px solid lightgray;
    border-bottom:2px solid lightgray;
    height: calc(100% - 12px);
    margin-top:6px;
    margin-bottom:6px;
    margin-left:10px;
    margin-right:10px;
    z-index:1000;
    
}

.cpc-chart-heightchart [name=minMax] [name=minMaxLabels] { height:100%; display:flex; flex-direction:column; align-items: flex-end; justify-content: space-between; }

.cpc-sidepanel.heightchartsidepanel .cpc-toolbar{
    margin-left:0px;
    margin-top:10px;
    margin-bottom:10px;
}
.cpc-chart-heightchart .top-ux{
    display:flex;
    justify-content:space-between;
}

.cpc-chart-heightchart .expand-button {
    background-color: transparent;
    background-image: url('../../Images/ikoner/nk_114-ekspander-B-48px.png');
    float: none;
    margin-top: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
}

.cpc-chart-heightchart .expand-button:hover {
    background-color: #4d4d4d;
    background-image: url('../../Images/ikoner/nk_114-ekspander-D-48px.png');
}




.heightchartsidepanel [name=heightProfileContainer] {
    padding: 10px;
    padding-bottom:4px;
    background: none;
    display: block;
    width: 100%;
    border: 1px solid black;
    margin-left: -10px;
}

.heightchartsidepanel [name=heightProfileContainer]:hover {
    background-color: whitesmoke;
    cursor: pointer;
}

.cpc-chart-heightchart .steps_and_corner {
    width: 100%;
    display: flex;
}

.cpc-chart-heightchart .steps_and_corner .steps {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cpc-chart-heightchart .steps_and_corner .steps .length_label {
    background-color: transparent;
    width: 30%;
    text-align: center;
    color: black;
    border-radius: 0px;
}

.cpc-chart-heightchart .steps_and_corner .steps div{
    width: 16px;
    height: 16px;
    background-color: black;
    color: white;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    position:relative;
}

.cpc-chart-heightchart .steps_and_corner .a {
    margin-left:-8px;
}

.cpc-chart-heightchart .steps_and_corner .steps div strong {
        position:absolute;
        left:4px;
}
.cpc-chart-heightchart .steps_and_corner .b {
    margin-right:-8px;
}

.cpc-chart-heightchart .steps_and_corner .corner {
    flex: 1;
}