.dark-theme a,
.dark-theme .btn-default,
.dark-theme .btn-default:hover,
.dark-theme .btn-default:active:hover,
.dark-theme .btn-default:active:focus,
.dark-theme .btn-default:active.focus,
.dark-theme .btn-default.active:hover,
.dark-theme .btn-default.active:focus,
.dark-theme .btn-default.active.focus {
  color: #222;
}
.dark-theme .btn-default,
.dark-theme .btn-default:hover,
.dark-theme .btn-default:active:hover,
.dark-theme .btn-default:active:focus,
.dark-theme .btn-default:active.focus,
.dark-theme .btn-default.active:hover,
.dark-theme .btn-default.active:focus,
.dark-theme .btn-default.active.focus {
  border-color: #222;
}
.dark-theme .btn-primary,
.dark-theme .btn-primary:hover,
.dark-theme .btn-primary:active,
.dark-theme .btn-primary.active,
.dark-theme .btn-primary:focus,
.dark-theme .btn-primary.focus,
.dark-theme .btn-primary:active:hover, 
.dark-theme .btn-primary:active:focus,
.dark-theme .btn-primary:active.focus,
.dark-theme .btn-primary.active:hover,
.dark-theme .btn-primary.active:focus,
.dark-theme .btn-primary.active.focus,
.dark-theme .form-wrapper .btn-primary.disabled:hover, 
.dark-theme .form-wrapper .btn-primary.disabled:focus, 
.dark-theme .form-wrapper .btn-primary.disabled.focus, 
.dark-theme .form-wrapper .btn-primary[disabled]:hover, 
.dark-theme .form-wrapper .btn-primary[disabled]:focus, 
.dark-theme .form-wrapper .btn-primary[disabled].focus, 
.dark-theme .form-wrapper fieldset[disabled] .btn-primary:hover, 
.dark-theme .form-wrapper fieldset[disabled] .btn-primary:focus, 
.dark-theme .form-wrapper fieldset[disabled] .btn-primary.focus {
  background-color: #222;
}
.dark-theme .secondary-btn,
.dark-theme .primary-btn:hover,
.dark-theme .primary-btn:focus,
.dark-theme .maan-primary-btn:hover,
.dark-theme .maan-primary-btn:focus,
.dark-theme .banner-container .primary-btn,
.dark-theme .contribute-container .primary-btn,
.dark-theme
  .header-container.navbar-inverse
  .navbar-nav
  .notification
  .dropdown-menu
  li
  a,
.dark-theme .header-container .dropdown-toggle:after,
.header-container .dropdown-toggle .username:before {
  color: #222 !important;
  background-color: #fff !important;
}
.dark-theme .primary-btn,
.dark-theme .secondary-btn:hover,
.dark-theme .secondary-btn:focus,
.dark-theme .swiper-pagination-bullet,
.dark-theme .progress.list-group .list-group-item.active::before,
.dark-theme
  .progress.list-group
  .list-group-item.list-group-item-success::before,
.dark-theme
  .header-container.navbar-inverse
  .navbar-nav
  .open
  .dropdown-menu
  > li
  > a:hover,
.dark-theme .banner-container h1::after,
.dark-theme .banner-container .primary-btn:hover,
.dark-theme .program-status,
.dark-theme footer .footer-bottom,
.dark-theme .contribute-container .primary-btn:hover,
.dark-theme .header-container .notification .counter,
.dark-theme .btn-primary:not(input),
.dark-theme .form-wrapper.communication #UpdateButton,
.dark-theme .custom-div .refStatus .communication-status span,
.dark-theme #SubmitButton,
.dark-theme .workspace .dashboard-wrapper .status-color,
.dark-theme .form-wrapper .crmEntityFormView .actions #SubmitNextButton,
.dark-theme
  .listing-grid
  .datatable
  .datatable-tbody
  > tr:not(.emptymessage)
  > td
  .status-color,
.dark-theme .pagination-wrapper a[href].pagination-item:hover,
.dark-theme .pagination-wrapper a[href].pagination-item.active,
.dark-theme
  .listing-grid
  .datatable
  .datatable-tbody
  > tr:not(.emptymessage)
  > td.actions
  a:hover,
.dark-theme .listing-brief:after,
.dark-theme .status span,
.dark-theme .About-The-Current-Challenge h2::after,
.dark-theme .acceleration-journey,
.dark-theme .support-document .download-documents .document a i,
.dark-theme .what-we-offer .offer-card .over-lay,
.dark-theme
  .lg-font
  .header-container.navbar-inverse
  .navbar-nav
  .font-resize.open
  .dropdown-menu
  li:nth-child(2)
  a,
