body.app-associate {
    width: 100%;
}
.top-content {
    background: var(--topContent) !important;
    border-radius: 20px;    
}
.bottom-content {
    background: var(--topContent) !important;
    border-radius: 20px;
}
.card-rounded {
    border: 1px solid var(--midGray);
    border-radius: 20px !important;
    background: var(--darkBlue);
}
.card-content {
    border: 1px solid var(--midGray);
    border-radius: 20px !important;    
    background: var(--topContent) !important;
}
.card-sub-content {
    border: 1px solid var(--midGray);
    border-radius: 0px !important;    
    background: var(--topContent) !important;
}
.card-content > .card-header,
.card-rounded > .card-header {
    /* color: var(--white); */
    border-bottom: 1px solid var(--midGray) !important;
    background: var(--blackBlue) !important;
    border-radius: 20px 20px 0 0;
}
.card-sub-content > .card-header {
    /* border-bottom: 1px solid var(--midGray) !important; */
    background: var(--bs-gray-700);
    border: none;
    border-radius: 0;
    min-height: 50px;
}
.modal .modal-content{
    border-radius: 20px;
}
.modal .modal-header {
    border: 0; 
    border-radius: 20px 20px 0 0;
    background: var(--bs-gray-400);
}
.modal .modal-footer {
    border: 0;
    border-radius: 0 0 20px 20px;
    background: var(--bs-gray-400);
}
.font-control-disabled {
    background: var(--bs-gray-500) !important;
    color: var(--white) !important;
    border: 0 !important;
}
.table {
    background: var(--white);
    border: 1px solid var(--lightGray) !important;
    vertical-align: middle;
}
.table thead th {
   background: var(--midGray);
   color: var(--white);
}
.table tbody tr.selected td{
    background: var(--darkBlue);
    --bs-table-bg-type : var(--darkBlue);
    color : var(--white);
}
.nav-line-tabs .nav-item .nav-link:hover,
.nav-line-tabs .nav-item .nav-link.active {
    border: 0 !important;
    border-bottom: 2px solid var(--workflow) !important;
    color: var(--workflow) !important;
}