:root {
  --primary-brand-color: #dcf3f1;
  --primary-brand-text-color: #3c3c3c;
  --primary-button-color: #ff7a1a;
  --primary-button-text-color: white;
  --secondary-button-color: #080596;
  --secondary-button-text-color: white;
  --header-text-color: #080596;
  --header-text-color-opacity-2: #08059605;
  --link-text-color: #22a8bf;
  --selected-element-color: #22a8bf;
  --header-icon-color: #737373;
  --secondary-brand-color: #eff8f8;
  --secondary-text-color: #080596;
  --amount-raised-color: #ed6f68;
  --progress-bar-color: #208f1e;
  --page-title-text-color: #080596;
  --page-title-text-without-background-color: #080596;
  --primary-brand-color-opacity: #dcf3f180;
  --primary-brand-color-opacity-10: #dcf3f119;
  --primary-brand-color-opacity-4: #dcf3f110;
  --selected-element-color-opacity: #22a8bf80;
  --selected-element-color-low-opacity: #22a8bf0c;
  --selected-element-color-opacity-6: #22a8bf15;
  --brand-header-height: 77px;
  --start-page-background-color: white;
  --start-page-header-text-color: #272756;
  --start-page-timeline-step-color: #4aa900;
  --sidebar-background-color: #272756;
  --sidebar-primary-text-color: #edf0e9;
  --sidebar-bullet-icons-color: #cdf378;
  --pending-verificationBanner-background-color: #9093f1;
  --pending-verification-banner-text-color: white;
  --verification-submitted-banner-background-color: #6fcaf0;
  --verification-submitted-banner-text-color: white;
  --auction-outbid-item-outline-color: #e33a53;
  --auction-outbid-outline-text-color: white;
  --auction-highest-winning-bid-item-outline-color: #20c07d;
  --auction-highest-winning-bid-outline-text-color: white;
  --back-color: #f6fafa;
  --card-background-color: #eff8f8;
  --card-heading-text-color: #22a8bf;
  --card-body-text-color: #202020;
  --campaign-setup-type-card-color: #fafbff;
  --campaign-setup-type-text-color: #272756;
  --primary-page-background-color: white;
  --secondary-page-background-color: #eff8f8;
  --primary-page-background-text-color: #555555;
  --secondary-page-background-text-color: #555555;
  --secondary-string-color: #7f8796;
  --login-page-background-color: #edf0e9;
  --EAI-background-color: white;
}
/*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: #ff7a1a !important;
  background-image: none !important;
}
.PrimaryButtonTextColor {
  color: white !important;
}
.SecondaryButtonColor {
  background-color: #080596 !important;
  background-image: none !important;
}
.SecondaryButtonTextColor {
  color: white !important;
}
.HeaderTextColor {
  color: #080596 !important;
}
.HeaderTextColor > a {
  color: #080596 !important;
}
.LinkTextColor {
  color: #22a8bf !important;
}
.LinkTextColorIconSvg path,
.LinkTextColorIconSvg circle,
.LinkTextColorIconSvg rect {
  fill: #22a8bf !important;
  stroke: #22a8bf !important;
}
.SelectedElementColor {
  color: #22a8bf !important;
}
.SelectedElementColorOnHover:hover {
  color: #22a8bf !important;
}
.HeaderIconColor {
  color: #737373 !important;
}
.HeaderIconSvg path,
.HeaderIconSvg circle,
.HeaderIconSvg rect {
  fill: #737373 !important;
}
.HeaderCartIconSvg path,
.HeaderCartIconSvg circle,
.HeaderCartIconSvg rect {
  stroke: #737373 !important;
}
.HeaderTextSvg path,
.HeaderTextSvg circle,
.HeaderTextSvg rect {
  fill: #080596 !important;
}
.CardBodyTextIconSvg path,
.CardBodyTextIconSvg circle,
.CardBodyTextIconSvg rect {
  fill: #202020 !important;
}
.HeaderIconColorBg {
  background-color: #737373 !important;
}
.PrimaryBrandIconColor {
  color: #dcf3f1 !important;
}
.SecondaryBrandColor {
  background-color: #eff8f8 !important;
  background-image: none !important;
}
.SecondaryTextColor {
  color: #080596 !important;
}
.AmountRaisedColor {
  color: #ed6f68 !important;
}
.PageTitleTextColor {
  color: #080596 !important;
}
.PageTitleTextWithoutBackgroundColor {
  color: #080596 !important;
}
.ProgressBarColor {
  background-color: #208f1e !important;
}
.PrimaryPageBackgroundColor {
  background-color: white !important;
}
.PrimaryPageBackgroundTextColor {
  color: #555555 !important;
}
.SecondaryPageBackgroundColor {
  background-color: #eff8f8 !important;
}
.SecondaryPageBackgroundTextColor {
  color: #555555 !important;
}
.SecondaryStringColor {
  color: #7f8796 !important;
}
svg.PrimaryBrandColorSvg path,
svg.PrimaryBrandColorSvg rect {
  fill: #dcf3f1 !important;
}
.SidebarBackgroundColor {
  background-color: #272756 !important;
}
.SidebarPrimaryTextColor {
  color: #edf0e9 !important;
}
.SidebarBulletIconsColor {
  fill: #cdf378 !important;
}
.CardBackground {
  background-color: #eff8f8 !important;
}
.CardBackgroundColor {
  background-color: #eff8f8 !important;
}
.card-content {
  background-color: #eff8f8 !important;
}
.item-card {
  background-color: #eff8f8 !important;
}
.CardHeadingText {
  color: #22a8bf !important;
}
.CardBodyText {
  color: #202020 !important;
}
.CampaignSetupTypeCard {
  background-color: #fafbff !important;
}
.donation-detail-container {
  background-color: #eff8f8 !important;
}
.donation-summary-container .donation-summary-data {
  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;
}
.card .card-raised-amount span,
.card-content .card-raised-amount span,
.CardBackground .card-raised-amount span,
.card .card-raised-amount input,
.card-content .card-raised-amount input,
.CardBackground .card-raised-amount input,
.card .card-raised-amount label,
.card-content .card-raised-amount label,
.CardBackground .card-raised-amount label,
.card .card-raised-amount div,
.card-content .card-raised-amount div,
.CardBackground .card-raised-amount div,
.card .card-raised-amount th,
.card-content .card-raised-amount th,
.CardBackground .card-raised-amount th,
.card .card-raised-amount td,
.card-content .card-raised-amount td,
.CardBackground .card-raised-amount td {
  color: #ed6f68 !important;
}
.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;
}
.member-center-page .banner-background-diagonal {
  background: linear-gradient(110deg, #eff8f8 60%, white 60%);
}
.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: #272756 !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;
}
.SecondaryStringColor {
  color: #7f8796 !important;
}
.LoginPageBackground {
  background-color: #edf0e9 !important;
}
.campaign-management-overlay-scrolling-container2 {
  background-color: white !important;
}
/*BRANDING CLASSES END*/

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

