/*BRANDING CLASSES START*/

.PrimaryBrandColor {
  background-color: #dcf3f1 !important;
  background-image: none !important;
}
.PrimaryBrandHeaderColor {
  color: #dcf3f1 !important;
}
.PrimaryBrandTextColor {
  color: #3c3c3c !important;
}
.PrimaryBrandButton {
  background-color: #dcf3f1 !important;
  color: #3c3c3c !important;
}
.PrimaryButtonColor {
  background-color: #ed6f68 !important;
  background-image: none !important;
}
.PrimaryButtonTextColor {
  color: white !important;
}
.SecondaryButtonColor {
  background-color: #22a8bf !important;
  background-image: none !important;
}
.SecondaryButtonTextColor {
  color: white !important;
}
.HeaderTextColor {
  color: #22a8bf !important;
}
.HeaderTextColor > a {
  color: #22a8bf !important;
}
.LinkTextColor {
  color: #22a8bf !important;
}
.SelectedElementColor {
  color: #22a8bf !important;
}
.HeaderIconColor {
  color: #737373 !important;
}
.HeaderIconSvg path,
.HeaderIconSvg circle,
.HeaderIconSvg rect {
  fill: #737373 !important;
}
.HeaderIconColorBg {
  background-color: #737373 !important;
}
.PrimaryBrandIconColor {
  color: #dcf3f1 !important;
}
.SecondaryBrandColor {
  background-color: #eff8f8 !important;
  background-image: none !important;
}
.SecondaryTextColor {
  color: #22a8bf !important;
}
.AmountRaisedColor {
  color: #ed6f68 !important;
}
.PageTitleTextColor {
  color: #ed6f68 !important;
}
.PageTitleTextWithoutBackgroundColor {
  color: #ed6f68 !important;
}
.ProgressBarColor {
  background-color: #51d4ea !important;
}
.CardBackground {
  background-color: #eff8f8 !important;
}
.card-content {
  background-color: #eff8f8 !important;
}
.item-card {
  background-color: #eff8f8 !important;
}
.CardBodyText {
  color: #202020 !important;
}
.CampaignSetupTypeCard {
  background-color: #e3f1f0 !important;
}
.donation-detail-container {
  background-color: #eff8f8 !important;
}
.donation-summary-container {
  background-color: #eff8f8 !important;
}
.card {
  background-color: #eff8f8 !important;
}
.card-content {
  border-radius: 7px !important;
}
.card,
.card-content,
.CardBackground {
  color: #202020;
}
.card .CardHeadingText,
.card-content .CardHeadingText,
.CardBackground .CardHeadingText {
  color: #22a8bf !important;
}
.card .CardHeadingText div,
.card-content .CardHeadingText div,
.CardBackground .CardHeadingText div,
.card .CardHeadingText span,
.card-content .CardHeadingText span,
.CardBackground .CardHeadingText span,
.card .CardHeadingText label,
.card-content .CardHeadingText label,
.CardBackground .CardHeadingText label {
  color: #22a8bf !important;
}
.card span,
.card-content span,
.CardBackground span,
.card input,
.card-content input,
.CardBackground input,
.card label,
.card-content label,
.CardBackground label,
.card div,
.card-content div,
.CardBackground div,
.card th,
.card-content th,
.CardBackground th,
.card td,
.card-content td,
.CardBackground td {
  color: #202020;
}
.card span .flatpickr-input,
.card-content span .flatpickr-input,
.CardBackground span .flatpickr-input,
.card input .flatpickr-input,
.card-content input .flatpickr-input,
.CardBackground input .flatpickr-input,
.card label .flatpickr-input,
.card-content label .flatpickr-input,
.CardBackground label .flatpickr-input,
.card div .flatpickr-input,
.card-content div .flatpickr-input,
.CardBackground div .flatpickr-input,
.card th .flatpickr-input,
.card-content th .flatpickr-input,
.CardBackground th .flatpickr-input,
.card td .flatpickr-input,
.card-content td .flatpickr-input,
.CardBackground td .flatpickr-input,
.card span .flatpickr-input[readonly=readonly],
.card-content span .flatpickr-input[readonly=readonly],
.CardBackground span .flatpickr-input[readonly=readonly],
.card input .flatpickr-input[readonly=readonly],
.card-content input .flatpickr-input[readonly=readonly],
.CardBackground input .flatpickr-input[readonly=readonly],
.card label .flatpickr-input[readonly=readonly],
.card-content label .flatpickr-input[readonly=readonly],
.CardBackground label .flatpickr-input[readonly=readonly],
.card div .flatpickr-input[readonly=readonly],
.card-content div .flatpickr-input[readonly=readonly],
.CardBackground div .flatpickr-input[readonly=readonly],
.card th .flatpickr-input[readonly=readonly],
.card-content th .flatpickr-input[readonly=readonly],
.CardBackground th .flatpickr-input[readonly=readonly],
.card td .flatpickr-input[readonly=readonly],
.card-content td .flatpickr-input[readonly=readonly],
.CardBackground td .flatpickr-input[readonly=readonly] {
  color: #202020;
}
.card span .promoter-link,
.card-content span .promoter-link,
.CardBackground span .promoter-link,
.card input .promoter-link,
.card-content input .promoter-link,
.CardBackground input .promoter-link,
.card label .promoter-link,
.card-content label .promoter-link,
.CardBackground label .promoter-link,
.card div .promoter-link,
.card-content div .promoter-link,
.CardBackground div .promoter-link,
.card th .promoter-link,
.card-content th .promoter-link,
.CardBackground th .promoter-link,
.card td .promoter-link,
.card-content td .promoter-link,
.CardBackground td .promoter-link {
  color: #22a8bf !important;
}
.card span .promoter-link .promoter-card-text,
.card-content span .promoter-link .promoter-card-text,
.CardBackground span .promoter-link .promoter-card-text,
.card input .promoter-link .promoter-card-text,
.card-content input .promoter-link .promoter-card-text,
.CardBackground input .promoter-link .promoter-card-text,
.card label .promoter-link .promoter-card-text,
.card-content label .promoter-link .promoter-card-text,
.CardBackground label .promoter-link .promoter-card-text,
.card div .promoter-link .promoter-card-text,
.card-content div .promoter-link .promoter-card-text,
.CardBackground div .promoter-link .promoter-card-text,
.card th .promoter-link .promoter-card-text,
.card-content th .promoter-link .promoter-card-text,
.CardBackground th .promoter-link .promoter-card-text,
.card td .promoter-link .promoter-card-text,
.card-content td .promoter-link .promoter-card-text,
.CardBackground td .promoter-link .promoter-card-text {
  color: #202020;
}
.card span .items-header-text p,
.card-content span .items-header-text p,
.CardBackground span .items-header-text p,
.card input .items-header-text p,
.card-content input .items-header-text p,
.CardBackground input .items-header-text p,
.card label .items-header-text p,
.card-content label .items-header-text p,
.CardBackground label .items-header-text p,
.card div .items-header-text p,
.card-content div .items-header-text p,
.CardBackground div .items-header-text p,
.card th .items-header-text p,
.card-content th .items-header-text p,
.CardBackground th .items-header-text p,
.card td .items-header-text p,
.card-content td .items-header-text p,
.CardBackground td .items-header-text p {
  color: #202020;
}
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-weekday {
  color: #3c3c3c;
  background-color: #dcf3f1 !important;
}
.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-weekdays {
  background-color: #dcf3f1 !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar .flatpickr-weekdays .flatpickr-next-month {
  fill: #3c3c3c;
  color: #3c3c3c;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-weekdays .flatpickr-prev-month {
  fill: #3c3c3c;
  color: #3c3c3c;
}
.flatpickr-calendar .flatpickr-day.selected {
  background-color: #dcf3f1 !important;
  border-color: #dcf3f1 !important;
}
.expandable-area-header .card {
  background-color: #eff8f8 !important;
}
.TableOfCards tbody tr td {
  color: #202020 !important;
  background-color: #eff8f8 !important;
}
.EAIBackground {
  background-color: white !important;
}
.templates .template {
  background-color: white !important;
}
.templates .template .item-title {
  color: #202020 !important;
}
.templates .template .item-buttons-block a:not(.disabled) i {
  color: #202020 !important;
}
/*dropdown .aex-dropdown-wrapper .aex-dropdown-list-wrapper .aex-dropdown-list when not (@PrimaryPageBackgroundTextColor = '') and not (@PrimaryPageBackgroundColor = '') {*/

