body {
    color: #000000;
}

.table thead th,
.table thead td {
    font-size: 17px;
    background: #dedbdb;
}

.table td {
    color: #000000;
    font-size: 17px;
}

a.dropdown-item {
    color: black !important;
}

.dropdown-divider {
    border-top: 1px solid #b9b8b8;
}

span.badge {
    font-size: 14px;
}

button.btn {
    background-color: #000000;
    color: white !important;
    margin-right: 4px !important;
}

button.btn span {
    /* border: 1px solid #000; */
    color: white !important;
}

a.btn {
    background-color: #000000;
    color: white !important;
    margin-right: 4px !important;
}

.modal-header {
    background-color: #34b5e6;
    border: 1px solid #34b5e6;
}

input,
select,
textarea {
    color: #080808 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: #080808 !important;
}

.client-dashboard-card {
    background-color: aliceblue;
    border-radius: 20px;
    padding-top: 15px;
}

.kbw-signature {
    width: 100%;
    height: 200px;
}
#sig canvas {
    width: 100% !important;
    height: auto;
}

.table-custom-input{
    height: calc(3.5em + .75rem + 2px) !important;
}

.request-form-card{
    background-color: #f2f5fa;
    border-radius: 40px;
    border: 2px solid;
    padding: 50px !important;
}

.rightbar {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* allow full page height */
    overflow: visible;   /* allow page to scroll */
    scrollbar-color: #888 transparent;
}

.content-view {
    flex: 1;
    overflow: visible;
    scrollbar-color: #888 transparent;
}

.footerbar {
    padding: 15px 30px;
}