:root {
	--mdc-theme-primary: #F58220;
	--mdc-theme-secondary: #4285F4;
	--mdc-theme-surface: #e9f1fe;
}

#fd_drawer_permanent .mdc-drawer__header {
	background-color: #F58220;
	background-color: var(--mdc-theme-primary, #F58220);
}

#fd_drawer_permanent .mdc-drawer__header .app-logo,
#fd_drawer_permanent .mdc-drawer__header .mdc-drawer__title,
#fd_drawer_permanent .mdc-drawer__header .mdc-drawer__subtitle {
	color: #fff;
	color: var(--mdc-theme-on-primary, #fff);
}

.fd-user-name {
	color: rgba(0,0,0,.87);
	color: var(--mdc-theme-text-primary-on-light, rgba(0,0,0,.87));
}

.fd-user-email, .fd-user-company, .fd-user-id, .fd-account-rep, .fd-designer {
	color: rgba(0,0,0,.54);
	color: var(--mdc-theme-text-secondary-on-light, rgba(0,0,0,.54));
}

.fd-drawer .mdc-drawer__content h3 a {
	color: rgba(0,0,0,.54);
	color: var(--mdc-theme-text-secondary-on-light, rgba(0,0,0,.54));
}

.fd-drawer .mdc-drawer__content h3 a:hover {
	color: rgba(0,0,0,.87);
	color: var(--mdc-theme-text-primary-on-light, rgba(0,0,0,.87));
}

.fd-user-profile-menu a.mdc-list-item--selected,
.fd-user-profile-menu a.mdc-list-item--activated,
.fd-user-profile-menu a.mdc-list-item--selected .mdc-list-item__graphic,
.fd-user-profile-menu a.mdc-list-item--activated .mdc-list-item__graphic {
	color: #F58220;
	color: var(--mdc-theme-primary, #F58220);
}

#fd_fab .mdc-fab {
	background: #e9f1fe;
	background: var(--mdc-theme-surface, #e9f1fe);
}

/**
 * Select2 Material Theme
 */
.select2-container--material {
	caret-color: #F58220;
	caret-color: var(--mdc-theme-primary, #F58220);
}

.select2-container--material .select2-selection {
	color: rgba(0,0,0,.87);
	color: var(--mdc-theme-text-primary-on-light, rgba(0,0,0,.87));
}

.select2-container--material .select2-selection--multiple .select2-selection__choice {
	background-color: #dedede;
	color: rgba(0, 0, 0, 0.87);
	color: var(--mdc-theme-text-primary-on-light, rgba(0,0,0,.87));
}

.select2-container--material .select2-selection:hover {
	border-bottom-color: rgba(0,0,0,.87);
	border-bottom-color: var(--mdc-theme-text-primary-on-light, rgba(0,0,0,.87));
}

.select2-container--material .select2-dropdown .select2-search__field:focus {
	border-bottom: #F58220;
	border-bottom: 1px solid var(--mdc-theme-primary, #F58220);
	box-shadow: 0 1px 0 0 #F58220;
	box-shadow: 0 1px 0 0 var(--mdc-theme-primary, #F58220);
}

.select2-container--material .select2-results__option {
	color: rgba(0, 0, 0, 0.87);
	color: var(--mdc-theme-text-primary-on-light, rgba(0,0,0,.87));
}

.select2-container--material .select2-results__option[aria-selected="true"] {
	color: #F58220;
	color: var(--mdc-theme-primary, #F58220);
	background-color: #eee;
}

.select2-container--material .select2-results__option--highlighted[aria-selected="true"] {
	background-color: #ddd;
}

.mdc-select:not(.mdc-select--disabled) .select2-container--material.select2-container--focus ~ .mdc-floating-label,
.mdc-select:not(.mdc-select--disabled) .select2-container--material.select2-container--open ~ .mdc-floating-label {
	color: #F58220;
	color: var(--mdc-theme-primary, #F58220);
}

.mdc-select.mdc-select--outlined:not(.mdc-select--disabled) .select2-container--material.select2-container--focus ~ .mdc-notched-outline .mdc-notched-outline__path,
.mdc-select.mdc-select--outlined:not(.mdc-select--disabled) .select2-container--material.select2-container--open ~ .mdc-notched-outline .mdc-notched-outline__path {
	stroke: #F58220;
	stroke: var(--mdc-theme-primary, #F58220);
}
/**
 * End Select2 Material Theme
 */

.abIndicator {
	color: #FFF !important;
	color: var(--mdc-theme-on-secondary, #FFF);
	background-color: #4285F4;
	background-color: var(--mdc-theme-secondary, #4285F4);
}

.ab-winner-indicator {
	color: #FFF !important;
	background-color: #0f9d58;
}

.issueReport .subjectContainer .value span.preheader {
	color: #FFF !important;
	color: var(--mdc-theme-on-secondary, #FFF);
	background-color: #4285F4;
	background-color: var(--mdc-theme-secondary, #4285F4);
}

.templateCard .templateEditorType {
	background: #F58220;
	background: var(--mdc-theme-primary, #F58220);
}

.ui-tabs .ui-tabs-nav li.ui-state-active .ui-tabs-anchor,
.mdc-snackbar__action {
	color: #F58220;
	color: var(--mdc-theme-primary, #F58220);
}

.ui-datepicker td a.ui-state-highlight {
	background-color:transparent;
	color: #F58220;
	color: var(--mdc-theme-primary, #F58220);
}

.ui-progressbar-value,
.ui-tabs .ui-tabs-nav li:before,
.ui-tabs .ui-tabs-nav li.ui-state-active:after,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover,
.ui-datepicker td a.ui-state-active {
	background-color: #F58220;
	background-color: var(--mdc-theme-primary, #F58220);
}

.ui-datepicker td a.ui-state-active {
	color: #fff;
}

.ui-datepicker td a:hover {
	background-color: rgba(0, 0, 0, 0.08);
	color: #000;
}

.ui-datepicker th {
	color: rgba(0, 0, 0, 0.38);
}

.MuiStepIcon-root.MuiStepIcon-active {
	color: #4285F4;
	color: var(--mdc-theme-secondary, #4285F4);
}

label.error,
.error_icon,
.MuiStep:first-child .MuiStepIcon-root.MuiStepIcon-completed {
	color: #ea4335;
}

.warning_icon {
	color: #fabb04;
}

.success_icon,
.MuiStepIcon-root.MuiStepIcon-completed {
	color: #0f9d58;
}

div.strong .iWeak, div.strong .iMedium, div.strong .iStrong {
	background: #0f9d58;
	color: #0f9d58;
}

div.medium .iWeak, div.medium .iMedium {
	background: #fabb04;
	color: #fabb04;
}

div.weak .iWeak {
	background: #ea4335;
	color: #ea4335;
}

div.strong .iStrong, div.medium .iMedium, div.weak .iWeak {
	color: #fff;
}

.promo-banner {
    margin-left: 3px;
    margin-top: 10px;
    text-align: center;
}

.promo-banner-image {
   width: 75%;   
}