/*COMMON START*/

.progress-bar {
  background-color: #208f1e !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;
}
.btn-flat svg path,
.blue-flat-btn svg path,
.btn-flat svg circle,
.blue-flat-btn svg circle,
.btn-flat svg rect,
.blue-flat-btn svg rect,
.btn-flat svg line,
.blue-flat-btn svg line {
  fill: #22a8bf !important;
}
span.span-with-icon::after {
  color: #080596 !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: #080596 !important;
}
.new-drag-drop svg {
  fill: white !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,
#complete-payment-page span.highlighted,
#signUpOnboarding span.highlighted,
#campaign-setup-wizard a.highlighted,
#organizationSetup a.highlighted,
#checkout-wizard a.highlighted,
#complete-payment-page a.highlighted,
#signUpOnboarding a.highlighted,
#campaign-setup-wizard label.highlighted,
#organizationSetup label.highlighted,
#checkout-wizard 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,
#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,
#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,
#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: #272756 !important;
}
#signUpOnboarding .signup-onboarding-timeline {
  color: #4aa900 !important;
}
#signUpOnboarding .signup-onboarding-timeline .signup-onboarding-timeline-item {
  border-color: #4aa900 !important;
}
#signUpOnboarding .signup-onboarding-timeline .signup-onboarding-timeline-item.current {
  background-color: #4aa900 !important;
}
#signUpOnboarding .signup-onboarding-timeline .signup-onboarding-timeline-item .signup-onboarding-timeline-step-completed {
  background-color: #ff7a1a !important;
  color: white !important;
}
#signUpOnboarding .signup-onboarding-timeline .signup-onboarding-timeline-line {
  background-color: #4aa900 !important;
}
.signUpOnboarding-colored-container {
  background-color: white !important;
}
input[type="range"].bootstrap3-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;
}
.radio-button-material input[type=radio].with-gap:checked:not(:disabled) + label:before {
  border: 5px solid #22a8bf !important;
}
.radio-button-material input[type=radio].with-gap:checked:not(:disabled) + label {
  border: 1px solid #22a8bf !important;
}
.radio-button-material input[type=radio].with-gap:not(:checked):not(:disabled) + label:before {
  border: 2px solid #7f8796 !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;
}
.paypal-card-container .card_field.braintree-hosted-fields-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: #ff7a1a !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.btn-primary.disabled,
.btn.btn-primary:hover.disabled,
.btn.btn-primary:focus.disabled,
button.btn.btn-primary.disabled,
button.btn.btn-primary:hover.disabled,
button.btn.btn-primary:focus.disabled,
a.btn.btn-primary.disabled,
a.btn.btn-primary:hover.disabled,
a.btn.btn-primary:focus.disabled,
.btn.btn-primary[disabled],
.btn.btn-primary:hover[disabled],
.btn.btn-primary:focus[disabled],
button.btn.btn-primary[disabled],
button.btn.btn-primary:hover[disabled],
button.btn.btn-primary:focus[disabled],
a.btn.btn-primary[disabled],
a.btn.btn-primary:hover[disabled],
a.btn.btn-primary:focus[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #cccccc !important;
}
.btn-gray {
  color: white !important;
}
.btn .spinner-layer {
  border-color: white !important;
}
/*primary button*/

