.button, div.code-toolbar > .toolbar .toolbar-item a, div.code-toolbar > .toolbar .toolbar-item button, div.code-toolbar > .toolbar .toolbar-item span, .btn { border: 0; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: 0.5rem 1rem; text-align: center; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; }

.button:hover, div.code-toolbar > .toolbar .toolbar-item a:hover, div.code-toolbar > .toolbar .toolbar-item button:hover, div.code-toolbar > .toolbar .toolbar-item span:hover, .button:active, div.code-toolbar > .toolbar .toolbar-item a:active, div.code-toolbar > .toolbar .toolbar-item button:active, div.code-toolbar > .toolbar .toolbar-item span:active, .button:focus, div.code-toolbar > .toolbar .toolbar-item a:focus, div.code-toolbar > .toolbar .toolbar-item button:focus, div.code-toolbar > .toolbar .toolbar-item span:focus, .button:active:focus, div.code-toolbar > .toolbar .toolbar-item a:active:focus, div.code-toolbar > .toolbar .toolbar-item button:active:focus, div.code-toolbar > .toolbar .toolbar-item span:active:focus, .btn:hover, .btn:active, .btn:focus, .btn:active:focus { box-shadow: none; outline: none; text-decoration: none; }

.button:not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm):not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm), div.code-toolbar > .toolbar .toolbar-item a:not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm):not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm), div.code-toolbar > .toolbar .toolbar-item button:not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm):not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm), div.code-toolbar > .toolbar .toolbar-item span:not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm):not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm), .btn:not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm):not(.button-sm):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-sm) { border-radius: 20px; font-size: 14px; padding: 5px 20px; }

.button-sm, div.code-toolbar > .toolbar .toolbar-item a, div.code-toolbar > .toolbar .toolbar-item button, div.code-toolbar > .toolbar .toolbar-item span, .btn-sm { border-radius: 11px; font-size: 12px; padding: 0 14px; }

.button-block, .btn-block { display: block; width: 100%; }