/*background-color: @PrimaryPageBackgroundColor;*/

.member-center-page .banner-background-diagonal {
  background: linear-gradient(110deg, #eff8f8 60%, white 60%);
}
/*.aex-dropdown-option {*/

/*color: @PrimaryPageBackgroundTextColor;*/

/*}
}*/

.fr-box.fr-basic .fr-element.fr-view {
  color: #202020 !important;
  background-color: white !important;
}
.fr-box.fr-basic .fr-placeholder {
  color: #6e6e6e !important;
}
.fr-box.fr-basic .fr-separator {
  background-color: #606060 !important;
}
.fr-box .fr-toolbar {
  color: #555555 !important;
  background-color: white !important;
}
.fr-box .fr-toolbar .fr-btn {
  color: #555555 !important;
  background-color: white !important;
}
.text-to-hide.colapsed .shadow-on-the-text {
  background-image: -webkit-linear-gradient(to top, white, rgba(255, 255, 255, 0.001));
  background-image: -moz-linear-gradient(to top, white, rgba(255, 255, 255, 0.001));
  background-image: -ms-linear-gradient(to top, white, rgba(255, 255, 255, 0.001));
  background-image: -o-linear-gradient(to top, white, rgba(255, 255, 255, 0.001));
  background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0.001));
}
.CampaignSetupTypeText {
  color: #3c3c3c !important;
}
.PrimaryPageBackground {
  background-color: white !important;
}
.modal-content {
  background-color: white !important;
  color: #555555 !important;
}
.modal-content i {
  color: #22a8bf !important;
}
.SecondaryPageBackground {
  background-color: #eff8f8 !important;
}
.PrimaryPageBackgroundText {
  color: #555555 !important;
}
.SecondaryPageBackgroundText {
  color: #555555 !important;
}
.LoginPageBackground {
  background-color: #636363 !important;
}
.campaign-management-overlay-scrolling-container2 {
  background-color: white !important;
}
/*BRANDING CLASSES END*/

