/* --------------------------------------------------------
//  DOC CSS
// ------------------------------------------------------*/

/* GLOBAL VARIABLES */
:root {
    --tooltip-background-color: #00303C;
    --tooltip-color: #fff;
    --doc-primary: #E16A2D;
    --doc-secondary: #72D0EB;
    --doc-tertiary: #00303C;
    --doc-quaternary: #7D9AAA;
    --doc-font-family: 'Open Sans';

    /* bootstrap overrides */
    --bs-primary-rgb: 225, 106, 45;
    --bs-secondary-rgb: 114, 208, 235;
    --bs-tertiary-rgb: 0, 48, 60;
    --bs-quaternary: 125, 154, 170;
}

/* BOOTSTRAP OVERRIDES */

.btn:disabled {
    background-color: #E16A2D75 !important;
    border-color: #E16A2D75 !important;
}

.btn-outline-primary {
    color: var(--doc-tertiary) !important;
    border-color: var(--doc-primary) !important;
    font-family: var(--doc-font-family) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.btn-outline-primary:hover, 
.btn-outline-primary:active, .btn-outline-primary.active 
.btn-outline-primary:active:hover, .btn-outline-primary:active:focus
.btn-outline-primary:active.focus, .btn-outline-primary.active:hover,
.btn-outline-primary.active:focus, .btn-outline-primary.active.focus,
.btn-outline-primary:focus, .btn-outline-primary.focus {
    color: #ffffff !important;
    background-color: var(--doc-secondary) !important;
    border-color: var(--doc-secondary) !important;
}

.btn-outline-secondary {
    color: var(--doc-tertiary) !important;
    border-color: var(--doc-secondary) !important;
    font-family: var(--doc-font-family) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.btn-outline-secondary:hover, 
.btn-outline-secondary:active, .btn-outline-secondary.active 
.btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus
.btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover,
.btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus,
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    color: #ffffff !important;
    background-color: #fa8d29 !important;
    border-color: #fa8d29 !important;
}

.progress-bar {
    font-family: var(--doc-font-family) !important;
}

.progress-bar-primary {
    background-color: var(--doc-primary) !important;
}

.progress-bar-success {
    background-color: #4A7C68 !important;
}

.dropdown-item:active {
    background-color: var(--doc-primary) !important;
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.custom-list {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    color: var(--doc-tertiary);
}

.px-1-75 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
}

/* When offcanvas is active, push the buttons to the bottom (mobile-only) */
#offcanvasNavbar2>div.offcanvas-body>div {
    margin-top: auto !important;
    margin-bottom: 24px;
}

/* CAROUSEL */
/* .carousel {
    margin-bottom: 4rem;
} */

.carousel.pointer-event {
    touch-action: pan-y;
}

.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

/* CRM FORM */

.launchentitylookup, .clearlookupfield, input.lookup  {
    display: none !important;
}

/* #spinner .text-primary {
    border: #E16A2D !important;
} */

#mainFormContent {
    display: none;
}

.tab-title,
.conditional:not(div[data-gjs-type="default"] .conditional),
fieldset[aria-label='Hidden']:not(div[data-gjs-type="default"] fieldset[aria-label='Hidden']) {
    display: none;
}

/* hide date picker add-on */
.input-group-addon {
    display: none;
}

html[dir=ltr] .crmEntityFormView .cell .field-label {
    float: none !important;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
    border: none !important;
}

.crmEntityFormView fieldset {
    margin-bottom: 0 !important;
}


.crmEntityFormView div.description.below {
    color: var(--doc-quaternary) !important;
}

td.cell.checkbox {
    padding: 0 28px !important;
}

input.form-control {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
}

.form-control::placeholder {
    color: #6c757d !important;
    opacity: 1 !important;
}

.form-check-input:checked {
    background-color: var(--doc-tertiary) !important;
    border-color: var(--doc-tertiary) !important;
}

span.picklist.horizontal label {
    margin-right: 1rem !important;
}

span.picklist.vertical label {
    display: inline !important;
}

div.info {
    padding-bottom: 0 !important;
}

.crmEntityFormView .actions {
    border-top: none !important;
}

.validation-summary a {
    color: var(--bs-danger-text-emphasis) !important;
    margin-left: .5rem !important;
}

.validation-summary li {
    border-left: .25rem solid var(--bs-danger-text-emphasis) !important;
    margin-bottom: 0.25rem !important;
}

