.xoo-wl-notice-error {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	padding: 7px 10px;
}

.xoo-wl-notice-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 15px;
}

.xoo-wl-notices {
	display: none;
	margin: 15px 0;
	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 0;
}

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

.xoo-wl-opac {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	right: 0;
	background-color: black;
	opacity: 0;
	transition: all .2s ease-out;
}

.xoo-wl-modal {
	top: 0;
	text-align: center;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 10000000000;
	overflow: auto;
	opacity: 0;
	transition: all .2s ease-in-out;
	transform: scale(.8);
}

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

.xoo-wl-inmodal {
	display: inline-block;
	background: #fff;
	position: relative;
	vertical-align: middle;
	width: 90%;
	text-align: left;
	border-radius: 5px;
	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: .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 #fff;
}

span.xoo-wl-close:hover {
	color: #e63030;
}

.xoo-wl-sidebar {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	border-radius: 15px 0 0 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: 0 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: 10px 0;
}

.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 0;
}

.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;
	}
}

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