/*--------------------------------------------------------------------------*/

/*COMMON START*/

.progress-bar {
  background-color: #51d4ea !important;
}
.fr-view a {
  color: #22a8bf;
}
ul.dropdown-menu li:hover > a {
  color: #22a8bf;
}
.dropdown-content li:hover a {
  color: #22a8bf;
}
.link-hoverable,
.custom-button {
  color: #22a8bf !important;
  /*&:hover {
            filter: brightness(75%);
        }*/

}
.link-hoverable i,
.custom-button i {
  color: #22a8bf !important;
}
.btn-flat,
.blue-flat-btn {
  color: #22a8bf !important;
}
.btn-flat i,
.blue-flat-btn i {
  color: #22a8bf !important;
}
span.span-with-icon::after {
  color: #22a8bf !important;
}
.template-view.hoverable:hover .item-title {
  color: #22a8bf !important;
}
.template-view.hoverable .item-buttons-block > a > i:hover {
  color: #22a8bf !important;
}
.template-view.hoverable:before {
  background-color: #dcf3f1 !important;
}
.template-view.hoverable .handle {
  background-color: #dcf3f1 !important;
}
.anchor-default {
  color: #22a8bf !important;
}
.anchor-default:hover {
  filter: brightness(75%);
}
.column-filter a {
  color: #22a8bf !important;
}
.column-filter input[type=checkbox]:checked:not(:disabled) + label:before {
  border-right: 2px solid #22a8bf !important;
  border-bottom: 2px solid #22a8bf !important;
}
#campaign-setup-wizard span.highlighted,
#organizationSetup span.highlighted,
#checkout-wizard span.highlighted,
#confirmation-page span.highlighted,
#partnerSetup span.highlighted,
#complete-payment-page span.highlighted,
#signUpOnboarding span.highlighted,
#campaign-setup-wizard a.highlighted,
#organizationSetup a.highlighted,
#checkout-wizard a.highlighted,
#confirmation-page a.highlighted,
#partnerSetup a.highlighted,
#complete-payment-page a.highlighted,
#signUpOnboarding a.highlighted,
#campaign-setup-wizard label.highlighted,
#organizationSetup label.highlighted,
#checkout-wizard label.highlighted,
#confirmation-page label.highlighted,
#partnerSetup label.highlighted,
#complete-payment-page label.highlighted,
#signUpOnboarding label.highlighted {
  color: #22a8bf !important;
}
#campaign-setup-wizard .design-section-drag-n-drop:before,
#organizationSetup .design-section-drag-n-drop:before,
#checkout-wizard .design-section-drag-n-drop:before,
#confirmation-page .design-section-drag-n-drop:before,
#partnerSetup .design-section-drag-n-drop:before,
#complete-payment-page .design-section-drag-n-drop:before,
#signUpOnboarding .design-section-drag-n-drop:before,
#campaign-setup-wizard .drag-handle:before,
#organizationSetup .drag-handle:before,
#checkout-wizard .drag-handle:before,
#confirmation-page .drag-handle:before,
#partnerSetup .drag-handle:before,
#complete-payment-page .drag-handle:before,
#signUpOnboarding .drag-handle:before {
  background-color: #dcf3f1 !important;
}
#campaign-setup-wizard .image-with-mask > .camera,
#organizationSetup .image-with-mask > .camera,
#checkout-wizard .image-with-mask > .camera,
#confirmation-page .image-with-mask > .camera,
#partnerSetup .image-with-mask > .camera,
#complete-payment-page .image-with-mask > .camera,
#signUpOnboarding .image-with-mask > .camera {
  background-color: #dcf3f1 !important;
}
#signUpOnboarding .signup-onboarding-headline,
#signUpOnboarding .signup-onboarding-subheadline {
  color: #3c3c3c !important;
}
#signUpOnboarding .signup-onboarding-timeline {
  color: #00c8c8 !important;
}
#signUpOnboarding .signup-onboarding-timeline .signup-onboarding-timeline-item {
  border-color: #00c8c8 !important;
}
#signUpOnboarding .signup-onboarding-timeline .signup-onboarding-timeline-item.current {
  background-color: #00c8c8 !important;
}
#signUpOnboarding .signup-onboarding-timeline .signup-onboarding-timeline-item .signup-onboarding-timeline-step-completed {
  background-color: #ed6f68 !important;
  color: white !important;
}
#signUpOnboarding .signup-onboarding-timeline .signup-onboarding-timeline-line {
  background-color: #00c8c8 !important;
}
.signUpOnboarding-colored-container {
  background-color: #dcf3f1 !important;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #22a8bf !important;
}
.left-text-overlay-modal .modal-content {
  background-color: white !important;
  color: #555555 !important;
}
.left-text-overlay-modal .modal-content i {
  color: #22a8bf !important;
}
.left-text-overlay-modal .left-text-overlay-item-title {
  color: #555555 !important;
}
.left-text-overlay-modal .left-text-overlay-item-preview-link {
  color: #22a8bf !important;
}
.left-text-overlay-modal .left-text-overlay-item-preview-link i {
  color: #22a8bf !important;
}
.left-text-overlay-modal .left-text-overlay-item-body {
  color: #555555 !important;
}
.left-text-overlay-modal .left-text-overlay-item-body a {
  color: #22a8bf !important;
}
.twitter-typeahead .tt-menu p {
  color: #22a8bf !important;
}
.import-dialog-review i.material-icons {
  color: #dcf3f1 !important;
}
/*radiobutton*/

