.documents {
    width: 100%;
    height: auto;
}

.documents__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
    height: 3.6rem;
    margin: 1.6rem 0;
}

.table-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". . . ";
    font-size: 1rem;
    font-weight: bold;
    color: white;
}

.table-3 .table-head {
    padding: 10px;
    border-right: solid 2px #e7e9eb;
}

.pdf-combine-card {
    cursor: pointer;
    font-size: 1.2rem;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
}

.pdf-combine-input {
}

.button-document-e {
    font-weight: bold;
    font-size: 1rem;
    color: white;
    padding: 10px;
    border-radius: 7px;
    display: inline-block;
    margin: 1rem;
    cursor: pointer;
}

.esignature-display-container {
    margin: 1rem;
}

.dragged.custom-drag .pdf-combine-card {
    background: #AAAAAA !important;
    border: solid 2px orange;
}

.toolbar-include-delete-all {
    display: flex;
}

.toolbar-include-delete-all div {
    cursor: pointer;
    padding-left: 8px;
    font-size: 1.2rem;
    font-weight: bold;
}

.combine-body-message {
    margin: 1rem;
    font-weight: bold;
    font-size: 1.2rem;
    text-decoration: underline;
    color: red;
}

.compliance-col-builder {
    display: flex;
    justify-content: space-evenly;
}

.compliance-container-body {
    padding: 1rem;
}

.document-compliance-header {
    font-size: 1.4rem;
    font-weight: bold;
}

.approve-reject-container {
    justify-content: space-evenly;
    padding: .5rem
}

.approve-reject-container i {
    cursor: pointer;
}

.approve-reject-container .fa-check-square-o {
    color: green;
}

.approve-reject-container .fa-ban {
    color: red;
}

.compliance-button-wrappers > a {
    margin: 1rem;
}

.na-button {
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    background: orange;
    color: white;
    min-height: 2rem;
    border-radius: 9px;
    padding: 10px;
}

.na-text-area {
    width: 90%;
    margin-left: 5%;
    margin-top: .5rem;
    /*margin: .5rem 0 0 0;*/
}

.checklist-flex-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.checklist-header {
    display: flex;
    width: 100%;
}

.checklist-flex-container i {
    color: green;
    font-size: 2rem;
}

.checklist-header div {
    font-size: 1rem;
    font-weight: bold;
    margin: 4px;
}

.cancel-approval-button {
    background: orange;
    color: white;
    min-height: 2rem;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    border: none;
    box-shadow: none;
    margin-left: 5%;
    font-weight: bold;
}

.show-documentcompliance-status-button {
    background: white;
    color: black;
    min-height: 2rem;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    border: none;
    box-shadow: none;
    margin-left: 5%;
    font-weight: bold;
    width: 25%;
    text-align: center;
}

.na-submit-button {
    background: green;
    color: white;
    min-height: 2rem;
    border-radius: 9px;
    cursor: pointer;
    border: none;
    box-shadow: none;
    margin-left: 5%;
    font-weight: bold;
}

.approve-reject-container-approved {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-weight: bold;
}

.approve-reject-container-approved i {
    background: green;
    color: white;
    min-height: 2rem;
    border-radius: 5px;
    padding: 10px;
    cursor: default;
    border: none;
    box-shadow: none;
    margin-left: 5%;
    font-weight: bold;
}


.checklist-button-approve {
    cursor: pointer;
    color: green;
    background: white;
    border: solid 1px green;
    padding: 8px;
    border-radius: 4px;
}

.checklist-button-approve:hover {
    color: white;
    background: green;
}

.checklist-button-cancel {
    cursor: pointer;
    color: red;
    background: white;
    border: solid 1px red;
    padding: 8px;
    border-radius: 4px;
}

.checklist__address {
    font-size: 14px !important;
}

.checklist-button-cancel:hover {
    background: red;
    color: white;
}

@media screen and (max-width: 991px) {
    .documents__actions {
        height: 7.2rem;
    }
}
.reqdoc-check input[type=checkbox] {
    width: 2.45rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 2.45rem;
    border: 0.0175rem solid black;
    background-color: white;
    vertical-align: middle;
  position: relative;
  bottom: 1px;
}
.reqdoc-check label{
    vertical-align: middle;
}
.reqdoc-check input[type=checkbox]:checked {
    background-color: lightblue;
}