.crmEntityFormView .validation-summary h2 {
    margin: inherit !important;
}

h2.validation-header>span[role="presentation"] {
    display: none !important;
}

.write-in .info .validators {
    display: none !important;
}

.write-in .info {
    margin-top: .25rem !important;
}

p a, .alert a, label a {
    font-size: inherit !important;
}

/* ACCORDION */

.accordion-button:not(.collapsed) {
    background-color: var(--doc-quaternary) !important;
    color: #fff !important;
}

.accordion-button.collapsed:hover {
    background-color: var(--doc-secondary) !important
}

/* GO TO TOP button*/
#go-to-top {
    background-color: var(--doc-primary) !important;
}

#go-to-top:hover {
    filter: brightness(85%) !important;
}

/* TOOLTIP */
.tooltip .tooltip-inner {
    background-color: var(--tooltip-background-color) !important;
    color: var(--tooltip-color) !important;
    /* Optional: ensures text is readable */
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--tooltip-background-color) !important;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--tooltip-background-color) !important;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--tooltip-background-color) !important;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--tooltip-background-color) !important;
}

/* ALERTS */
.alert-text {
    font-size: var(--bs-body-font-size) !important;
    font-family: var(--doc-font-family) !important;
}

.alert-info {
    --bs-alert-bg: #72D0EB50;
    --bs-alert-color: var(--doc-tertiary);
    --bs-alert-border-color: #72D0EB50;
}

.alert-warning {
    --bs-alert-bg: #fa8d2950;
    --bs-alert-color: var(--doc-tertiary);
    --bs-alert-border-color: #fa8d2950;
}

/* CALLOUTS */
.bd-callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: var(--bd-callout-color, inherit);
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.bd-callout>:last-child {
    margin-bottom: 0;
}

.bd-callout-info {
    --bd-callout-color: var(--bs-info-text-emphasis);
    --bd-callout-bg: #72D0EB50;
    --bd-callout-border: var(--doc-secondary);
}

.bd-callout-warning {
    --bd-callout-color: var(--bs-warning-text-emphasis);
    --bd-callout-bg: #fa8d2950;
    --bd-callout-border: #fa8d29;
}

.bd-callout-danger {
    --bd-callout-color: var(--bs-danger-text-emphasis);
    --bd-callout-bg: var(--bs-danger-bg-subtle);
    --bd-callout-border: var(--bs-danger-border-subtle);
}

.bd-callout p {
    font-size: var(--bs-body-font-size) !important;
}

/* BADGES */
.badge {
    min-width: initial !important;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x) !important;
    font-size: var(--bs-badge-font-size) !important;
}

/* TIMELINE */
.timeline {
    border-left: 1px solid hsl(0, 0%, 90%);
    position: relative;
    list-style: none;
}

.timeline .timeline-item {
    position: relative;
}

.timeline .timeline-item:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .timeline-item:after {
    background-color: hsl(0, 0%, 90%);
    left: -38px;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
}

/* BREADCRUMB */
.breadcrumb-chevron {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    gap: .5rem;
}

.breadcrumb-chevron .breadcrumb-item {
    display: flex;
    gap: inherit;
    align-items: center;
    padding-left: 0;
    line-height: 1;
}

.breadcrumb-chevron .breadcrumb-item::before {
    gap: inherit;
    float: none;
    width: 1rem;
    height: 1rem;
}

.breadcrumb-custom .breadcrumb-item {
    position: relative;
    flex-grow: 1;
    padding: .75rem 3rem;
}

.breadcrumb-custom .breadcrumb-item::before {
    display: none;
}

.breadcrumb-custom .breadcrumb-item::after {
    position: absolute;
    top: 50%;
    right: -25px;
    z-index: 1;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    content: "";
    background-color: var(--bs-tertiary-bg);
    border-top-right-radius: .5rem;
    box-shadow: 1px -1px var(--bs-border-color);
    transform: scale(.707) rotate(45deg);
}

.breadcrumb-custom .breadcrumb-item:first-child {
    padding-left: 1.5rem;
}

.breadcrumb-custom .breadcrumb-item:last-child {
    padding-right: 1.5rem;
}

.breadcrumb-custom .breadcrumb-item:last-child::after {
    display: none;
}

/* STEPPER */

