body.pai-dark{
  filter: invert(0.88);
  background-color: #252525;
}

/* Header */
.pai-dark #header{
  border-left-color: #ffffff;
  box-shadow: 0 4px 7px 0 rgb(255 255 255 / 7%);
  border-bottom-color: rgba(255,255,255,0.1);
}
/* Header */

/* Sidebar */
.pai-dark #sidebar{
  background-color: #cccccc !important;
}
.pai-dark #sidebar .menu-bottom a:last-child i{
  filter: invert(0);
}
/* Sidebar */

/* Modal */
.pai-dark .modal .modal-header{
  background-color: #cccccc;
}
.pai-dark .modal .modal-header,
.pai-dark .modal .modal-header .close-modal{
  color: #000000;
}
.pai-dark .modal .modal-body,
.pai-dark .modal .modal-footer{
  background-color: #00000009;
}
.pai-dark .modal .modal-footer .btn.btn-trash{
  filter: invert(0.88);
}
.pai-dark .modal.open{
  background-color: rgb(223 218 218 / 70%);
}
.pai-dark .modal .modal-content{
  box-shadow: 0 10px 15px 0 rgb(255 255 255 / 20%), 0 5px 20px 0 rgb(255 255 255 / 15%)
}
/* Modal */

/* Toggle */
.pai-dark .toggle.on{
  filter: invert(0.88);
}
/* Toggle */

.pai-dark .required,
.pai-dark .trash{
  filter: invert(0.88);
}

/* Button */
.pai-dark .settings-content .btn.btn-save,
.pai-dark .settings-content .btn.btn-save:focus,
.pai-dark .settings-content .new-btn.new-btn-save,
.pai-dark .settings-content .new-btn.new-btn-save:focus,
.pai-dark .report-wrapper .new-btn.new-btn-save,
.pai-dark .report-wrapper .new-btn.new-btn-save:focus,
.pai-dark .filter-menu .new-btn.new-btn-save,
.pai-dark .filter-menu .new-btn.new-btn-save:focus,
.pai-dark .filter-menu .new-btn.new-btn-cancel,
.pai-dark .filter-menu .new-btn.new-btn-cancel:focus{
  filter: invert(0.88);
  border-color: #252525;
  background-color: #252525;
}

.pai-dark .settings-content .btn.btn-save i,
.pai-dark .settings-content .btn.btn-save:focus i,
.pai-dark .settings-content .new-btn.new-btn-save i,
.pai-dark .settings-content .new-btn.new-btn-save:focus i,
.pai-dark .report-wrapper .new-btn.new-btn-save i,
.pai-dark .report-wrapper .new-btn.new-btn-save:focus i,
.pai-dark .filter-menu .new-btn.new-btn-save i,
.pai-dark .filter-menu .new-btn.new-btn-save:focus i,
.pai-dark .filter-menu .new-btn.new-btn-cancel i,
.pai-dark .filter-menu .new-btn.new-btn-cancel:focus i{
  border-color: #000000;
  background-color: #000000;
}

.pai-dark .settings-content .btn.btn-save:hover,
.pai-dark .settings-content .new-btn.new-btn-save:hover,
.pai-dark .report-wrapper .new-btn.new-btn-save:hover,
.pai-dark .filter-menu .new-btn.new-btn-save:hover,
.pai-dark .filter-menu .new-btn.new-btn-cancel:hover{
  background-color: #000000;
}

.pai-dark .settings-content .playbook-table .playbook-action a i.icon-slash{
  background: none;
}
/* Button */

/* Card */
.pai-dark .play-card .card-status,
.pai-dark img,
.pai-dark #sidebar i,
.pai-dark .highlight,
.pai-dark .force-login,
.pai-dark .pending-count,
.pai-dark .notification-count,
.pai-dark .btn.btn-trash,
.pai-dark .btn.btn-trash:focus
.pai-dark .new-btn.new-btn-facebook,
.pai-dark .new-btn.new-btn-facebook:focus,
.pai-dark .new-btn.new-btn-linkedin,
.pai-dark .new-btn.new-btn-linkedin:focus,
.pai-dark .new-btn.new-btn-twitter,
.pai-dark .new-btn.new-btn-twitter:focus,
.pai-dark .new-btn.new-btn-google,
.pai-dark .new-btn.new-btn-google:focus,
.pai-dark .new-btn.new-btn-outlook,
.pai-dark .new-btn.new-btn-outlook:focus,
.pai-dark .new-btn.new-btn-upload,
.pai-dark .new-btn.new-btn-upload:focus,
.pai-dark .action-button a.btn-sm,
.pai-dark .quick-action a i{
  filter: invert(1);
}

.pai-dark .quick-action a{
  color: #ffffff;
  filter: invert(0);
  background-color: #f7f7f7;
}

.pai-dark .play-card .card-action .trash,
.pai-dark .playbook-table .playbook-action a i.icon-trash,
.pai-dark .quick-action a.trash{
  filter: invert(0.88);
  background-color: #00000030;
}

.pai-dark .quick-action a.trash i.icon-trash{
  filter: invert(0);
}

.pai-dark .account-top a,
.pai-dark .contact-card p a,
.pai-dark .contact-card h5 a{
  color: #ffffff;
  filter: invert(0.88);
}
/* Card */

/* Pipeline */
.pai-dark .pipeline-stages ul li.active h3,
.pai-dark .team-lists li.active,
.pai-dark .sales-pipeline .pipelines-contact-card h5,
.pai-dark .dashboard-filter .filter-right span,
.pai-dark .dashboard-table .dashboard-table-header,
.pai-dark .leaderboard-row td:first-child span.user-name,
.pai-dark .accounts-table .playbook-table tbody tr:first-child td,
.pai-dark .dashboard-table .playbook-table tbody tr:first-child td,
.pai-dark .dashboard-table .playbook-table tbody a.leaderboard-header,
.pai-dark .dashboard-analytics .accounts-table .accounts-table-header h5,
.pai-dark .dashboard-analytics .accounts-table .playbook-table tr.accounts-data td:first-child span.stage-name,
.pai-dark .accounts-graph,
.pai-dark .dashboard-graph,
.pai-dark .dashboard-graph div,
.pai-dark .dashboard-graph span,
.pai-dark .dashboard-list{
  color: #000000;
}
/* Pipeline */

.pai-dark .dashboard-filter .filter-left .group .dropdown,
.pai-dark .contact-card,
.pai-dark .accounts-graph,
.pai-dark .accounts-table,
.pai-dark .dashboard-graph,
.pai-dark .dashboard-list{
  box-shadow: 0 4px 7px 0 rgb(255 255 255 / 4%);
}

.pai-dark .contact-card:hover{
  box-shadow: 0 2px 3px rgb(255 255 255 / 7%);
}

.pai-dark .chart-wrap{
  box-shadow: 0 4px 7px 0 rgb(255 255 255 / 60%);
}
.pai-dark .chart-wrap:hover,
.pai-dark .column-chart:hover{
  box-shadow: 0 4px 12px 0 rgb(255 255 255 / 75%);
}

.pai-dark .play-card.checked{
  box-shadow: 0 4px 7px rgb(220 220 220 / 7%);
}

.pai-dark .table thead th{
  color: #000000;
  border-color: #00000025;
}

.pai-dark .dashboard-sales-pipelines .top-filter .custom-dropdown.filter-dropdown,
.pai-dark .notification-menu,
.pai-dark .settings-dropdown{
  box-shadow: 0 40px 80px rgb(255 255 255 / 77%), 0 10px 30px rgb(251 251 251 / 85%), 0 5px 10px rgb(185 185 185 / 40%);
}