/*! Styles specific to billing app */

/* overrides Primefaces components.css and payara.css */
.form__error {
	display: block;
    color: inherit;
    background-color: inherit;
    border: none;
    margin: 0 0px;
    padding: 0px 0px;
}

#card-element-errors,
#cardholder-errors {
    color: rgb(219,26,0);
}

/* Removes asterisk added by PF on compulsory fields*/
.ui-outputlabel-rfi {
    display: none;
}

/*overrides primefaces icon with Payara*/
.ui-message-error-icon {
    background-image: url(/custom-ui/icon-alert-on-light.svg);
    background-position: 0px 3px;
    height: 19px;
    width: 16px;
}

.ui-dialog-mask {
    background: rgba(var(--coal),.9);
}

.hidden,
.form__step--hiddenxxx .form__radbox-label {
    display: none;
}

#callout ul {
  list-style:none;
  padding-left: 1em;
}
#callout li:before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url(/custom-ui/icon-tick.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right:0.5em;
}
.ui-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none; 
    box-shadow: none; 
}
.ui-confirm-dialog {
    background: white;
}
.ui-dialog-title{
	margin-bottom: 1.6rem;
    font-weight: 700;
    font-size: 2rem;
}

.ui-button.button--ghost {
    background: none;
    box-shadow: 0 0 0 1px var(--button-bk) inset !important;
    color: var(--button-ghost-text) !important;
}
.ui-button.button--ghost:hover {
    background: none;
    box-shadow: 0 0 0 2px var(--button-bk-hover) inset !important;
}
.ui-button.button--ghost:focus, 
.ui-button.button--ghost:focus-visible {
    box-shadow:  0 0 0 1px var(--button-bk) inset, 0 0 0 4px rgb(var(--smurf)) !important;
}
.ui-button.button--ghost:focus:not(:focus-visible) {
    box-shadow: none;
}

.ui-button.button--small.button--ghost {
    box-shadow: none !important;
}
.button--small .ui-button-text {
    background: var(--button-bk);
    border-radius: var(--button-radius);
    box-shadow: 0 1px 0 0 rgba(var(--button-shadow), 0.3);
    display: inline-block;
    padding: 0.2rem 0.8rem;
}
.button--small:hover .ui-button-text {
    background: var(--button-bk-hover);
}
.button--small:focus .ui-button-text, 
.button--small:focus-visible .ui-button-text {
    box-shadow: 0 0 0 4px rgb(var(--smurf));
}
.button--small:focus:not(:focus-visible) .ui-button-text {
    box-shadow: 0 1px 0 0 rgba(var(--button-shadow), 0.3);
}

.button--small.button--ghost .ui-button-text {
    background: none;
    box-shadow: 0 0 0 1px var(--button-bk) inset !important;
}
.button--small.button--ghost:hover .ui-button-text {
    background: none;
    box-shadow: 0 0 0 2px var(--button-bk-hover) inset !important;
}


.ui-dialog {
    border-radius: var(--block-radius);
}


.user-prefs .dl--grid dt {
    min-width: 10em;
}
@media only screen and (max-width: 40em) {
    .user-prefs .dl--grid {
        display: block;
    }
    .user-prefs .dl--grid dt,
    .user-prefs .dl--grid dd {
        float: none;
    }
    .user-prefs .dl--grid dt {
        min-width: 0;
    }
}


/* Replicated .ul--no-indent because we don't have access to add classes to content originating on Stripe. */
.stripe__plan-content ul {
    margin-left: 0;
}

/* Nuke the styles that Primefaces unhelpfully applies. */
.menu__item .ui-button {
    margin-right: 0;
}
.menu__item .ui-button-text {
    line-height: inherit;
    padding: 0;
}

.ui-button .ui-button-text {
    line-height: inherit;
}

.ui-button-text-only .ui-button-text {
    padding: 0;
}

.button--small.button--ghost .ui-button-text {
  background: 0 0;
  box-shadow: 0 0 0 1px var(--button-color) inset;
}
.button--small.ui-button-text-only .ui-button-text {
  border-radius: var(--button-radius);
  display: inline-block;
  padding: .2rem .8rem;
}

/* Remove unwanted spacing around alert accordion. */
.ui-panel, .ui-panel .ui-panel-content {
    padding: 0;
}
.status .button--small .ui-button-text {
    background: rgb(255,255,255);
    color: rgb(0,76,108);
}
.status .button--small:hover .ui-button-text {
    background: rgba(255,255,255,0.9);
}

/* spinner support */
.form__progress.loader,
.form__progress.progress {
    display: none;
}

.request-active .form__progress.loader,
.request-active .form__progress.progress {
    display: block;
}