.stepper {
    display: flex !important;
    flex-wrap: nowrap !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    /* Firefox */
    -ms-overflow-style: none !important;
    /* IE 10+ */
    height: 5rem !important;
}

.stepper:hover {
    overflow: auto !important;
}

.stepper a {
    text-decoration: none !important;
    min-width: 8rem !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    border: 0 !important;
    height: 4rem !important;
}

/* scrollbar behavior */
.stepper::-webkit-scrollbar {
    display: none !important;
    /* Chrome, Safari, Opera */
}

.stepper:hover {
    scrollbar-width: thin !important;
    /* Firefox */
    -ms-overflow-style: auto !important;
    /* IE 10+ */
}

.stepper:hover::-webkit-scrollbar {
    display: block !important;
    height: 0.5rem !important;
}

.stepper:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-radius: 0.25rem !important;
}


.step {
    flex-shrink: 0 !important;
}

.step a {
    width: 100% !important;
    justify-content: center !important;
}

.step:not(:last-child) a::after {
    flex: 1 !important;
    height: 1px !important;
    width: 2rem !important;
    content: "" !important;
    background-color: var(--bs-secondary) !important;
    margin-left: 0.25rem !important;
}

.step:not(:first-child) a::before {
    flex: 1 !important;
    height: 1px !important;
    width: 2rem !important;
    content: "" !important;
    background-color: var(--bs-secondary) !important;
    margin-right: 0.25rem !important;
}

.step:not(:last-child) a.active::after, .step:not(:last-child) a:hover::after, 
.step:not(:first-child) a.active::before, .step:not(:first-child) a:hover::before {
    visibility: hidden !important;
}


.step:first-child .step-icon {
    margin-left: 1rem !important;
}

.step:last-child a {
    margin-right: 0.25rem !important;
}

.step:last-child .step-text {
    padding-right: 1rem !important;
}

.step-icon {
    font-size: 1.25rem !important;
    padding: 0.25rem 0.25rem 0.25rem 0 !important;
}

.step-status {
    margin-left: 0.25rem !important;
}

