/* AMWC main colour. Loaded after the shared and standalone screen styles. */
:root {
    --amwc-main: #69b7b7;
    --amwc-hover: #58a6a6;
    --amwc-active: #489595;
    --amwc-ink: #123737;
    --amwc-link: #287171;
    --amwc-soft: #edf7f7;
    --amwc-soft-hover: #e1f1f1;
    --amwc-border: #a4cdcd;
    --amwc-focus: #469090;
    --bs-primary: var(--amwc-main);
    --bs-primary-rgb: 105, 183, 183;
    --bs-link-color: var(--amwc-link);
    --bs-link-hover-color: var(--amwc-ink);
}
body.visitor-portal { --portal-blue: var(--amwc-link); }

/* Login actions match the rectangular buttons in the visitor and admin portals. */
html body .login-page-wrapper .btn,
html body .mobile-login-wrapper .btn,
html body .login-page-wrapper .conference-home-link,
html body .mobile-login-wrapper .conference-home-link {
    border-radius: 8px !important;
}
html body .login-page-wrapper .conference-home-link,
html body .mobile-login-wrapper .conference-home-link {
    color: var(--amwc-link) !important;
    background-color: var(--amwc-soft) !important;
    border: 1px solid var(--amwc-main) !important;
    gap: 5px;
    text-decoration: none;
    transition: background-color .15s, border-color .15s, color .15s;
}
html body .login-page-wrapper .conference-home-link:hover,
html body .mobile-login-wrapper .conference-home-link:hover {
    color: var(--amwc-ink) !important;
    background-color: var(--amwc-soft-hover) !important;
    border-color: var(--amwc-hover) !important;
    text-decoration: none;
}
html body .login-page-wrapper .conference-home-link:focus-visible,
html body .mobile-login-wrapper .conference-home-link:focus-visible {
    outline: 2px solid var(--amwc-focus);
    outline-offset: 3px;
}
html body .login-page-wrapper .conference-home-link svg,
html body .mobile-login-wrapper .conference-home-link svg {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 0;
    color: inherit;
}
html body .mobile-login-wrapper .conference-home-link svg [fill] {
    fill: currentColor !important;
}

/* Both Bootstrap versions and the legacy screens use these button classes. */
html body .btn-primary, html body .btn-secondary, html body .btn-info, html body .btn-blue, html body .btn-navy,
html body .portal-btn-primary, html body .btn-admin--primary,
html body .document-toolbar .primary, html body .letter-actions .primary,
html body .payment-summary button, html body .payment-result button, html body .payment-result a,
html body .swal2-styled.swal2-confirm,
html body .content.plus-page .btn-view, html body .content.plus-page .btn-registration-form {
    --bs-btn-color: var(--amwc-ink);
    --bs-btn-bg: var(--amwc-main);
    --bs-btn-border-color: var(--amwc-main);
    --bs-btn-hover-color: var(--amwc-ink);
    --bs-btn-hover-bg: var(--amwc-hover);
    --bs-btn-hover-border-color: var(--amwc-hover);
    --bs-btn-active-color: var(--amwc-ink);
    --bs-btn-active-bg: var(--amwc-active);
    --bs-btn-active-border-color: var(--amwc-active);
    --bs-btn-disabled-color: var(--amwc-ink);
    --bs-btn-disabled-bg: var(--amwc-main);
    --bs-btn-disabled-border-color: var(--amwc-main);
    --bs-btn-focus-shadow-rgb: 105, 183, 183;
    background-color: var(--amwc-main) !important;
    border-color: var(--amwc-main) !important;
    color: var(--amwc-ink) !important;
}
html body .btn-primary:hover, html body .btn-secondary:hover, html body .btn-info:hover, html body .btn-blue:hover, html body .btn-navy:hover,
html body .portal-btn-primary:hover, html body .btn-admin--primary:hover,
html body .document-toolbar .primary:hover, html body .letter-actions .primary:hover,
html body .payment-summary button:hover, html body .payment-result button:hover, html body .payment-result a:hover,
html body .swal2-styled.swal2-confirm:hover,
html body .content.plus-page .btn-view:hover, html body .content.plus-page .btn-registration-form:hover {
    background-color: var(--amwc-hover) !important;
    border-color: var(--amwc-hover) !important;
    color: var(--amwc-ink) !important;
}
html body .btn-primary:active, html body .btn-secondary:active, html body .btn-info:active, html body .portal-btn-primary:active,
html body .btn-primary.active, html body .show > .btn-primary.dropdown-toggle {
    background-color: var(--amwc-active) !important;
    border-color: var(--amwc-active) !important;
    color: var(--amwc-ink) !important;
}
html body .btn-primary:disabled, html body .btn-primary.disabled,
html body .portal-btn-primary:disabled, html body .btn-admin--primary:disabled {
    background-color: var(--amwc-main) !important;
    border-color: var(--amwc-main) !important;
    color: var(--amwc-ink) !important;
    opacity: .55;
}
html body .btn-outline-primary, html body .btn-outline-secondary, html body .btn-outline-dark,
html body .portal-btn-outline, html body .document-toolbar button:not(.primary), html body .document-toolbar a,
html body .letter-actions button:not(.primary), html body .letter-actions a,
html body .id-check-btn, html body .btn-template-download, html body .btn-browse {
    --bs-btn-color: var(--amwc-link);
    --bs-btn-border-color: var(--amwc-main);
    --bs-btn-hover-color: var(--amwc-ink);
    --bs-btn-hover-bg: var(--amwc-soft);
    --bs-btn-hover-border-color: var(--amwc-main);
    --bs-btn-active-color: var(--amwc-ink);
    --bs-btn-active-bg: var(--amwc-soft-hover);
    --bs-btn-active-border-color: var(--amwc-main);
    color: var(--amwc-link) !important;
    background-color: #fff !important;
    border-color: var(--amwc-main) !important;
}
html body .btn-outline-primary:hover, html body .btn-outline-secondary:hover, html body .btn-outline-dark:hover,
html body .portal-btn-outline:hover, html body .document-toolbar button:not(.primary):hover,
html body .letter-actions button:not(.primary):hover, html body .letter-actions a:hover,
html body .id-check-btn:hover, html body .btn-template-download:hover, html body .btn-browse:hover {
    color: var(--amwc-ink) !important;
    background-color: var(--amwc-soft) !important;
    border-color: var(--amwc-hover) !important;
}
html body .portal-btn:not(.portal-btn-primary) { color: var(--amwc-link); }
html body .btn-primary i, html body .btn-secondary i, html body .btn-outline-dark i, html body .btn-primary .btn-text { color: inherit !important; }
html body .btn-primary:focus, html body .btn-outline-primary:focus, html body .swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(105,183,183,.35) !important;
}
html body button:focus-visible, html body a:focus-visible, html body input:focus-visible,
html body select:focus-visible, html body summary:focus-visible { outline-color: var(--amwc-focus); }