input[type=radio]:checked:not(:disabled) + label:before,
input[type=radio] .with-gap:checked:not(:disabled) + label:before {
  border: 2px solid #22a8bf !important;
}
input[type=radio]:checked:not(:disabled) + label:after,
input[type=radio] .with-gap:checked:not(:disabled) + label:after {
  border: 2px solid #22a8bf !important;
  background-color: #22a8bf !important;
}
/*checkbox*/

input[type=checkbox]:checked:not(:disabled) + label:after {
  border: 2px solid #22a8bf !important;
  background-color: #22a8bf !important;
}
.stripe-elements .StripeElement.is-focused {
  border-bottom-color: #22a8bf;
}
/*more-less control*/

.card .card-content .expandable-area-header {
  color: #22a8bf !important;
}
.card .card-content .expandable-area-header .expandable-clickable-area {
  color: #22a8bf !important;
}
.card .card-content .expandable-area-header .expandable-clickable-area i .material-icons .expandable-area-icon {
  color: #22a8bf !important;
}
.read-more {
  color: #22a8bf !important;
}
.read-more i {
  color: #22a8bf !important;
}
.uploader-wrapper {
  color: #3c3c3c !important;
  background-color: #dcf3f1 !important;
}
.uploader-wrapper i,
.uploader-wrapper i:before {
  color: #3c3c3c !important;
}
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
button.btn.btn-primary,
button.btn.btn-primary:hover,
button.btn.btn-primary:focus,
a.btn.btn-primary,
a.btn.btn-primary:hover,
a.btn.btn-primary:focus {
  color: white !important;
  background-color: #ed6f68 !important;
}
.btn.btn-primary i,
.btn.btn-primary:hover i,
.btn.btn-primary:focus i,
button.btn.btn-primary i,
button.btn.btn-primary:hover i,
button.btn.btn-primary:focus i,
a.btn.btn-primary i,
a.btn.btn-primary:hover i,
a.btn.btn-primary:focus i,
.btn.btn-primary i:before,
.btn.btn-primary:hover i:before,
.btn.btn-primary:focus i:before,
button.btn.btn-primary i:before,
button.btn.btn-primary:hover i:before,
button.btn.btn-primary:focus i:before,
a.btn.btn-primary i:before,
a.btn.btn-primary:hover i:before,
a.btn.btn-primary:focus i:before {
  color: white !important;
}
.btn.btn-primary .spinner-content,
.btn.btn-primary:hover .spinner-content,
.btn.btn-primary:focus .spinner-content,
button.btn.btn-primary .spinner-content,
button.btn.btn-primary:hover .spinner-content,
button.btn.btn-primary:focus .spinner-content,
a.btn.btn-primary .spinner-content,
a.btn.btn-primary:hover .spinner-content,
a.btn.btn-primary:focus .spinner-content {
  color: white !important;
}
.btn-gray {
  color: white !important;
}
.btn .spinner-layer {
  border-color: white !important;
}
/*primary button*/