.BtnPrimary {
  color: white !important;
  background-color: #ff7a1a !important;
}
.BtnPrimary:hover:not(.disabled) {
  background-color: #ff7a1a !important;
}
.BtnPrimary span,
.BtnPrimary div {
  color: white !important;
}
.BtnPrimary path {
  fill: white !important;
}
.BtnPrimary.disabled,
.BtnPrimary[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #cccccc !important;
}
/*secondary button*/

.edit-cart-item {
  color: #080596;
}
.BtnSecondary,
.btn-secondary.BtnSecondary {
  color: white !important;
  background-color: #080596 !important;
}
.BtnSecondary:hover:not(.disabled),
.btn-secondary.BtnSecondary:hover:not(.disabled) {
  background-color: #080596 !important;
}
.BtnSecondary span,
.btn-secondary.BtnSecondary span {
  color: white !important;
}
.BtnSecondary path,
.btn-secondary.BtnSecondary path {
  fill: white !important;
}
.BtnSecondary.disabled,
.btn-secondary.BtnSecondary.disabled,
.BtnSecondary[disabled],
.btn-secondary.BtnSecondary[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #cccccc !important;
}
.IconBtnSecondary .background {
  fill: #080596;
}
.IconBtnSecondary .text {
  fill: white;
}
.BtnSecondaryBordered {
  color: #080596 !important;
  background-color: white !important;
  border-color: #080596 !important;
}
.BtnSecondaryBordered path {
  fill: #080596 !important;
}
.BtnSecondaryBordered.active,
.BtnSecondaryBordered:hover:not(.disabled) {
  color: white !important;
  background-color: #080596 !important;
}
.BtnSecondaryBordered.active path,
.BtnSecondaryBordered:hover:not(.disabled) path {
  fill: white !important;
}
.BtnSecondaryBordered.disabled,
.BtnSecondaryBordered[disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: #cccccc !important;
  color: #cccccc !important;
}
/*popover*/

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

