@charset "utf-8";

.xoo-wl-notice-error { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); padding: 7px 10px; }

.xoo-wl-notice-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); padding: 15px; }

.xoo-wl-notices { display: none; margin: 15px 0px; width: calc(100% - 20px); }

.xoo-wl-notice-error p { margin-bottom: 2px; }

.xoo-wl-notice-error, .xoo-wl-notice-success { border: 1px solid transparent; border-radius: 4px; display: block; margin: 10px 0px; }

span.xoo-wl-scs-icon { margin-right: 5px; }

.xoo-wl-opac { position: fixed; inset: 0px; z-index: 999999; background-color: black; opacity: 0; transition: 0.2s ease-out; }

.xoo-wl-modal { inset: 0px; text-align: center; position: fixed; z-index: 2147483647; overflow: auto; opacity: 0; transition: 0.2s ease-in-out; transform: scale(0.8); }

.xoo-wl-inmodal .scroll-content { height: 100%; }

.xoo-wl-inmodal { display: inline-block; background: rgb(255, 255, 255); position: relative; vertical-align: middle; width: 90%; text-align: left; height: 90%; border-radius: 17px; }

.xoo-wl-srcont { flex-grow: 1; height: 100%; overflow: auto; }

.xoo-wl-popup-active .xoo-wl-modal { opacity: 1; transform: scale(1); }

.xoo-wl-popup-active .xoo-wl-opac { opacity: 0.7; }

.xoo-wl-popup-active.xoo-wl-popup { visibility: visible; }

.xoo-wl-popup { visibility: hidden; }

html.xoo-wl-popup-active, body.xoo-wl-popup-active { overflow-y: hidden; }

span.xoo-wl-close { font-size: 23px; position: absolute; right: -11px; top: -11px; background-color: white; border-radius: 50%; font-weight: 400; cursor: pointer; z-index: 100; border: 4px solid rgb(255, 255, 255); }

span.xoo-wl-close:hover { color: rgb(230, 48, 48); }

.xoo-wl-sidebar { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; border-radius: 15px 0px 0px 15px; }

.xoo-wl-wrap { min-height: 100%; display: flex; width: 100%; height: 100%; }

.xoo-wl-main { padding: 30px 25px; position: relative; vertical-align: top; }

button.xoo-wl-action-btn { width: 100%; border-radius: 5px; }

.xoo-wl-form button.xoo-wl-submit-btn { margin: 0px auto; display: table; }

.xoo-wl-btc-inline_toggle .xoo-wl-inline-form { display: none; }

.xoo-wl-btc-show { display: block !important; }

span.xwh-heading { display: block; text-align: center; font-size: 23px; font-weight: bold; word-spacing: 1px; }

span.xwh-subheading { display: block; margin: 20px 0px; }

.xoo-wl-btc-inline_toggle.xoo-wl-active button.xoo-wl-btn-toggle { display: none; }

.xoo-wl-btc-inline_toggle.xoo-wl-active .xoo-wl-inline-form { display: block; }

.xoo-wl-nlc-btns { margin: 10px 0px; }

.xoo-wl-nlc-btns a { margin-right: 12px; }

.xoo-wl-btn-container.xoo-wl-btc-variable { display: none; }

.xoo-wl-notloggedin-cont { display: table; margin: 20px auto; }

@media only screen and (max-width: 769px) {
  .xoo-wl-sidebar { display: none; }
  .xoo-wl-wrap, .xoo-wl-main { display: block; width: 100%; }
  .xoo-wl-footer-note { position: relative; }
}