.BtnPrimary {
  color: white !important;
  background-color: #ed6f68 !important;
}
.BtnPrimary:hover {
  background-color: #f0857f !important;
}
.BtnPrimary span,
.BtnPrimary div {
  color: white !important;
}
/*secondary button*/

.BtnSecondary,
.btn-secondary.BtnSecondary {
  color: white !important;
  background-color: #22a8bf !important;
}
.BtnSecondary:hover,
.btn-secondary.BtnSecondary:hover {
  background-color: #26bbd5 !important;
}
.BtnSecondary span,
.btn-secondary.BtnSecondary span {
  color: white !important;
}
/*popover*/

.popover.fade:not(.not-custom-branding-popover) {
  background-color: #dcf3f1 !important;
}
.popover.fade:not(.not-custom-branding-popover).top > .arrow:after,
.popover.fade:not(.not-custom-branding-popover).bottom > .arrow:after {
  border-top-color: #dcf3f1 !important;
  border-bottom-color: #dcf3f1 !important;
}
.popover.fade:not(.not-custom-branding-popover).left > .arrow:after,
.popover.fade:not(.not-custom-branding-popover).right > .arrow:after {
  border-left-color: #dcf3f1 !important;
  border-right-color: #dcf3f1 !important;
}
.popover.fade:not(.not-custom-branding-popover) > .popover-content {
  color: #3c3c3c !important;
  background-color: #dcf3f1 !important;
}
.popover.fade:not(.not-custom-branding-popover) > .popover-content a {
  color: #22a8bf !important;
}
/*modal*/

.modal.fade .modal-header {
  color: #555555 !important;
  background-color: #dcf3f1 !important;
}
.modal.fade .modal-header h4 {
  color: #555555 !important;
}
.modal.fade .modal-header button.close {
  color: #555555 !important;
}
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #22a8bf !important;
  box-shadow: 0 1px 0 0 #22a8bf !important;
}
.create-new-item a {
  color: #22a8bf !important;
}
.submission-page h1,
.submission-page h2,
.submission-page li:before {
  color: #22a8bf !important;
}
.submission-page a:not(.btn) {
  color: #22a8bf !important;
}
.submission-page a:not(.btn):hover {
  filter: brightness(75%);
}
div.uploader-area div.gray-background-area label {
  color: #22a8bf !important;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #dcf3f1 !important;
  color: #3c3c3c !important;
}
input[type=password]:focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label {
  color: #22a8bf !important;
}
.design-type-control .preview-image-placeholder.selected {
  background-color: #22a8bf !important;
}
.design-type-control .preview-image-placeholder.selected .selected-container-icon {
  background-color: #ed6f68 !important;
}
.design-type-control .preview-image-placeholder:hover {
  background-color: #22a8bf !important;
}
.hover-container .dropdown-menu li:hover > a {
  color: #22a8bf !important;
}
.hover-container .dropdown-menu li:hover > a i {
  color: #22a8bf !important;
}
/*header*/