.modal.fade .PrimaryBrandTextColor i.material-icons {
  color: #3c3c3c;
}
.modal.fade .close-icon-svg path,
.modal.fade .close-icon-svg circle,
.modal.fade .close-icon-svg rect {
  fill: #555555 !important;
}
.modal.fade .modal-close i {
  color: #555555 !important;
}
.modal.fade .modal-body {
  color: #555555 !important;
  background-color: white !important;
  border-color: #555555 !important;
}
.modal.fade .modal-body label,
.modal.fade .modal-body input {
  color: #555555;
}
.modal.fade .modal-body .cart-item-container .cart-item-title-container p {
  color: #555555 !important;
}
.modal.fade .modal-body .cart-item-container .cart-item-quantity-controls-container .quantity-value-container span {
  color: #555555 !important;
}
.modal.fade .modal-body .cart-item-container .cart-item-price-value-container .cart-item-price-value {
  color: #7f8796 !important;
}
.modal.fade .modal-body .cart-item-close-button-container .delete-item-icon-svg path {
  fill: #555555 !important;
}
.modal.fade .modal-body .empty-cart-container p {
  color: #555555 !important;
}
.modal.fade#cart-modal-new .modal-header,
.modal.fade#cart-modal-new .modal-footer {
  background-color: white !important;
}
.modal.fade#cart-modal-new .modal-header .modal-footer-cart-actions,
.modal.fade#cart-modal-new .modal-footer .modal-footer-cart-actions {
  background-color: white !important;
}
.modal.fade#cart-modal-new .modal-header .on-page-cart_close svg path,
.modal.fade#cart-modal-new .modal-footer .on-page-cart_close svg path,
.modal.fade#cart-modal-new .modal-header .on-page-cart_close svg circle,
.modal.fade#cart-modal-new .modal-footer .on-page-cart_close svg circle,
.modal.fade#cart-modal-new .modal-header .on-page-cart_close svg rect,
.modal.fade#cart-modal-new .modal-footer .on-page-cart_close svg rect {
  fill: #555555 !important;
  stroke: #555555 !important;
}
.modal.fade#cart-modal-new .modal-body .cart-item-flat-donation-container .cart-item-image-container {
  background-color: rgba(8, 5, 150, 0.06);
}
.campaignpage-card-item-modal-template .modal-content .header button.close .close-icon-svg path,
.campaignpage-card-item-modal-template .modal-content .header button.close .close-icon-svg circle,
.campaignpage-card-item-modal-template .modal-content .header button.close .close-icon-svg rect {
  fill: #3c3c3c !important;
}
.campaignpage-arrow-svg path,
.campaignpage-arrow-svg circle,
.campaignpage-arrow-svg rect {
  fill: white !important;
}
a.close path {
  stroke: #555555 !important;
}
#attribute-selector-container .attribute-selector-dropdown .attribute-selector-content .header .close-icon-svg path {
  stroke: #555555 !important;
}
.attribute-selector-container .content .header button.close .close-icon-svg path,
.attribute-selector-container .content .header button.close .close-icon-svg circle,
.attribute-selector-container .content .header button.close .close-icon-svg rect {
  fill: #3c3c3c !important;
}
.attribute-selector-container .content .content-inner .title,
.attribute-selector-container .content .content-inner .attr-name {
  color: #3c3c3c !important;
}
.attribute-selector-container .content input {
  color: #3c3c3c !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;
}
.input-field-material input[type=text],
.input-field-material input[type=password],
.input-field-material input[type=email],
.input-field-material input[type=url],
.input-field-material input[type=time],
.input-field-material input[type=date],
.input-field-material input[type=datetime-local],
.input-field-material input[type=tel],
.input-field-material input[type=number],
.input-field-material input[type=search-md],
.input-field-material .iti {
  background-color: white !important;
}
.input-field-material input[type=text]:focus:not([readonly]),
.input-field-material input[type=password]:focus:not([readonly]),
.input-field-material input[type=email]:focus:not([readonly]),
.input-field-material input[type=url]:focus:not([readonly]),
.input-field-material input[type=time]:focus:not([readonly]),
.input-field-material input[type=date]:focus:not([readonly]),
.input-field-material input[type=datetime-local]:focus:not([readonly]),
.input-field-material input[type=tel]:focus:not([readonly]),
.input-field-material input[type=number]:focus:not([readonly]),
.input-field-material input[type=search-md]:focus:not([readonly]),
.input-field-material .iti:focus:not([readonly]) {
  border: 1.4px solid #22a8bf !important;
  box-shadow: 0 0 4px #22a8bf !important;
}
.input-field-material input[type=text]:focus:not([readonly]) + label,
.input-field-material input[type=password]:focus:not([readonly]) + label,
.input-field-material input[type=email]:focus:not([readonly]) + label,
.input-field-material input[type=url]:focus:not([readonly]) + label,
.input-field-material input[type=time]:focus:not([readonly]) + label,
.input-field-material input[type=date]:focus:not([readonly]) + label,
.input-field-material input[type=datetime-local]:focus:not([readonly]) + label,
.input-field-material input[type=tel]:focus:not([readonly]) + label,
.input-field-material input[type=number]:focus:not([readonly]) + label,
.input-field-material input[type=search-md]:focus:not([readonly]) + label,
.input-field-material .iti:focus:not([readonly]) + label {
  color: #7f8796 !important;
}
.input-field-material input[type=text] + label,
.input-field-material input[type=password] + label,
.input-field-material input[type=email] + label,
.input-field-material input[type=url] + label,
.input-field-material input[type=time] + label,
.input-field-material input[type=date] + label,
.input-field-material input[type=datetime-local] + label,
.input-field-material input[type=tel] + label,
.input-field-material input[type=number] + label,
.input-field-material input[type=search-md] + label,
.input-field-material .iti + label {
  color: #7f8796 !important;
}
.textarea-material textarea.materialize-textarea {
  background-color: white !important;
}
.textarea-material textarea.materialize-textarea:focus:not([readonly]) {
  border: 1.4px solid #22a8bf !important;
  box-shadow: 0 0 4px #22a8bf !important;
}
.create-new-item a {
  color: #22a8bf !important;
}
.submission-page h1,
.submission-page h2,
.submission-page li:before {
  color: #080596 !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: #ff7a1a !important;
}
.design-type-control .preview-image-placeholder:hover {
  background-color: #22a8bf !important;
}
.design-type-control .layout-type-name.selected {
  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*/

.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: #080596 !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: #080596 !important;
}
.my-account-dashboard-container .delimeter {
  border-color: #080596 !important;
}
/*COMMON END*/

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

