.btn-canvas-control {
    color: #364955;
    background-color: #fff;
    border-color: #364955;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-canvas-control:hover {
    color: #fff;
    background-color: #364955;
    border-color: #364955;
}

.btn-canvas-control:focus {
    color: #364955;
    background-color: #fff;
    border-color: #364955;
    box-shadow: 0 0 0 0rem rgba(255, 255, 255);
}

.btn-canvas-control.selected {
    color: #fff;
    background-color: #364955;
    border-color: #364955;
    box-shadow: 0 0 0 0rem rgba(255, 255, 255);
}
.draw_signature_pad_tools{
    position: absolute;
    right:0px;
    top:0px;
}

@media (max-width: 992px) {
    .draw_signature_pad_tools{
        position: absolute;
        right:unset;
        left: 0px;
        top:0px;
    }

    
}

.select-color-style{
    width:25px;
    height:25px;
    margin: 0.5rem;
    border-radius: 0.25rem!important;
}

.select-color-style.selected{
    outline: #d1d1d1 solid 2px;
    outline-offset: 2px;
}

.select-dotSize-style{
    border-radius: 50%;
    /*background-color:white;*/

}

.select-dotSize-style.selected{
    outline: #d1d1d1 solid 2px;
    outline-offset: 2px;

}

.set-dotSize-frame{
    margin: 0.5rem 0.25rem;
    width:25px;
    height:25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signature_pen_control{
    background-color:#a4a4a4ed;
    position: absolute;
    z-index:50;
    top:4px;
    left:-307px;
}

.signature_pen_control.same{
    top:45.6px;
    left:4px;
}

@media (max-width: 992px) {
    .signature_pen_control{
        top:41.6px;
        left:4px;
    }
    
}