.dark-theme
  .sm-font
  .header-container.navbar-inverse
  .navbar-nav
  .font-resize.open
  .dropdown-menu
  li:nth-child(4)
  a,
.dark-theme
  .header-container.navbar-inverse
  .navbar-nav
  .font-resize.open
  .dropdown-menu
  li:nth-child(3)
  a,
.dark-theme .form-wrapper .alert-warning,
.dark-theme .form-wrapper .alert-danger,
.dark-theme .form-wrapper .alert,
.dark-theme .customized-list ul li::before,
.dark-theme .form-wrapper .bootstrap-datetimepicker-widget table td span.active,
.dark-theme .form-wrapper .bootstrap-datetimepicker-widget table td.active,
.dark-theme .form-wrapper .bootstrap-datetimepicker-widget tr td.active button,
.dark-theme .form-wrapper .view-grid .dropdown.action .dropdown-menu a:hover,
.dark-theme .maan-primary-btn,
.dark-theme .btns-primary,
.dark-theme .workspace .dashboard-wrapper .dashboard-card .btn-group .dropdown-menu li a:hover, 
.dark-theme .workspace .dashboard-wrapper .dashboard-card .btn-group .dropdown-menu li button:hover,
.dark-theme .maan-primary-outline-btn:hover, 
.dark-theme .maan-primary-outline-btn:active, 
.dark-theme .maan-primary-outline-btn:visited:hover, 
.dark-theme .maan-primary-outline-btn:visited:active, 
.dark-theme .btns-primary-outline:hover, 
.dark-theme .btns-primary-outline:active, 
.dark-theme .btns-primary-outline:visited:hover, 
.dark-theme .btns-primary-outline:visited:active,
.dark-theme .payment-table .add-newline .secondary-btn,
.dark-theme .workspace .status-color,
.dark-theme .form-wrapper .terms-wrapper,
.dark-theme .payment-table .dropdown-menu li a:hover,
.dark-theme .pagination>.active>a,
.dark-theme .pagination>.active>a:focus,
.dark-theme .pagination>.active>a:hover,
.dark-theme .modal-wrapper .actions #InsertButton,
.dark-theme .form-wrapper.single-form .communication-details .communication-ref .status-color,
.dark-theme .payment-table .payment-app i,
.dark-theme #tab-title .dropdown-menu.second-dropdown a:hover,
.dark-theme .css-xb97g8:hover {
  background-color: #222 !important;
  color: #fff !important;
}
.dark-theme .secondary-btn,
.dark-theme .primary-btn,
.dark-theme .maan-primary-btn,
.dark-theme .navbar-inverse .navbar-nav > li > a:hover,
.dark-theme .communication-center ul.table-nav li.active,
.dark-theme .btn-primary,
.dark-theme .pagination-wrapper a[href].pagination-item:hover,
.dark-theme .pagination-wrapper a[href].pagination-item.active,
.dark-theme .pagination-wrapper .pagination-item:first-child,
.dark-theme .pagination-wrapper .pagination-item:last-child,
.dark-theme #tab-title a.btn-secondary,
.dark-theme .program-details-wrapper .pageHeader .closing-message p,
.dark-theme .maan-primary-outline-btn, 
.dark-theme .maan-primary-outline-btn:visited, 
.dark-theme .btns-primary-outline, 
.dark-theme .btns-primary-outline:visited,
.dark-theme .navigation_wrapper.sticky-header .navigation_wrapper_menu > button,
.dark-theme .navigation_wrapper.sticky-header .navigation_wrapper_menu > .contribute,
.dark-theme .navigation_wrapper.burger-sticky-header .navigation_wrapper_menu > button,
.dark-theme .navigation_wrapper.burger-sticky-header .navigation_wrapper_menu > .contribute,
.dark-theme .navigation_wrapper.accessibility-sticky-header .navigation_wrapper_menu > button,
.dark-theme .navigation_wrapper.accessibility-sticky-header .navigation_wrapper_menu > .contribute,
.dark-theme .navigation_wrapper.fixed-header .navigation_wrapper_menu > button,
.dark-theme .navigation_wrapper.fixed-header .navigation_wrapper_menu > .contribute, 
.dark-theme .navigation_wrapper:hover .navigation_wrapper_menu > button,
.dark-theme .navigation_wrapper:hover .navigation_wrapper_menu > .contribute,
.dark-theme .menu-notification-container .number,
.dark-theme .notification-inner:not(.unread-notification),
.dark-theme .navigation_wrapper .navigation_wrapper_menu > button, 
.dark-theme .navigation_wrapper .navigation_wrapper_menu > a.contribute,
.dark-theme .pagination>.active>a,
.dark-theme .pagination>.active>a:focus,
.dark-theme .pagination>.active>a:hover,
.dark-theme .actions .btn-group #SaveAsDraftButton, 
.dark-theme .actions .btn-group #SaveAsDraftNextButton, 
.dark-theme .actions #InsertButton,
.dark-theme .form-wrapper .btn-group #NextButton, 
.dark-theme .form-wrapper .btn-group #PreviousButton,
.dark-theme .volunteers-table table tbody .form-control.total-hours[required] {
  border-color: #222 !important;
}
.dark-theme .banner-container h1::after,
.dark-theme .notification-inner:not(.unread-notification),
.dark-theme .form-wrapper .crmEntityFormView .terms-wrapper .customized-list ul li::before {
  background-color: #fff !important;
}
.dark-theme .welcome-control.open .prof-img,
.dark-theme .welcome-control .prof-img {
  outline-color: #222;
}
.dark-theme body::-webkit-scrollbar-thumb,
.dark-theme .workspace .workspace-wrapper > .nav-tabs > li > a::before,
.dark-theme div.navigation_wrapper .nav-items > nav > a:hover::after, 
.dark-theme .menu-list-opened .header_a_tag::after, 
.dark-theme .navmenu ul li .header_a_tag:hover::after,
.dark-theme .welcome-control-list li:hover,
.dark-theme .menu-notification-container .number,
.dark-theme .footer-main-wrapper,
.dark-theme .form-wrapper.communication .communication-details .communication-ref .status-color,
.dark-theme .notification-dropdown .counter,
.dark-theme .__range-step datalist option.range-opt-selected + .option {
  background-color: #222;
}
.dark-theme [class^="lib-icon-"]::before,
.dark-theme [class*=" lib-icon-"]::before,
.dark-theme #contrast [class^="lib-icon-"]::before,
.dark-theme .form-wrapper .crmEntityFormView .cell div.info div.validators,
.dark-theme .help-block.error,
.dark-theme label.control-label.required:before,
.dark-theme .crmEntityFormView .cell div.info.required label:after,
.dark-theme .crmEntityFormView .cell div.info div.validators,
.dark-theme .crmEntityFormView .validator-text,
.dark-theme .crmEntityFormView .rank-order-cell .validator-text,
.dark-theme .crmEntityFormView .constant-sum-cell .validator-text,
.dark-theme .crmEntityFormView .stack-rank-cell .validator-text,
.dark-theme .crmEntityFormView .validators,
.dark-theme .validation-summary a,
.dark-theme .actions .btn-group #SaveAsDraftButton,
.dark-theme .actions .btn-group #SaveAsDraftNextButton,
.dark-theme .actions #InsertButton,
.dark-theme .form-wrapper #next-previous-div .next-wrapper #NextButton,
.dark-theme .form-wrapper #next-previous-div .next-wrapper:after,
.dark-theme .form-wrapper #next-previous-div .prev-wrapper #PreviousButton,
.dark-theme .form-wrapper #next-previous-div .prev-wrapper:after,
.dark-theme #ldv_response_ControlView .inError a,
.dark-theme .workspace .view-all,
.dark-theme .workspace .nav > li > a:hover,
.dark-theme .workspace .nav-pills > li.active > a,
.dark-theme .workspace .nav-pills > li.active > a:hover,
.dark-theme .workspace .nav-pills > li.active > a:focus,
.dark-theme .workspace .dashboard-wrapper .related-messages a,
.dark-theme .communication-center ul.table-nav li.active a,
.dark-theme .who-can-apply ul li::before,
.dark-theme .readOnly.progress.list-group .list-group-item.active,
.dark-theme #tab-title a.btn-secondary,
.dark-theme .red-text,
.dark-theme .form-wrapper .btn-group #NextButton, 
.dark-theme .form-wrapper .btn-group #PreviousButton,
.dark-theme .apply-modal .btn:hover,
.dark-theme .workspace .documents-wallet .ribbon,
.dark-theme .navbar-nav .notification .dropdown-menu li a,
.dark-theme .navbar-nav .notification .dropdown-menu li a:hover,
.dark-theme .navbar-nav .open.notification .dropdown-menu li a:hover,
.dark-theme .workspace .documents-wallet .document-wallet-card .card-body .card-action .maan-primary-btn:hover i:before,
.dark-theme .workspace .documents-wallet .document-wallet-card .card-body .card-action .maan-primary-btn:focus i:before,
.dark-theme .maan-primary-outline-btn, 
.dark-theme .maan-primary-outline-btn:visited, 
.dark-theme .btns-primary-outline, 
.dark-theme .btns-primary-outline:visited,
.dark-theme .unread-notification .notification-header h5,
.dark-theme .unread-notification .notification-header span,
.dark-theme .unread-notification .notification-body p,
.dark-theme .notification-inner:hover div > *,
.dark-theme .actions .btn-group #SaveAsDraftButton, 
.dark-theme .actions .btn-group #SaveAsDraftNextButton, 
.dark-theme .actions #InsertButton,
.dark-theme .msos-selecteditems-toggle,
.dark-theme .workspace .documents-wallet .document-wallet-card .card-subtitle.expired,
.dark-theme .workspace .documents-wallet .document-wallet-card .card-subtitle.expired span {
  color: #222 !important;
}
.dark-theme .footer-wrapper [class^="lib-icon-"]::before,
.dark-theme .support-document .download-documents .document a i::before,
.dark-theme .crmEntityFormView .validation-summary h2,
.dark-theme .form-wrapper .alert-danger.validation-summary a,
.dark-theme .form-wrapper .alert-danger .text-danger,
.dark-theme .form-wrapper .alert-danger .text-danger span,
.dark-theme .workspace .documents-wallet .document-wallet-card .card-body .card-action .maan-primary-btn i:before,
.dark-theme .footer_logo .icon::before,
.dark-theme .footer_social_media_icons .icon::before,
.dark-theme .footer_app_download .download_btn i::before,
.dark-theme .pagination-wrapper .pagination-item:last-child:hover i:before,
.dark-theme .pagination-wrapper .pagination-item:first-child:hover i:before,
.dark-theme .form-wrapper .crmEntityFormView .terms-wrapper .terms-title,
.dark-theme .form-wrapper .crmEntityFormView .terms-wrapper .cell .field-label,
.dark-theme .form-wrapper .crmEntityFormView .terms-wrapper .cell .field-label a {
  color: #fff !important;
}
.dark-theme .form-wrapper .crmEntityFormView .terms-wrapper .cell .field-label a {
  text-decoration: underline;
}
.dark-theme img,
.dark-theme .workspace .my-applications .my-applications-icon,
.dark-theme .iti__flag,
.dark-theme .contribute-container,
.dark-theme .banner-container,
.dark-theme .applications-banner .page-header-wrapper,
.dark-theme .Notifications-banner .page-header-wrapper,
.dark-theme .page-header-wrapper,
.dark-theme .support-document,
.dark-theme .inner-banner,
.dark-theme [id^=attachmentLoader] svg,
.dark-theme .empty-template-wrapper-rebranding {
  filter: grayscale(1);
}
.dark-theme img,
.dark-theme .workspace .my-applications .my-applications-icon,
.dark-theme .iti__flag,
.dark-theme .form-wrapper .datepicker .glyphicon-chevron-right:before,
.dark-theme .form-wrapper .datepicker .glyphicon-chevron-left:before,
.dark-theme .form-wrapper .datepicker .picker-switch,
.dark-theme .notification-inner:not(.unread-notification) h5,
.dark-theme .notification-inner:not(.unread-notification) span,
.dark-theme .notification-inner:not(.unread-notification) .notification-body p,
.dark-theme
  .form-wrapper
  .bootstrap-datetimepicker-widget
  table
  thead
  tr:first-child
  th:hover {
  color: #222 !important;
}

