.filter-card{
    position:absolute!important;
    z-index:1000!important
}
.filter-card .list-items{
    display:flex;
    flex-direction:column;
    height:auto;
    max-height:320px;
    overflow-y:auto;
    padding:5px 12px 5px 8px
}
.filter-attr{
    min-width:500px!important
}
.filter-attr .form-select{
    height:calc(1.75rem + 2px)
}
.filter-attr .form-control{
    padding:.325rem 2px
}
.filter-attr .btn-danger{
    padding:3px 10px
}
.filter-range{
    min-width:350px
}
.filter-date-input,.query-filter{
    background-color:#f5f6fa!important
}
.dark-mode .filter-card .form-control,.dark-mode .filter-card .form-control:focus,.dark-mode .input-group input{
    color:#b6c6e3!important
}
.form-control-wrap .input-group .input-group-append,.form-control-wrap .input-group input{
    height:28.5px
}
.selected-filter{
    background-color:#e7eef7!important;
    border-color:#a7c1e1!important;
    color:#2263b3!important
}
.dark-mode .input-group .selected-filter{
    background-color:#17293f!important;
    border-color:#193557!important
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    padding:2px 8px 0
}
.invis-column{
    display:none!important
}
.sort-column{
    cursor:pointer
}
.center-cell{
    text-align:center
}
.vue-table-wrapper{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.vue-table-wrapper .table-content{
    width:100%
}
.vue-table-wrapper .table-content .btns-wrapper{
    display:flex;
    justify-content:flex-end;
    margin:10px 0
}
.vue-table-wrapper .table-content .btns-wrapper .btn{
    margin-left:10px
}
.vue-table-wrapper .view-table-wrapper{
    overflow-x:auto
}
.vue-table-wrapper .pagination-wrapper{
    width:100%
}
.vue-table tr{
    height:35px
}
.vue-table td,.vue-table th{
    vertical-align:middle!important
}
.vue-table td span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.vue-table td:last-child{
    padding-right:8px!important
}
.vue-table .btns-cell{
    display:flex;
    padding-top:10px!important
}
.vue-table__row-btn{
    background-color:transparent;
    border:none;
    outline:none
}
.vue-table .vue-table-head th{
    font-weight:700;
    white-space:nowrap
}
.vue-table .tt-wrap{
    position:relative;
    width:50px
}
.vue-table .tt-wrap .links-wrap{
    background-color:#dbdfea;
    border-radius:.25rem;
    display:none;
    left:35px;
    max-height:331px;
    padding:1px;
    position:absolute;
    top:10px;
    width:978px;
    z-index:20
}
.vue-table .tt-wrap .links-wrap .tt-table{
    border:1px #526484!important;
    border-collapse:collapse!important
}
.vue-table .tt-wrap .links-wrap .tt-table .tt-link{
    background-color:#fceceb;
    border-color:transparent;
    color:#e85347;
    height:20px!important
}
.vue-table .tt-wrap .links-wrap .tt-table .tt-link.tt-linking{
    background-color:#e6fcf6;
    color:#1ee0ac
}
.vue-table .tt-wrap .links-wrap .tt-table td,.vue-table .tt-wrap .links-wrap .tt-table th{
    border:1px #526484!important
}
.vue-table .tt-wrap .links-wrap.bottom{
    top:-330px!important
}
.edit-table td .form-control{
    background-color:transparent;
    box-shadow:none
}
.edit-table td input.form-control:disabled{
    border:none
}
.donors-update-table tbody tr{
    height:38px
}
.donors-update-table tbody th{
    color:#8094ae;
    margin-top:3px;
    padding:10px!important;
    width:35%
}
.donors-update-table tbody td{
    overflow:hidden
}
.donors-update-table tbody td .custom-control{
    margin-top:8px
}
.textarea-wrapper{
    margin-top:107px
}
.dark-mode .page-item.active .page-link{
    background-color:#2263b3!important;
    border-color:#2263b3!important;
    color:#fff!important
}
.dark-mode .links-wrap{
    background-color:#1d2d40!important
}
.dark-mode .vue-table-wrapper .table-wrapper .vue-table .tt-wrap .links-wrap .tt-table .tt-link{
    background-color:#3a262c!important
}
.dark-mode .vue-table-wrapper .table-wrapper .vue-table .tt-wrap .links-wrap .tt-table .tt-link.tt-linking{
    background-color:#163f3e!important
}
.dark-mode .donors-update-table td .form-control,.dark-mode .vue-table-wrapper .table-wrapper .edit-table td .form-control{
    color:#b6c6e3!important
}
.modal-footer .btn+.btn{
    margin-bottom:.25rem
}
.vue-select{
    cursor:pointer;
    font-size:13px;
    max-width:350px;
    padding-bottom:2px
}
.vue-select .vs__dropdown-menu li{
    min-height:25px!important
}
.vue-select .vs__dropdown-toggle{
    background-color:transparent;
    border:1px solid #dbdfea;
    padding:5px!important
}
.vue-select .vs__dropdown-toggle .vs__selected-options{
    flex-wrap:nowrap
}
.vue-select .vs__dropdown-toggle .vs__selected-options .vs__search,.vue-select .vs__dropdown-toggle .vs__selected-options .vs__selected{
    margin:0
}
.vue-select .vs__dropdown-toggle .vs__selected-options .vs__selected{
    background-color:transparent;
    margin-right:5px
}
.vue-select .vs__dropdown-toggle ul{
    overflow-x:visible
}
.vue-select .vs__dropdown-toggle .vs__actions{
    padding:0!important
}
.vue-select .vs__dropdown-toggle .vs__actions .vs__open-indicator{
    background-repeat:no-repeat;
    height:12px;
    margin-right:5px;
    width:16px
}
.vs--single .vs__clear{
    display:none
}
.vs--single .vs__dropdown-toggle{
    height:30px
}
.vs--multiple .vs__selected-options{
    flex-wrap:wrap!important
}
.vs--open .vs__selected{
    position:relative!important
}
.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{
    background-color:transparent!important
}
.dark-mode .vue-select .vs__dropdown-toggle{
    border-color:#384d69!important
}
.dark-mode .vue-select .vs__selected{
    color:#b6c6e3!important
}
.dark-mode .vue-select ul{
    background-color:#0d141d!important
}
.dark-mode .vs--multiple .vs__selected{
    border:1px solid #384d69
}