/*OVERLAY START*/

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

/*CAMPAIGN PAGE START*/

.campaign-page-promotion-banner {
  background-color: #dcf3f1 !important;
}
.campaign-page-promotion-banner .referral-text {
  color: #3c3c3c !important;
}
.campaign-page-pre-registration-banner {
  background-color: #22a8bf15 !important;
}
.campaign-page-pre-registration-banner .pre-registration-text {
  color: #555555 !important;
}
.campaignpage .nav-tabs li.active a span {
  color: #22a8bf !important;
}
.campaignpage .nav-tabs li.active a .active-line {
  background-color: #22a8bf !important;
}
.campaignpage .nav-tabs li:hover a > * {
  color: #22a8bf !important;
}
.campaignpage .pagination .page-index.active {
  color: white !important;
  background-color: #080596 !important;
}
.pledges-preset-and-amount .input-group {
  color: #555555 !important;
}
/*auction item states*/

.auction-image-container .item-status-container .item-outbid {
  color: white;
  background: #e33a53;
}
.auction-image-container .item-status-container .item-win {
  color: white;
  background: #20c07d;
}
.auction-item-outbid-modal {
  border-color: #e33a53;
}
.auction-item-won-modal {
  border-color: #20c07d;
}
.auction-item-outbid {
  border-color: #e33a53;
}
.auction-item-won {
  border-color: #20c07d;
}
.flat-donation-modal-donation-choose-section .flat-donation-modal-split-buttons button.selected {
  background-color: #22a8bf !important;
}
svg.no-image .fill,
svg.img-collage-default .fill,
svg.cart-item-image-placeholder .fill {
  fill: #080596 !important;
}
.cta-no-image svg.cta-icon-container .cta-shaded-backgrounds {
  fill: #080596 !important;
  fill-opacity: 0.06;
}
.cta-no-image svg.cta-icon-container .cta-icon {
  fill: #080596 !important;
}
.cta-no-image svg.cta-icon-container g path {
  fill: #080596 !important;
  stroke: #080596 !important;
  stroke-width: 0.25;
}
.campaignpage-calltoaction-wrapper-uxr .cta-no-image svg.cta-icon-container .cta-shaded-backgrounds,
.campaignpage-calltoaction-expanded-wrapper-uxr .cta-no-image svg.cta-icon-container .cta-shaded-backgrounds {
  fill: #080596 !important;
  fill-opacity: 0.06;
}
.campaignpage-calltoaction-wrapper-uxr .cta-no-image svg.cta-icon-container .cta-icon,
.campaignpage-calltoaction-expanded-wrapper-uxr .cta-no-image svg.cta-icon-container .cta-icon {
  fill: #080596 !important;
}
.campaignpage-calltoaction-wrapper-uxr .cta-no-image svg.cta-icon-container g path,
.campaignpage-calltoaction-expanded-wrapper-uxr .cta-no-image svg.cta-icon-container g path {
  fill: #080596 !important;
  stroke: #080596 !important;
  stroke-width: 0.25;
}
svg.create-experience-icon .create-experience-icon-color {
  fill: #080596 !important;
}
.teammates-icon svg.teammates-icon-color ellipse,
.teammates-icon svg.teammates-icon-color path {
  fill: #080596 !important;
}
.add-teammates-button svg.plus-icon-color path {
  fill: #22a8bf !important;
}
.delete-icon svg.delete-icon-color path {
  fill: #7f8796 !important;
}
.faqs-section .panel-group .panel-heading .panel-title a svg.collapse-icon circle {
  fill: #ff7a1a !important;
}
.faqs-section .panel-group .panel-heading .panel-title a svg.collapse-icon path {
  fill: white !important;
}
.faqs-section .panel-group .panel-heading .panel-title a svg.expand-icon circle {
  fill: #dcf3f1 !important;
}
.faqs-section .panel-group .panel-heading .panel-title a svg.expand-icon path {
  fill: #3c3c3c !important;
}
svg.icon-container path.shaded-backgrounds {
  fill: #080596 !important;
  fill-opacity: 0.06;
}
svg.icon-container g.icon-group path {
  fill: #080596 !important;
  stroke: #080596 !important;
  stroke-width: 0.15;
}
svg.icon-container g.icon-group rect {
  stroke: #080596 !important;
}
.experience-components-navigation-content .nav-tabs-vertical li.active a {
  background-color: #eff8f8 !important;
}
.experience-components-navigation-content .nav-tabs-vertical li.active a span {
  color: #22a8bf !important;
}
.panel-default {
  border-color: #7f8796 !important;
}
.campaign-page hr {
  border-top-color: #080596 !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 .media-placeholder:not(.not-custom-branding-media-placeholder) .image-subcontainer {
  background-color: #dcf3f1 !important;
}
.campaign-page .nav-tabs li.active a {
  color: #080596 !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: #080596 !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: #080596 !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;
}
/*#region Banner*/