.dark-theme
  .form-wrapper
  .crmEntityFormView
  .cell
  .picklist
  input[type="radio"],
.dark-theme
  .form-wrapper
  .crmEntityFormView
  .cell
  .boolean-radio
  input[type="radio"],
.dark-theme .form-wrapper .checkbox input[type="checkbox"],
.dark-theme  input[type="radio"]{
  accent-color: #222;
}
.dark-theme .unread-notification,
.dark-theme .apply-modal .alert-danger {
  background-color: #212c2c33 !important;
}
.dark-theme .form-wrapper.single-form .communication-details .communication-ref,
.dark-theme .payment-table.locked > table > thead > tr,
.dark-theme .payment-table.locked > table.active > thead > tr th,
.dark-theme .payment-table > table.active > thead > tr th {
  background-color: #f3f3f3;
}


/* Fundraise Header & Footer */
.dark-theme .main-header,
.dark-theme .main-header.scrolled,
.dark-theme .main-header.open,
.dark-theme .main-footer,
.dark-theme .main-header .cart-container .number,
.dark-theme .main-header .secondary-btn:not([disabled]):hover,
.dark-theme .main-header .secondary-btn:not([disabled]):active,
.dark-theme .main-header .secondary-btn:visited:not([disabled]):hover,
.dark-theme .main-header .secondary-btn:visited:not([disabled]):active,
.dark-theme .main-header .lang-list,
.dark-theme .main-header .welcome-control-list,
.dark-theme .main-header .secondary-btn:not([disabled]):focus-visible,
.dark-theme .main-header .secondary-btn:visited:not([disabled]):focus-visible,
.dark-theme .main-header .secondary-btn{
  background: #222 !important;
}