/* Payment actions stand out from completed registrations and other primary actions. */
html body .registration-pay-now {
    --bs-btn-color: #5e4500;
    --bs-btn-bg: #ffe08a;
    --bs-btn-border-color: #efd075;
    --bs-btn-hover-color: #5e4500;
    --bs-btn-hover-bg: #ffd66e;
    --bs-btn-hover-border-color: #e9bd4e;
    --bs-btn-active-color: #5e4500;
    --bs-btn-active-bg: #ffcf52;
    --bs-btn-active-border-color: #e0b03a;
    background-color: #ffe08a !important;
    border-color: #efd075 !important;
    color: #5e4500 !important;
}
html body .registration-pay-now:hover {
    background-color: #ffd66e !important;
    border-color: #e9bd4e !important;
}
html body .registration-pay-now:active {
    background-color: #ffcf52 !important;
    border-color: #e0b03a !important;
}
html body .registration-pay-now:focus-visible {
    outline: 2px solid #b07d00;
    outline-offset: 3px;
    box-shadow: 0 0 0 3px rgba(255, 224, 138, .4) !important;
}

/* Links, selected navigation, form controls and legacy participant screens. */
html body .text-primary, html body .btn-link, html body .nav__menu-link, html body .home-link,
html body .form__title, html body .content .form__title, html body .login-form .btn-link,
html body .letter-history a { color: var(--amwc-link) !important; }
html body .nav-container { background: var(--amwc-main); }
html body .nav-container .nav-link { color: var(--amwc-ink); }
html body .nav-tabs .nav-link.active { color: var(--amwc-link); border-bottom-color: var(--amwc-main); }
html body .nav-pills .nav-link.active, html body .nav-pills .show > .nav-link,
html body .pagination-number.active, html body .page-item.active .page-link {
    background-color: var(--amwc-main); border-color: var(--amwc-main); color: var(--amwc-ink);
}
html body .pagination-btn:hover, html body .pagination-number:hover { color: var(--amwc-link); border-color: var(--amwc-main); }
html body .page-link, html body .form-helper-text a { color: var(--amwc-link); }
html body .content .form__title::before, html body .form__title::before { background: var(--amwc-main); }
html body input[type=checkbox], html body input[type=radio], html body input[type=range],
html body #registrationConsents .registration-consent-option input { accent-color: var(--amwc-link) !important; }
html body .form-check-input:checked, html body .form-check-input:indeterminate,
html body .policy_check input[type=checkbox]:checked,
html body .content.insert .checkbox-wrapper input[type=checkbox]:checked {
    background-color: var(--amwc-link); border-color: var(--amwc-link);
}
html body .form-control:focus, html body .form-select:focus, html body .login-form .input-group .form-control:focus,
html body .login-form .input-group .form-control:focus ~ .input-group-text {
    border-color: var(--amwc-main); box-shadow: 0 0 0 3px rgba(105,183,183,.2);
}
html body .photo-crop-canvas { border-color: var(--amwc-main); }
html body .letter-notice:not(.expired) { background: var(--amwc-soft); border-left-color: var(--amwc-main); }
html body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
html body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: var(--amwc-main); box-shadow: none; color: var(--amwc-ink);
}
html body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: var(--amwc-link); }
html body svg [fill="#0363FF"], html body svg [fill="#0363ff"] { fill: var(--amwc-link); }
html body .mobile-side-menu .accordion-menu .accordion-header.active,
html body .nav__menu-item--mypage.mypage-active {
    background-color: var(--amwc-main); border-color: var(--amwc-main); color: var(--amwc-ink);
}
html body .dropdown-link:hover, html body .nav__menu-link:hover { color: var(--amwc-link); }
html body .email-send-batch-progress:not(.is-error) .email-send-batch-progress-fill,
html body .email-cancel-batch-progress:not(.is-error) .email-cancel-batch-progress__fill { background: var(--amwc-main); }