.signature-open {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../image/icon_key.svg);
    position: relative;
    top: 2px;
    margin-right: 4px;
    font-family: Arial
}
.signature-open *{
    font-family: 'Arial' , sans-serif
}
.signature-table{
    margin-bottom: 15px
}
.signature-table th, .signature-table td {
    padding: 0.5rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}

.window-signature-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(199, 199, 199, 0.76);
    z-index: 99999;
    display: none;
        font-family: 'Arial' , sans-serif
}

.window-signature-open.open-signature {
    display: block
}

.window-signature-open > div {
    max-width: 500px;

    position: relative;
    margin: 8% auto;
    padding: 15px;

    background: #fff;
    background-image: url(../image/bg_key.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 80px;
    

}
.window-signature-open *{
    font-size: 14px
}

.signature-open-close {
    background-image: url(../image/icon_cross.svg);
    background-repeat: no-repeat;
    background-position: center;
   
    display: inline-block;
   
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px;
    height: 20px;
    

   

}


.window-signature-open-header {
    position: relative
}
.title-header {
    padding: 10px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}
.toggle-signature-open{
    width: 96%;
    display: none
}
.signature-open-link {
    padding: 10px;
}
.toggle-signature-open.toggle-open{
    display: block
}
.doc-signature{
    position: relative;
    
    
}
doc-caption {
   
    
   
    position: absolute;
   
    left: 0;
    background: #fafafa;
    color: #000;
    border: 1px solid #ddd;
    font-size: 12px;
    padding: 15px;
    border-radius: 8px;
    bottom: 100%;
    margin-bottom: 10px;
    display: none;
    max-height: 150px;
    min-width: 300px
}
.signature-open:hover doc-caption{
    display: block
}