#container {
  padding-top: 77px;
}
.custom-header .navbar {
  height: 77px;
}
.custom-header .return-to-setup {
  line-height: 77px;
}
.sliding-overlay {
  padding-top: 77px !important;
}
@media (min-width: 1200px) {
  .sliding-overlay-close-icon {
    top: 77px !important;
  }
}
@media (max-width: 1199px) {
  .sliding-overlay-close-icon:hover {
    color: #22a8bf !important;
  }
  .sliding-overlay-close-icon {
    color: #3c3c3c !important;
  }
}
.account-management-page-header {
  top: 77px !important;
}
.search-button i:hover {
  color: #22a8bf !important;
}
.header-user-authenticated-icon .generated-avatar .initials {
  color: #f6fafa;
}
/*sort by controls*/

.search-sort-by a {
  color: #22a8bf !important;
}
.search-sort-by ul li a {
  color: initial !important;
}
.spinner-layer {
  border-color: #22a8bf !important;
}
.my-account-dashboard-container .delimeter {
  border-color: #22a8bf !important;
}
#verify-account-banner.verification-is-needed {
  background-color: #9093f1 !important;
}
#verify-account-banner.verification-is-needed .verify-account-text {
  color: white !important;
}
#verify-account-banner.verification-is-needed #btn-verify-account {
  background-color: #9093f1 !important;
  border-color: white !important;
  color: white !important;
}
#verify-account-banner.verification-submitted {
  background-color: #6fcaf0 !important;
}
#verify-account-banner.verification-submitted .verify-account-text {
  color: white !important;
}
/*COMMON END*/

/*--------------------------------------------------------------------------*/

/*SIGN IN START*/

.sign-in-section .password-section .input-field label.active,
.sign-in-section .email-section .input-field label.active {
  color: #22a8bf !important;
}
/*SIGN IN END*/

/*OVERLAY START*/

.campaign-management-overlay-content:not(.campaign-management-dummy-content) .campaign-management-overlay-header {
  background-color: #eff8f8 !important;
  color: #22a8bf !important;
}
.campaign-management-overlay-content:not(.campaign-management-dummy-content) .campaign-management-overlay-banner .banner {
  background-color: #dcf3f1 !important;
}
.campaign-management-overlay-content:not(.campaign-management-dummy-content) .socials-icons-container a {
  border-color: #3c3c3c !important;
}
.campaign-management-overlay-content:not(.campaign-management-dummy-content) .socials-icons-container a i {
  color: #3c3c3c !important;
}
/*OVERLAY END*/

/*CAMPAIGN PAGE START*/

.page-promoter-referral-link-header {
  background-color: #dcf3f1 !important;
}
.page-promoter-referral-link-header .page-promoter-referral-link {
  color: #3c3c3c !important;
}
.campaign-page hr {
  border-top-color: #22a8bf !important;
}
.campaign-page .description-view a {
  color: #22a8bf !important;
}
.campaign-page .description-view a:hover {
  filter: brightness(75%);
}
.campaign-page .media-placeholder:not(.not-custom-branding-media-placeholder) {
  background-color: #dcf3f1 !important;
}
.campaign-page .nav-tabs li.active a {
  color: #22a8bf !important;
  background-color: white !important;
}
.campaign-page .panel-group .panel .panel-heading .panel-title > a:hover,
.campaign-page .panel-group .panel .panel-heading .panel-title > a[aria-expanded=true] {
  color: #22a8bf !important;
}
.campaign-page .panel-group .panel .panel-heading .panel-title > a:hover .material-icons,
.campaign-page .panel-group .panel .panel-heading .panel-title > a[aria-expanded=true] .material-icons {
  color: #22a8bf !important;
}
.campaign-page .promoter-icon-container .sharing-cls-1,
.campaign-page .promoter-icon-container .friends-cls-1,
.campaign-page .promoter-icon-container .reward-cls-1 {
  fill: #dcf3f1;
}
.campaign-page .campaign-tab .campaign-items.raffle-global-with-prize .price-set .open-btn {
  color: #3c3c3c !important;
}
.campaign-page #campaign-auction-items .item-card.Losing,
.campaign-page #campaign-auction-items .item-card.Lost,
.campaign-page #campaign-auction-items .item-card.PaymentEmailSent,
.campaign-page #campaign-auction-items .item-card.Winning,
.campaign-page #campaign-auction-items .item-card.Won {
  border-width: 1px;
  border-style: solid;
}
.campaign-page #campaign-auction-items .item-card.Losing,
.campaign-page #campaign-auction-items .item-card.Lost,
.campaign-page #campaign-auction-items .item-card.PaymentEmailSent {
  border-color: #e63950;
}
.campaign-page #campaign-auction-items .item-card.Losing .item-header,
.campaign-page #campaign-auction-items .item-card.Lost .item-header,
.campaign-page #campaign-auction-items .item-card.PaymentEmailSent .item-header {
  background-color: #e63950;
  color: white;
}
.campaign-page #campaign-auction-items .item-card.Winning,
.campaign-page #campaign-auction-items .item-card.Won {
  border-color: #00c17b;
}
.campaign-page #campaign-auction-items .item-card.Winning .item-header,
.campaign-page #campaign-auction-items .item-card.Won .item-header {
  background-color: #00c17b;
  color: white;
}
.design-two-banner #clockdiv .time-value {
  color: #22a8bf !important;
}
.banner40-xs-container #clockdiv .time-value {
  color: #22a8bf !important;
}
.carousel-indicators li.index.active {
  background-color: #22a8bf !important;
}
.sweepstakes-rules-view a {
  color: #22a8bf !important;
}
/*CAMPAIGN PAGE END*/

