/* Datatables Customization
*---------------------------------------------*/
.dt-noheader {
    visibility: hidden;
    height: 1px;
    overflow: hidden;
    font-size: 0px;
}

div.dt-container div.dt-search {
    text-align: right;
}

div.dt-container div.dt-paging {
    margin: 0;
    text-align: right;
}

.dt-container .dt-length,
.dt-container .dataTables_filter_topleft,
.dt-container .dataTables_action_topleft,
.dt-container .dataTables_filter_topleft label,
.dt-container .advanced-filter {
    float: left;
}

.dt-container #trans-dt-top-tools-extended {
    /* padding-left: 0px; */
    margin-top: 5px;
}

.dt-container .selected-transactions,
.dt-container .selected-leads {
    background-color: #f8f9fa;
    border: 1px solid #eee;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.modal .selected-people {
    background-color: #f8f9fa;
    border: 1px solid #eee;
    padding: 10px 15px;
}

.modal #selected-people button {
    margin-bottom: 0px;
}

div.table-responsive > div.dt-container > div.row > div.dt-col-middle {
    padding-right: 0;
    font-weight: 600;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    white-space: nowrap;
}

.dt-container .advanced-filter {
    margin-right: 8px;
    margin-bottom: 5px;
}

.dt-container .advanced-filter:last-child {
    margin-right: 0;
}

/* Component: Datatable Label CSS
* ---------------------------------- */

.dataTable .sph-label-lists .label-list-item a {
    font-size: 90%;
    font-weight: 400;
}

/* .dataTable .sph-label-lists .label-list-item .label-list-text {
    padding-right: 20px;
    display: inline-block;
    padding-right: 25px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}

.dataTable .sph-label-lists .label-list-item a span.action-tools:hover {
    background: #dd4b39;
}

.dataTable .sph-label-lists .label-list-item a span.action-tools {
    padding: 4px 7px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #f70505;
    height: 100%;
    padding: 4px 10px;
    cursor: pointer;
    border-radius: 0px 4px 4px 0;
    background: transparent;
}

.dataTable .sph-label-lists .label-list-item {
    margin-bottom: 3px;
} */

/* Datatables extra info */

/* -------------------------------------- */
.thead-lg tr th {
    font-size: 1.3rem;
}

tr.dt-row-open td {
    /* border: 1px solid #0073ff !important; */
    background: #0073ff !important;
    color: #fff !important;
}

tr.dt-row-selected td,
tr.dt-row-selected td a {
    color: #0073ff;
    font-weight: 600;
}

.dt-row-open td a {
    color: #fff;
}

.read-more,
.read-less {
    display: inline-block;
    margin-left: 5px;
}

.dt-table-ext-info {
    margin: 0 10px;
}

.dt-table-ext-info .table-ext-header,
.table-ext-header {
    color: #999;
    margin-top: 1rem;
}

.dt-table-ext-info ul {
    padding: 0;
}

.dt-table-ext-info ul li {
    list-style: none;
    margin: 5px 0 0 0;
}

.dt-table-ext-info label {
    margin-bottom: 0;
    font-weight: 700;
}

.dt-table-ext-info .table-ext-checklist {
    overflow: auto;
    width: 100%;
}

.dt-table-ext-info .table-ext-checklist .strike-checklist {
    text-decoration: line-through;
    color: #bbb;
}

.dt-table-ext-info .table-ext-checklist .checklist-square {
    color: #bbb;
}

.todolist-datatable .table > thead > tr > th > .dropdown {
    width: 0px !important;
}

.dropdown-auto {
    right: auto !important;
    left: 69% !important;
}

.dt-table-ext-info .table-ext-header-top,
.dt-table-ext-info .table-ext-footer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.dt-table-ext-info .table-ext-row {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.dt-table-ext-info .table-ext-section {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
    word-break: break-word;
}

.dt-table-ext-info .table-ext-footer .btn,
.dt-table-ext-info .table-ext-deadlines .tbl-ext-dl-left {
    font-weight: 600;
}

.dt-table-ext-info .table-ext-deadlines {
    margin-bottom: 10px;
}

.dt-table-ext-info ul.table-ext-checklist li input {
    margin: 0 5px 0 0;
}

.dt-table-ext-info ul.table-ext-checklist li span {
    vertical-align: top;
    /*display: inline-block;*/
    line-height: 16px;
    margin: 0 3px 0 0;
}

.dt-table-ext-info ul.table-ext-checklist li i {
    margin: 0 3px 0 0;
}

.dt-table-ext-info ul.table-ext-checklist li.dt-todolist-strike span {
    text-decoration: line-through;
    vertical-align: top;
}

.dt-row-actions a.row-actions {
    display: inline-block;
    margin-right: 5px;
}

.dt-row-actions .action-toggle-disabled {
    cursor: not-allowed;
    color: #ccc;
}

.dt-table-ext-info .extra-sections {
    margin-bottom: 20px;
}

/* Custom select dropdown */

.dataTable .bootstrap-select .dropdown-toggle {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: absolute;
    left: 5px;
    top: 2px;
}

.dataTable .bootstrap-select .dropdown-toggle .caret {
    color: #d2d2d2;
}

.dataTable .bootstrap-select .btn-default:hover,
.dataTable .bootstrap-select .btn-default:hover .caret,
.dataTable .bootstrap-select .btn-default:active .caret,
.dataTable .bootstrap-select .btn-default.hover {
    color: #333;
    background: transparent;
}

table.fixedHeader-floating {
    z-index: 2;
    margin: 0px !important;
}

@media (max-width: 1200px) {
    .fixedHeader-floating {
        display: none;
    }
}

.dt-container #applied-filters,
.dt-container #applied-labels,
.dt-container #drip-people-applied-filters {
    border: 1px solid #d2d2d2;
    padding: 8px 8px 5px 0px;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    border-radius: 4px;
}

.dt-container #drip-people-applied-filters {
    padding: 8px 8px 2px 0px;
}

.dt-container .applied-filters-info,
.dt-container .applied-labels-info {
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding: 5px 8px;
}
