.length_display{
    border: 1px solid #ced4da;
    display: block;
    min-height: 150px;
    margin-top: 24px;
}
.small_square{
    width:10px;
    height:10px;
    background: #000;
    top:50%;
    transform: translate(-50%,-50%);
    z-index:999;
}
.small_square_small{
     width:4px;
     height:4px;
     background: #000;
     top:50%;
     transform: translate(-50%,-50%);
     z-index:999;
 }
.objectWidth{
    width: 16%;
    word-wrap: break-word;
}
.small_square_left{
    left:20%;
}
.small_square_right{
    left:80%;
}
.length_display_line{
    transform: translate(-50%,-50%);
    left:50%;
    top:50%;
    width:55%;
    height:3px;
    background: #b80606;
}
/*.measure{*/
/*    transform-box: fill-box;*/
/*    transform-origin: center;*/
/*}*/
.length_groups_style{
    position:relative;
    width: 15px;
    height: 15px;
}
.length_line{
    position:absolute;
    width:80%;
    height:2px;
    transform:translate(-50%, -50%);
    left:50%;
    top:50%;
}
.length_line:before{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    left: -4px;
    top: -1px;
}
.length_line:after{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    right: -4px;
    top: -1px;
}
.length_line_in_modal{
    position: relative;
    width: 50px;
    height: 2px;

}
.length_line_in_modal:before{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #000;
    left: -5px;
    top: -1px;
}
.length_line_in_modal:after{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #000;
    right: -5px;
    top: -1px;
}