/* .filterModal .modal-body{
    flex : 1 1 350px;
} */

.boarding-card{
    min-width : 150px;
    border-radius: var(--b-r-24);
    color: var(--text-gray-10);
    margin-right: 8px;
    padding: 5px 5px 5px 16px;
    background: var(--bg-gray-2) !important;
    margin-bottom: 12px;
    cursor : pointer;
    
}

.boarding-card:hover {
    background: var(--bg-gray-3) !important;
}

.boarding-card.active {
    background: var(--bg-tertiary-6) !important;
    color: var(--text-gray-1);
    box-shadow: rgb(0 38 25 / 60%) 4px 10px 9px -10px !important;
}

.boarding-card.active .icon-holder-xsm {
    background: var(--bg-tertiary-1) !important;
    color: var(--text-tertiary-2);
}
.boarding-card .icon-holder-xsm {
    background: var(--bg-white) !important;
    color: var(--text-gray-10);
    width: max-content;
    padding: 8px;
}

.boarding-card:hover .icon-holder-xsm {
    background: var(--bg-tertiary-1) !important;
}

/*.modal-body {
    flex: 1 1 480px;
}*/

#saveFilterModal .modal-body {
    flex: 1 1 130px;
}

.savedFilter{
    background-color: var(--bg-white);
    padding: 4px 6px;
    cursor : pointer;
}
.savedFilter:hover{
    background-color: var(--bg-gray-2);
}

.savedFilter.active{
    background-color: var(--bg-tertiary-2);
    padding: 4px 6px;
}

.savedFilter .check-icon{
    opacity: 0;
}

.savedFilter.active .check-icon{
    color: var(--text-tertiary-2);
    opacity: 1;
}

.saved-icon{
    color: var(--text-gray-6);
}

.savedFilter.active .saved-icon{
    color: var(--text-tertiary-2);
}

.saved-title{
    font-size:  var(--font-14);
    color: var(--text-gray-10);
}

.savedFilter.active .saved-title{
    color: var(--text-tertiary-2);
}