.button-default, div.code-toolbar > .toolbar .toolbar-item a, div.code-toolbar > .toolbar .toolbar-item button, div.code-toolbar > .toolbar .toolbar-item span, .btn-default { background-color: #fff; box-shadow: inset 0 0 0 1px #494d50; color: #494d50; }

.button-default:hover, div.code-toolbar > .toolbar .toolbar-item a:hover, div.code-toolbar > .toolbar .toolbar-item button:hover, div.code-toolbar > .toolbar .toolbar-item span:hover, .button-default:focus, div.code-toolbar > .toolbar .toolbar-item a:focus, div.code-toolbar > .toolbar .toolbar-item button:focus, div.code-toolbar > .toolbar .toolbar-item span:focus, .button-default:active, div.code-toolbar > .toolbar .toolbar-item a:active, div.code-toolbar > .toolbar .toolbar-item button:active, div.code-toolbar > .toolbar .toolbar-item span:active, .button-default:active:focus, div.code-toolbar > .toolbar .toolbar-item a:active:focus, div.code-toolbar > .toolbar .toolbar-item button:active:focus, div.code-toolbar > .toolbar .toolbar-item span:active:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus { background-color: #fff; border: 0; box-shadow: inset 0 0 0 2px #494d50; }

.button-primary, .btn-primary { background-color: #0076cc; color: #fff; }

.button-primary:hover, .button-primary:focus, .btn-primary:hover, .btn-primary:focus { background-color: #008ae8; }

.button-primary:active, .button-primary:active:focus, .btn-primary:active, .btn-primary:active:focus { background-color: #005a9a; }

.button-accent, .btn-accent { background-color: #f60; color: #fff; }

.button-accent:hover, .button-accent:focus, .btn-accent:hover, .btn-accent:focus { background-color: #ff751a; color: #fff; }

.button-accent:active, .button-accent:active:focus, .btn-accent:active, .btn-accent:active:focus { background-color: #e65c00; color: #fff; }

.button.disabled, div.code-toolbar > .toolbar .toolbar-item a.disabled, div.code-toolbar > .toolbar .toolbar-item button.disabled, div.code-toolbar > .toolbar .toolbar-item span.disabled, .button:disabled, div.code-toolbar > .toolbar .toolbar-item a:disabled, div.code-toolbar > .toolbar .toolbar-item button:disabled, div.code-toolbar > .toolbar .toolbar-item span:disabled, .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: 0.65; }

.button.disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline), div.code-toolbar > .toolbar .toolbar-item a.disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline), div.code-toolbar > .toolbar .toolbar-item button.disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline), div.code-toolbar > .toolbar .toolbar-item span.disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline), .button:disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline), div.code-toolbar > .toolbar .toolbar-item a:disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline), div.code-toolbar > .toolbar .toolbar-item button:disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline), div.code-toolbar > .toolbar .toolbar-item span:disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline), .btn.disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline), .btn:disabled:not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-default):not(div.code-toolbar > .toolbar .toolbar-item a):not( div.code-toolbar > .toolbar .toolbar-item button):not( div.code-toolbar > .toolbar .toolbar-item span):not( .btn-default):not(.button-outline):not( .btn-outline):not(.button-outline):not( .btn-outline) { background: #afb3b6 !important; color: #494d50 !important; }

.button.button-default.disabled, div.code-toolbar > .toolbar .toolbar-item a.disabled, div.code-toolbar > .toolbar .toolbar-item button.disabled, div.code-toolbar > .toolbar .toolbar-item span.disabled, .button.button-outline.disabled, div.code-toolbar > .toolbar .toolbar-item a.button-outline.disabled, div.code-toolbar > .toolbar .toolbar-item button.button-outline.disabled, div.code-toolbar > .toolbar .toolbar-item span.button-outline.disabled, .button.button-default:disabled, div.code-toolbar > .toolbar .toolbar-item a:disabled, div.code-toolbar > .toolbar .toolbar-item button:disabled, div.code-toolbar > .toolbar .toolbar-item span:disabled, .button.button-outline:disabled, div.code-toolbar > .toolbar .toolbar-item a.button-outline:disabled, div.code-toolbar > .toolbar .toolbar-item button.button-outline:disabled, div.code-toolbar > .toolbar .toolbar-item span.button-outline:disabled, .btn.button-default.disabled, div.code-toolbar > .toolbar .toolbar-item a.btn.disabled, div.code-toolbar > .toolbar .toolbar-item button.btn.disabled, div.code-toolbar > .toolbar .toolbar-item span.btn.disabled, .btn.button-outline.disabled, .btn.button-default:disabled, div.code-toolbar > .toolbar .toolbar-item a.btn:disabled, div.code-toolbar > .toolbar .toolbar-item button.btn:disabled, div.code-toolbar > .toolbar .toolbar-item span.btn:disabled, .btn.button-outline:disabled { box-shadow: inset 0 0 0 1.5px #afb3b6 !important; color: #afb3b6 !important; }

.button-primary.button-outline, .btn-primary.btn-outline { background-color: #fff; box-shadow: inset 0 0 0 1px #0076cc; color: #0076cc; }

.button-primary.button-outline:hover, .button-primary.button-outline:focus, .button-primary.button-outline:active, .button-primary.button-outline:active:focus, .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline:active:focus { background-color: #fff; box-shadow: inset 0 0 0 2px #0076cc; color: #0076cc; }

.button-accent.button-outline, .btn-accent.btn-outline { background-color: #fff; box-shadow: inset 0 0 0 1px #f60; color: #f60; }

.button-accent.button-outline:hover, .button-accent.button-outline:focus, .button-accent.button-outline:active, .button-accent.button-outline:active:focus, .btn-accent.btn-outline:hover, .btn-accent.btn-outline:focus, .btn-accent.btn-outline:active, .btn-accent.btn-outline:active:focus { background-color: #fff; box-shadow: inset 0 0 0 2px #f60; color: #f60; }

.rpup-login { display: block; margin-top: 4px; text-align: center; }

.rpup-login.rpup-login-right { text-align: right; }

.rpup-login.rpup-login-left { text-align: left; }

.rpup-login.rpup-login-full .rpup-button { display: block; }

.rpup-login-right .rpup-question { display: inline-block; }

.rpup-question { display: block; font-size: 12px; line-height: 16px; padding: 8px; }

.rpup-button { background: #f06000; border-radius: 4px; color: #fff; display: inline-block; flex: 0 0 auto; font-size: 14px; max-width: none; padding: 5px 20px 5px 40px; position: relative; white-space: nowrap; width: auto; }

.rpup-button:hover { background: #e05000; color: #fff; text-decoration: none; }

.rpup-button::before { background: url(https://cdn.realpage.com/images/rp-logo-dots-white.svg) no-repeat; background-size: contain; content: ""; display: inline-block; height: 18px; margin-left: -24px; position: absolute; top: 7px; width: 18px; }

.raul-radius { border-radius: 100px; }

/*! Override for PrismJS size issue due to BS4 and PrismJS not playing well together */
.token.tag { border-radius: inherit; display: inline; font-size: inherit; font-weight: inherit; line-height: inherit; padding: inherit; text-align: inherit; vertical-align: inherit; white-space: inherit; }

pre[class*='language-'] { background: #f8f9fa; margin-top: 0; max-height: 300px; padding-top: 40px; }

.code-snippet-heading { background: #f1f3f3; font-size: 0.75rem; left: 0; line-height: 1; padding: 10px; position: absolute; text-decoration: none; text-shadow: none; top: 0; white-space: normal; width: 100%; }

div.code-toolbar > .toolbar { opacity: 0.5; right: 0.35rem; top: 0.35rem; }

.border { border: 1px solid; }

.color-block { padding: 30px 10px; text-align: center; }

.push-bottom { margin-bottom: 20px; }

.raul-login-container { background-image: url("https://cdn.realpage.com/images/rp-logo.svg"); }

.icon-list ui-icon { display: inline-block; height: auto; margin: 10px 10px 10px 0; text-align: center; width: 100px; }

.icon-list ui-icon::after { bottom: 0; content: attr(icon); display: block; }

.icon-list ui-icon i, .icon-list ui-icon svg { height: 60px; width: 60px; }