/*--------------------------------------------------------------------------*/

/*CHECKOUT START*/

/*timeline*/

.setup-timeline .progress-bar,
.setup-timeline .progress-bar-left-part,
.setup-timeline .progress-bar-right-part,
.setup-timeline #swiper-visual-expander .progress-bar-left-part {
  background-color: #22a8bf !important;
}
.setup-timeline #swiper-visual-expander .progress-bar-right-part {
  background: linear-gradient(to right, gainsboro 50%, #22a8bf 50%);
  background-size: 200% 100%;
  background-position: left bottom;
}
.setup-timeline .setup-timeline-element-title.active {
  color: #22a8bf !important;
}
.setup-timeline .setup-timeline-element:hover .setup-timeline-element-title {
  color: #22a8bf !important;
}
.setup-timeline .element-icon.active:not(.error),
.setup-timeline .element-icon.complete:not(.error) {
  background-color: #22a8bf !important;
}
/*checkout page item title*/

.contribution-item-container .contribution-item-title {
  color: #22a8bf !important;
}
/*checkout page item without image*/

.no-image {
  background-color: #dcf3f1 !important;
}
/*checkout headers*/

h2.section-header {
  color: #22a8bf !important;
}
/*checkout headers*/

.donation-detail-header {
  color: #22a8bf !important;
}
.review-content-container h1 {
  color: #22a8bf;
}
#printable .ticket-rallyup-logo {
  display: none;
}
.attributes-header {
  background-color: #dcf3f1 !important;
  color: #3c3c3c !important;
}
/*CHECKOUT END*/

/*ACCOUNT MANAGEMENT START*/

#account-management-page-content .buttons-block .links a.selected,
#administration .buttons-block .links a.selected {
  color: #22a8bf !important;
}
#account-management-page-content .tabs .tab.active,
#administration .tabs .tab.active {
  color: #22a8bf !important;
  border-color: #22a8bf !important;
}
#account-management-page-content table.table td > a,
#administration table.table td > a {
  color: #22a8bf !important;
}
#account-management-page-content table.table td i.material-icons:hover,
#administration table.table td i.material-icons:hover {
  color: #22a8bf !important;
}
#account-management-page-content table.table .buttons-container .dropdown-menu li:hover > a,
#administration table.table .buttons-container .dropdown-menu li:hover > a {
  color: #22a8bf !important;
}
#account-management-page-content table.table .buttons-container .dropdown-menu li:hover > a i,
#administration table.table .buttons-container .dropdown-menu li:hover > a i {
  color: #22a8bf !important;
}
#account-management-page-content a.export,
#administration a.export {
  color: #22a8bf !important;
}
#account-management-page-content .pagination > .active > a,
#administration .pagination > .active > a {
  background-color: #22a8bf !important;
  border-color: #22a8bf !important;
}
#account-management-page-content .grid-table-switcher i.active,
#administration .grid-table-switcher i.active {
  color: #22a8bf !important;
}
#account-management-page-content .campaigns-grid-view a.dropdown-toggle,
#administration .campaigns-grid-view a.dropdown-toggle {
  color: #22a8bf !important;
}
#account-management-page-content .card .checkbox > label,
#administration .card .checkbox > label,
#account-management-page-content .card-content .checkbox > label,
#administration .card-content .checkbox > label {
  color: #202020;
}
/*ACCOUNT MANAGEMENT END*/