.design-two-banner-countdown-timer-container #clockdiv .time-value,
.design-one-banner .banner-countdown-timer-container #clockdiv .time-value,
.design-two-banner-countdown-timer-container #clockdiv .smalltext,
.design-one-banner .banner-countdown-timer-container #clockdiv .smalltext {
  color: #202020 !important;
}
.design-two-banner-countdown-timer-container #clockdiv div,
.design-one-banner .banner-countdown-timer-container #clockdiv div {
  background-color: #eff8f8 !important;
}
.carousel-indicators li.index.active {
  background-color: #dcf3f1 !important;
}
/*#endregion Banner*/

.sweepstakes-rules-view a {
  color: #22a8bf !important;
}
#campaign-athon-tab .left-column li.active .caption {
  color: #080596 !important;
}
.campaignpage .call-to-action-section a:hover > .title {
  color: #22a8bf !important;
}
.bid-placer-content .bid-placer-close i {
  color: #555555 !important;
}
.experience-page-streaming-mode-tabbed-section .experience-page-streaming-mode-tabbed-section_tabs-container {
  background-color: #eff8f8;
}
.experience-page-streaming-mode-tabbed-section .experience-page-streaming-mode-tabbed-section_tabs-container .experience-page-streaming-mode-tabbed-section_tab-button:not(.active) {
  background-color: transparent;
  color: #202020;
  border: 2px solid transparent;
}
.experience-page-streaming-mode-tabbed-section .experience-page-streaming-mode-tabbed-section_tabs-container .experience-page-streaming-mode-tabbed-section_tab-button:not(.active) .experience-page-streaming-mode-tabbed-section_tab-button-arrow {
  fill: #202020;
  stroke: #202020;
}
.experience-page-streaming-mode-tabbed-section .experience-page-streaming-mode-tabbed-section_tabs-container .experience-page-streaming-mode-tabbed-section_tab-button:not(.active):hover {
  background-color: transparent;
  color: #080596;
  border: 2px solid #080596;
}
.experience-page-streaming-mode-tabbed-section .experience-page-streaming-mode-tabbed-section_tabs-container .experience-page-streaming-mode-tabbed-section_tab-button:not(.active):hover .experience-page-streaming-mode-tabbed-section_tab-button-arrow {
  fill: #080596;
  stroke: #080596;
}
.experience-page-streaming-mode-tabbed-section .experience-page-streaming-mode-tabbed-section_tabs-container .experience-page-streaming-mode-tabbed-section_tab-button.active {
  background-color: #080596;
  color: white;
  border: 2px solid #080596;
}
.experience-page-streaming-mode-tabbed-section .experience-page-streaming-mode-tabbed-section_tabs-container .experience-page-streaming-mode-tabbed-section_tab-button.active .experience-page-streaming-mode-tabbed-section_tab-button-arrow {
  fill: white;
  stroke: white;
}
.experience-page-streaming-mode-tabbed-section .experience-page-streaming-mode-tabbed-section_tabs-container .experience-page-streaming-mode-tabbed-section_tab-button.disabled,
.experience-page-streaming-mode-tabbed-section .experience-page-streaming-mode-tabbed-section_tabs-container .experience-page-streaming-mode-tabbed-section_tab-button.disabled:hover {
  border-color: transparent;
  background-color: #f2f2f2;
  color: #bdbdbd;
  cursor: default;
}
.experience-page-streaming-mode-spotlight-tab-questions .separator {
  background: #7f8796 !important;
}
.experience-page-streaming-mode-spotlight-tab-questions .livestream-question-timer {
  color: #ff7a1a !important;
}
.experience-page-streaming-mode-spotlight-tab-questions .question-option {
  color: #080596 !important;
  border: 2px solid #080596 !important;
}
.experience-page-streaming-mode-spotlight-tab-questions .question-option:hover:not(.disabled),
.experience-page-streaming-mode-spotlight-tab-questions .question-option.selected {
  color: white !important;
  background: #080596 !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: #080596 !important;
}
.setup-timeline #swiper-visual-expander .progress-bar-right-part {
  background: linear-gradient(to right, gainsboro 50%, #080596 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: #080596 !important;
}
/*checkout page item title*/

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

