.fooWebMsgBuilder-add-btn, .fooWebMsgBuilder-send-btn
{
    background-color: #0072C6;
    border: 1px solid transparent;
    color: #fff;
    font-family: "Lato";
    display: inline-block;
    font-size: 18px;
    padding: 4px, 4px, 4px, 4px;
    text-decoration: none;
    transition: background-color 0.5s, color 0.5s;
}

.sigBtn, .sigBtnSign 
{
    width:80%;

/*    background-color: #0072C6;
    border: 1px solid transparent;
    color: #FFFFFF;
    font-family: 'Lato';
    display: inline-block;
    font-size: 18px;
    padding: 4px 4px 4px;
    text-decoration: none;
    transition: background-color 0.5s, color 0.5s; */   
}

.sigBtn:hover, .sigBtn:focus{
 /*   outline: none;
    background-color: #005899;
    border: 1px solid transparent;
    color:#FFFFFF; */
}

.sigBtnProcess, .sigBtnClear
{
    float:right;    
}

.fooWebMsgBuilder-add-form-wrp, .fooWebMsgBuilder-add-btn-wrp
{
    display: inline-block;
}

.fooWebMsgBuilder-add-form, .fooWebMsgBuilder-result
{
    border: 1px solid #ccc;
}

.fooWebMsgBuilder-add-form-wrp
{
    width: 75%;
}

.fooWebMsgBuilder-add-btn-wrp
{
    width: 25%;
    float: right;
}

.fooWebMsgBuilder-result-wrp, .WebMsgBuilder-send-btn
{
    width: 100%;
}

.SigPad-wrp, .SigPad-cnv
{
    width: 100%;
}

.SigPad-wrp-border, .SigPad-cnv-border
{
    width: 100%;
    border: 1px solid #ccc;
}

.SigPadHide
{
   display:none;
}

.fooWebMsgBuilder-result
{
    height: 200px;
}