table {
    border-collapse: inherit !important;
}

.sq-box{
        width: 12px !important;
    height: 12px !important;
    font-size: 100% !important;
}

#content{
    display:none; 
    width:0; 
    padding: 0 10px; 
    position: absolute;
    z-index: -1;
    max-width: 100%;
    overflow: auto; 
    top: -10000%;
}

.contract-preview{
    margin: 16px 0 80px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}

.footer{
        height: 60px;
    box-shadow: rgb(206 206 206 / 27%) 0px -3px 20px 6px;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #fff;
    left: 0;
    right: 0;
}

.btn-edit{
        border-radius: 25px;
    padding: .1rem .5rem;
}

.col-form-label{
        font-size: 1rem;
    padding-bottom: 0;
    line-height: 1;
}
.form-control:focus{
    box-shadow: none;
}
.form-control, .form-control:focus{
    background: rgba(159, 159, 159, 0.2);
    padding: 0 10px !important;
    border: 0;
}

label.error {
    font-size: .8rem;
    color: #dc3545!important;
    margin:0;
}

.footer.edited {
    background: var(--blue);
    color: #fff;
    text-transform: capitalize;
}
.footer.pending {
    background: var(--warning);
    color: #fff;
    text-transform: capitalize;
}
.footer.accept {
    background: var(--success);
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
}
.footer.reject {
    background: var(--danger);
    color: #fff;
    text-transform: capitalize;
}

.form-control:disabled, .form-control[readonly]{
opacity: .5;
}


#company{
        display: grid;
    overflow: auto;
}