/* css for webgraphics resize widget */

.ResizeBarVertical {
    cursor: ns-resize;
    height: 20px;
    margin-top: -10px;
    /*margin-bottom: -5px;*/
    background: transparent;
    display: flex;
    z-index: 10;
    align-items: center ;
    align-content: center ;
    justify-content: center;
    background-color = "ivory";

}

.ResizeHandleVertical {
    cursor: ns-resize;
    width:50px;
    height: 16px;
    border-radius: 8px;
    background: white;
    border: 2px solid lightgray;
    z-index: 10;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.ResizeHandleVertical.chrome {
    height: 18px; /* centered dots display differently in Chrome from Safari & Chome!! */
};

.ResizeHandleVertical>span {
    display: inline-block;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    font-family: sans-serif;
    letter-spacing: 1px;
    color: #b3b3b3;
    text-shadow: 1px 0 1px rgb(90, 90, 90);
    pointer-events: none;
}

.ResizeHandleVertical>span {
    text-align: center;
    line-height: 15px; /*12px;*/
    margin-top: -5px; /*-3px;*/
}

.ResizeHandleVertical>span::after{
    content: '......';
}