/*ORGANIZATION PAGE START*/

#organization-home-page .card {
  border-color: #dcf3f1 !important;
}
#organization-info-footer {
  border-top-color: #dcf3f1 !important;
}
/*ORGANIZATION PAGE END*/

/*PROMOTER PAGE START*/

.promoter-page-body .number-circle {
  border-color: #dcf3f1 !important;
  background-color: #dcf3f1 !important;
}
/*PROMOTER PAGE END*/

/*CAMPAIGN/ORGANIZATION SETUP START*/

#campaign-setup-wizard .templates .template.template-edit .template-heading,
#organizationSetup .templates .template.template-edit .template-heading {
  background-color: #dcf3f1 !important;
  color: #3c3c3c !important;
}
#campaign-setup-wizard .panel-group .panel .panel-heading .panel-title > a:not(.collapsed),
#organizationSetup .panel-group .panel .panel-heading .panel-title > a:not(.collapsed) {
  background-color: #eff8f8 !important;
}
#campaign-setup-wizard .switch label input[type=checkbox]:checked:not(:disabled) + .lever,
#organizationSetup .switch label input[type=checkbox]:checked:not(:disabled) + .lever {
  background-color: #22a8bf80 !important;
}
#campaign-setup-wizard .switch label input[type=checkbox]:checked:not(:disabled) + .lever:after,
#organizationSetup .switch label input[type=checkbox]:checked:not(:disabled) + .lever:after {
  background-color: #22a8bf !important;
}
#campaign-setup-wizard .btn-add-more,
#organizationSetup .btn-add-more {
  background-color: #ed6f68 !important;
  color: white !important;
}
/*CAMPAIGN/ORGANIZATION SETUP END*/

/*GETTING STARTED PAGE START*/

.getting-started .actions-container .secondary-actions .quick-links .quick-links-list .quick-link a:hover {
  color: #22a8bf !important;
}
/*GETTING STARTED PAGE END*/

/*SIDE NAV START*/

#main-menu #main-menu-container {
  color: #3c3c3c;
  background-color: #dcf3f1 !important;
}
#main-menu #main-menu-container .main-menu-item-content .main-menu-title {
  color: #3c3c3c !important;
}
#main-menu #main-menu-container .main-menu-item-content.selected .main-menu-title,
#main-menu #main-menu-container .main-menu-item-content:hover .main-menu-title {
  color: #22a8bf !important;
}
#main-menu #main-menu-container .main-menu-btn-switch-organizations {
  color: #3c3c3c !important;
}
#main-menu #main-menu-container .main-menu-btn-switch-organizations:hover {
  color: #22a8bf !important;
}
#main-menu .organizations-list {
  background-color: #dcf3f1 !important;
}
#main-menu .organizations-list li {
  background-color: #dcf3f1 !important;
}
#main-menu .organizations-list li a {
  color: #3c3c3c !important;
}
#main-menu .organizations-list li.selected a,
#main-menu .organizations-list li:hover a {
  color: #22a8bf !important;
}
/*SIDE NAV END*/

/*DONATION PAGE START*/

.donation-section-card-content .donation-amount-presets button.selected {
  background-color: #ed6f68 !important;
  color: white !important;
}
.donation-section-card-content .donation-amount-presets button:hover:not(.selected) {
  background-color: #f0857f !important;
  color: white !important;
}
/*DONATION PAGE END*/

/*MY ACCOUNT START*/

.user-popover {
  background-color: #eff8f8 !important;
}
.user-popover .arrow {
  border-bottom-color: #eff8f8 !important;
}
.user-popover .arrow:after {
  border-bottom-color: #eff8f8 !important;
}
.user-popover .popover-content {
  background-color: #eff8f8 !important;
}
.user-popover .popover-content .popover-user-name,
.user-popover .popover-content .popover-user-email,
.user-popover .popover-content .popover-organization-id {
  color: #202020 !important;
}
/*MY ACCOUNT END*/