.dark-theme .main-header .welcome-control-list li:hover a,
.dark-theme .main-header .welcome-control-list li:hover .icon,
.dark-theme .main-header nav > a.btns,
.dark-theme .form-wrapper .file-upload::after,
.dark-theme .crmEntityFormView div.description.below a,
.dark-theme .form-wrapper .progress.list-group .list-group-item.active {
  color: #222 !important;
}
.dark-theme .main-header nav > a.btns,
.dark-theme .main-header .lang-list li:not(.selected) a:hover,
.dark-theme .main-header .welcome-control-list li:hover {
  background: #fff !important;
}
.dark-theme .main-header.scrolled .icon,
.dark-theme .main-header.open .icon,
.dark-theme .main-header nav .menu-title,
.dark-theme .main-header nav .menu-items a,
.dark-theme .main-header nav .menu-social .title,
.dark-theme .main-header .lang,
.dark-theme .main-header.open .icon,
.dark-theme .main-header .icon,
.dark-theme .main-header .secondary-btn:not([disabled]):hover,
.dark-theme .main-header .secondary-btn:not([disabled]):active,
.dark-theme .main-header .secondary-btn:visited:not([disabled]):hover,
.dark-theme .main-header .secondary-btn:visited:not([disabled]):active,
.dark-theme header .secondary-btn,
.dark-theme header .secondary-btn:visited,
.dark-theme .main-header .lang-list li.selected a,
.dark-theme .main-header .welcome-control-list li .icon,
.dark-theme .main-header .welcome-control-list li a,
.dark-theme .main-header .lang-list li a,
.dark-theme  .main-header [class^="lib-icon-"]::before,
.dark-theme  .main-header [class*=" lib-icon-"]::before,
.dark-theme  .main-footer [class^="lib-icon-"]::before,
.dark-theme  .main-footer [class*=" lib-icon-"]::before,
.dark-theme .dark-theme .payment-table .payment-app i::before {
  color: #fff !important;
}
.dark-theme .main-header .secondary-btn:not([disabled]):focus-visible,
.dark-theme .main-header .secondary-btn:visited:not([disabled]):focus-visible{
  color: #fff !important;
}
.dark-theme header .secondary-btn,
.dark-theme header .secondary-btn:visited,
.dark-theme .main-header .welcome-control .prof-img,
.dark-theme .main-header .lang-list li.selected a::before,
.dark-theme .main-header .secondary-btn,
.dark-theme .main-header .secondary-btn:visited {
  border-color: #fff !important;
}
.dark-theme .main-header.scrolled svg rect,
.dark-theme .main-header.scrolled svg path,
.dark-theme .main-header svg rect,
.dark-theme .main-header svg path {
  fill: #fff !important;
}
.dark-theme .main-header .logo {
  filter: brightness(0) invert(1) !important;
}
.dark-theme .main-footer {
  border-top: 1px solid #fff;
}

.dark-theme .pagination>.active>a,.dark-theme .pagination>.active>a:focus,.dark-theme .pagination>.active>a:hover{
  background-color: #222;
}
.dark-theme .page-copy .sectionPrimaryColor {
  background-color: transparent;
}
.dark-theme .form-wrapper .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #222;
}

/* .modal-dialog > *{
  color: #222;
}
.dark-theme .modal-dialog .actions input.submit-btn{
  background-color: #222;
  color: #fff;
} */

/* .dark-theme .modal-wrapper div > *{
  color: #222;
} */


@media screen and (max-width: 767px) {
  .dark-theme
    .main-header.open-resp-menu
    .resp-welcome-control
    .username-wrapper
    p {
    color: #fff !important;
  }
}