.step .btn-outline-primary, .list-group-item-primary {
    color: var(--doc-tertiary) !important;
    font-family: var(--doc-font-family) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.step .btn-outline-primary:hover, 
.step .btn-outline-primary:active, .step .btn-outline-primary.active 
.step .btn-outline-primary:active:hover, .step .btn-outline-primary:active:focus
.step .btn-outline-primary:active.focus, .step .btn-outline-primary.active:hover,
.step .btn-outline-primary.active:focus, .step .btn-outline-primary.active.focus,
.step .btn-outline-primary:focus, .step .btn-outline-primary.focus,
.step .btn-outline-primary.btn.active,
.list-group-item-primary.active {
    color: #ffffff !important;
    background-color: var(--doc-tertiary) !important;
}

.step .btn-outline-success, .list-group-item-success {
    color: #4A7C68 !important;
    font-family: var(--doc-font-family) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.step .btn-outline-success:hover, 
.step .btn-outline-success:active, .step .btn-outline-success.active 
.step .btn-outline-success:active:hover, .step .btn-outline-success:active:focus
.step .btn-outline-success:active.focus, .step .btn-outline-success.active:hover,
.step .btn-outline-success.active:focus, .step .btn-outline-success.active.focus,
.step .btn-outline-success:focus, .step .btn-outline-success.focus,
.step .btn-outline-success.btn.active,
.list-group-item-success.active {
    color: #ffffff !important;
    background-color: #4A7C68 !important;
}

/* TOM SELECT */

.ts-control {
    border-radius: var(--bs-border-radius) !important;
}

.ts-control input[type=text] {
    width: 0 !important;
}

.ts-control .custom-arrow-drop {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>") !important;
	height: 12px !important;
    width: 12px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
    right: 14px !important;
}

/* FLATPICKR */
.flatpickr-input {
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important;
}

.datetimepicker .text-muted {
    display: none !important;
}

/* Multiselect  */
.msos-caret-button {
	margin-right: .75rem !important;
}

.control .msos-container {
	--bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
	display: block;
	width: 100%;
	padding: .375rem 2.25rem .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg);
	background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.msos-glyph:not(button.msos-quick-delete > .msos-glyph) {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>") !important;
	height: 12px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.msos-open .msos-caret-button .msos-glyph:after, .msos-caret-button .msos-glyph:after {
	content: "" !important;
}

.msos-selecteditems-container, .msos-active.msos-none-selected:not(.msos-disabled) .msos-inner-container:not(.msos-fullscreen), .msos-focused:not(.msos-disabled) .msos-inner-container:not(.msos-fullscreen), .msos-none-selected:not(.msos-disabled) .msos-inner-container:not(.msos-fullscreen) {
	padding-top: .25rem !important;
	padding-bottom: .25rem !important;
}


li.msos-selected-display-item,
.msos-selected-display-item .msos-quick-delete,
.msos-selected-display-item.msos-visible,
.msos-selected-display-item.msos-visible .msos-quick-delete {
	border-radius: var(--bs-border-radius-pill) !important;
	background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
	color: #fff !important;
}

.msos-selected-display-item.msos-visible.msos-quick-delete:hover {
	background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.msos-caret-container {
	all: unset !important;
}

.msos-label.msos-selectall.msos-option .msos-label,
.msos-option-selected .msos-label {
	background-color: color-mix(in lab, currentcolor 10%, transparent) !important;
}

.msos-label.msos-selectall.msos-option .msos-label,
.msos-label:hover {
	background-color: color-mix(in lab, currentcolor 30%, transparent) !important;
}

.msos-label.msos-selectall.msos-option .msos-checkbox:checked+.msos-label-text:before, 
.msos-option.msos-option-selected .msos-label .msos-checkbox:checked+.msos-label-text:before {
	content: "\200b" !important;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/></svg>') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	padding: 0 15px 0 15px !important;
}

/* used id selector to give higher precedence */
.msos-container:not(.msos-disabled), [id*="PcfControl"] .msos-container:not(.msos-disabled).msos-active {
	border: var(--bs-border-width) solid var(--bs-border-color) !important;
}

.msos-container:not(.msos-disabled).msos-focused {
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
}

/* desktop */
@media (min-width: 768px) {
    label.section-title {
        padding-left: 1.75rem;
    }

    .crmEntityFormView .actions {
        padding: 0 0 0 1.75rem;
    }

    .bd-callout, .accordion {
        margin-left: 1.75rem;
        margin-right: 1.75rem;
    }

    .form-custom-actions {
        margin-left: 1rem !important;
    }

    #go-to-top {
        right: 5% !important;
    }

    .carousel-item {
        height: 32rem;
    }
}

/* mobile */
@media (max-width: 767.98px) {

    #InsertButton,
    input.submit-btn,
    #submit-redeem-invitation {
        width: 100% !important;
    }

    .form-custom-actions {
        margin: 0 !important;
    }

    .form-custom-actions>div:first-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .crmEntityFormView .cell {
        margin-bottom: 2rem;
        max-width: 100% !important;
        width: auto !important;
    }

    .mobile-static {
        position: static !important;
    }

    #go-to-top {
        right: 1% !important;
        --bs-btn-padding-y: 0.25rem;
        --bs-btn-padding-x: 0.5rem;
        --bs-btn-font-size: 0.875rem;
        --bs-btn-border-radius: var(--bs-border-radius-sm);
    }

    .step-text {
        display: none !important;
    }
}

/* MISCELLANEOUS */

.firefox-only {
    display: none;
}

@-moz-document url-prefix() {
    .firefox-only {
        display: block;
    }
}

#firefox-warning {
    background-color: var(--portalThemeColor2);
    color: var(--portalThemeColor7);
    font-size: 14px;
    padding: 5px 25px;
}

/* common block used by the Design studio - sometimes gets randomly added to pages from syncing */
div.row.sectionBlockLayout {
    display: none !important;
}

.pva-floating-style.pva-container {
    display: none !important;
}

button.navbar-toggler {
    margin-right: 0 !important;
    margin-top: 0 !important;
}

/* Changes to counter-act preform bundle */

a:hover,
a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
a:not(.btn):hover {
    text-decoration: none !important;
}

/* html[dir=ltr] li a {
    margin-left: 0 !important;
} */

label {
    font-weight: inherit !important;
}

.dropdown-menu>li>a:hover {
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x) !important;
}

.btn-close {
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat !important;
    font-size: inherit !important;
}

.accordion-header {
    margin-top: 0px !important;
}

ul.nav.nav-tabs {
    border-bottom: 0px !important;
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg) !important;
}

input#btnCloseMessage {
    padding-top: inherit !important;
}