.no-image:not(svg) {
  background-color: #eff8f8 !important;
}
.no-image:not(svg) .checkout-svg-icon {
  fill: #080596 !important;
}
.no-image-container {
  background-color: #eff8f8 !important;
}
.no-image-container .checkout-svg-icon {
  fill: #080596 !important;
}
/*checkout headers*/

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

.donation-detail-header {
  color: #22a8bf !important;
}
.review-content-container h1 {
  color: #080596;
}
#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 {
  color: #22a8bf !important;
}
#account-management-page-content .tabs .tab.active {
  color: #22a8bf !important;
  border-color: #22a8bf !important;
}
#account-management-page-content table.table td a {
  color: #22a8bf !important;
}
#account-management-page-content table.table td i.material-icons:hover {
  color: #22a8bf !important;
}
#account-management-page-content 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 {
  color: #22a8bf !important;
}
#account-management-page-content a.export {
  color: #22a8bf !important;
}
#account-management-page-content .pagination > .active > a {
  background-color: #22a8bf !important;
  border-color: #22a8bf !important;
}
#account-management-page-content .grid-table-switcher i.active {
  color: #080596 !important;
}
#account-management-page-content .campaigns-grid-view a.dropdown-toggle {
  color: #080596 !important;
}
#account-management-page-content .card .checkbox > label,
#account-management-page-content .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: #ff7a1a !important;
  color: white !important;
}
#campaign-setup-wizard .campaign-setup-activities:before {
  background-color: #080596 !important;
}
/*CAMPAIGN/ORGANIZATION SETUP END*/

/*SIDE NAV START*/

#main-menu #main-menu-container {
  color: #555555;
  background-color: #eff8f8 !important;
}
#main-menu #main-menu-container .main-menu-category-single-item {
  color: #555555;
}
#main-menu #main-menu-container .main-menu-category-single-item.selected,
#main-menu #main-menu-container .main-menu-category-single-item:hover {
  color: #22a8bf !important;
}
#main-menu #main-menu-container .main-menu-item-content .main-menu-title {
  color: #555555 !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: #555555 !important;
}
#main-menu #main-menu-container .main-menu-btn-switch-organizations:hover {
  color: #22a8bf !important;
}
#main-menu .organizations-list {
  background-color: #eff8f8 !important;
}
#main-menu .organizations-list li {
  background-color: #eff8f8 !important;
}
#main-menu .organizations-list li a {
  color: #555555 !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: #ff7a1a !important;
  color: white !important;
}
.donation-section-card-content .donation-amount-presets button:hover:not(.selected) {
  background-color: #ff8934 !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*/

@media (max-width: 767px) {
  #clockdiv {
    color: #22a8bf;
  }
  #clockdiv > div {
    background-color: #eff8f8;
  }
  #clockdiv .smalltext {
    color: #202020;
  }
}
@media (max-width: 767px) {
  .campaignpage .search-controls-container .search-input-container input::-webkit-input-placeholder {
    color: #555555;
  }
  .campaignpage .search-controls-container .search-input-container input:-moz-placeholder {
    color: #555555;
  }
  .campaignpage .search-controls-container .search-input-container input::-moz-placeholder {
    color: #555555;
  }
  .campaignpage .search-controls-container .search-input-container input::-ms-input-placeholder {
    color: #555555;
  }
  .campaignpage .search-controls-container .search-input-container input:hover::-webkit-input-placeholder,
  .campaignpage .search-controls-container .search-input-container input:focus::-webkit-input-placeholder {
    color: #b8c3d1 !important;
  }
  .campaignpage .search-controls-container .search-input-container input:hover:-moz-placeholder,
  .campaignpage .search-controls-container .search-input-container input:focus:-moz-placeholder {
    color: #b8c3d1 !important;
  }
  .campaignpage .search-controls-container .search-input-container input:hover::-moz-placeholder,
  .campaignpage .search-controls-container .search-input-container input:focus::-moz-placeholder {
    color: #b8c3d1 !important;
  }
  .campaignpage .search-controls-container .search-input-container input:hover::-ms-input-placeholder,
  .campaignpage .search-controls-container .search-input-container input:focus::-ms-input-placeholder {
    color: #b8c3d1 !important;
  }
}
.campaignpage .campaign-tab-categories a {
  color: #555555;
}
.campaignpage .campaign-tab-categories a:hover {
  color: #22a8bf;
}
.campaignpage .campaign-tab-categories.dropdown svg path {
  fill: #555555 !important;
}
.campaignpage .campaign-tab-tabs-content .campaign-tab-tab-container.active {
  border-bottom: 4px solid #22a8bf;
}
.stream-manager-container .stream-manager-additional-actions-container svg {
  fill: #22a8bf !important;
}
.stream-manager-container .action-card:hover {
  background-color: #dcf3f1 !important;
}
.stream-manager-container .action-card:hover * {
  color: #3c3c3c !important;
}
.stream-manager-container .action-card:hover * path,
.stream-manager-container .action-card:hover * circle,
.stream-manager-container .action-card:hover * rect,
.stream-manager-container .action-card:hover * line {
  fill: #3c3c3c !important;
}
.stream-manager-container .divider {
  background-color: #7f8796 !important;
}
#on-page-checkout-slideout .modal-header {
  color: #555555 !important;
  background-color: white !important;
}
#on-page-checkout-slideout .modal-header .on-page-checkout-timeline .progress-bar {
  background-color: #080596 !important;
}
#on-page-checkout-slideout .modal-header .on-page-checkout-timeline .on-page-checkout-timeline_step .on-page-checkout-timeline_completed-step-icon-svg {
  fill: white;
  stroke: white;
}
#on-page-checkout-slideout .modal-header .on-page-checkout-timeline .on-page-checkout-timeline_step .on-page-checkout-timeline_step-active-icon {
  background-color: white;
}
#on-page-checkout-slideout .bonus-entry-dropdown .select-tip .aex-dropdown-input {
  color: #080596;
}
#on-page-checkout-slideout .on-page-checkout-slideout_close-svg path {
  stroke: #555555;
}
#on-page-checkout-slideout .on-page-checkout-collapsible-subsection_toggle .on-page-checkout-collapsible-subsection_arrow-svg path {
  fill: #080596;
}
#on-page-checkout-slideout .on-page-checkout-collapsible-subsection_status-label {
  color: #7f8796;
}
#on-page-checkout-slideout .separator {
  background-color: #7f8796 !important;
}
#on-page-checkout-slideout .stripe-elements .StripeElement.is-focused {
  border-color: #22a8bf !important;
  color: #22a8bf !important;
}
#on-page-checkout-slideout .paypal-card-container .card_field.braintree-hosted-fields-focused,
#on-page-checkout-slideout .paypal-card-container .card_field.zip:focus-within {
  border-color: #22a8bf !important;
  color: #22a8bf !important;
}
#on-page-checkout-slideout .on-page-checkout-leave-comment-section textarea:focus:not([readonly]) {
  border-color: #22a8bf !important;
}
#campaign-pre-registration-slideout .modal-header {
  color: #555555 !important;
  background-color: white !important;
}
#campaign-pre-registration-slideout .modal-header .campaign-pre-registration-timeline .progress-bar {
  background-color: #080596 !important;
}
#campaign-pre-registration-slideout .modal-header .campaign-pre-registration-timeline .campaign-pre-registration-timeline_step .campaign-pre-registration-timeline_completed-step-icon-svg {
  fill: white;
  stroke: white;
}
#campaign-pre-registration-slideout .modal-header .campaign-pre-registration-timeline .campaign-pre-registration-timeline_step .campaign-pre-registration-timeline_step-active-icon {
  background-color: white;
}
#campaign-pre-registration-slideout .aex-dropdown-input {
  color: #080596;
}
#campaign-pre-registration-slideout .campaign-pre-registration-slideout_close-svg path {
  stroke: #555555;
}
#campaign-pre-registration-slideout .stripe-elements .StripeElement.is-focused {
  border-color: #22a8bf !important;
  color: #22a8bf !important;
}
#campaign-pre-registration-slideout .paypal-card-container .card_field.braintree-hosted-fields-focused,
#campaign-pre-registration-slideout .paypal-card-container .card_field.zip:focus-within {
  border-color: #22a8bf !important;
  color: #22a8bf !important;
}