LittleDemon WebShell

@import "../../css/_mixins.scss";
@import "../../css/_trx_addons.vars.scss";

/* Message box
-----------------------------------------------------------------*/
#trx_addons_modal_bg {
	@include fixed-mask(#000, 0.3, 100000);
	display:none;
}
.trx_addons_msgbox {
	@include abs-ct(0, 100001);
	max-width:460px;
	min-width:280px;
	overflow:hidden;
	background-color:#fff;
	color:#333;
	opacity:0;
	line-height:1.4em;
}
.trx_addons_msgbox .trx_addons_msgbox_close {
	display:block;
	@include abs-rt;
	@include square(16px);
	font-size:16px;
	padding: 8px;
	font-weight:bold;
	cursor:pointer;
	color:#fff;
}
.trx_addons_msgbox_simple .trx_addons_msgbox_close {
	color: #07bea7;
}
.trx_addons_msgbox .trx_addons_msgbox_icon {
	display:block;
	@include abs-lt(18px, 13px);
	@include square(24px);
	line-height: 20px;
	@include border-round;
	border: 2px solid #07bea7;
	font-size:14px;
	color: #07bea7;
}
.trx_addons_msgbox .trx_addons_msgbox_header + .trx_addons_msgbox_icon {
	color:#fff;
	border-color: #fff;
}
.trx_addons_msgbox .trx_addons_msgbox_icon:before {
	padding:0;
	margin:0;
}
.trx_addons_msgbox .trx_addons_msgbox_header {
	color:#fff;
	padding: 1em 2em 1em 3.75em;
	font-size:1.25em;
	line-height:1.25em;
	font-weight:bold;
	text-transform: uppercase;
	margin: 0;
	background-color: #07bea7;
}
.trx_addons_msgbox_body,
.trx_addons_msgbox_buttons {
	padding: 0 2em;
	margin: 2em 0;
}
.trx_addons_msgbox_simple .trx_addons_msgbox_icon {
	top: 1.75em;
}
.trx_addons_msgbox_simple .trx_addons_msgbox_body,
.trx_addons_msgbox_simple .trx_addons_msgbox_buttons {
	padding-left: 5em;
}

/* Dialog popup */
.trx_addons_msgbox_dialog .trx_addons_msgbox_buttons {
	margin-top:20px;
}
.trx_addons_msgbox_dialog .trx_addons_msgbox_button {
	display:inline-block;
	padding: 0.5em 1em;
	margin-right:6px;
	min-width: 6em;
	background-color:#4b4b4b;
	color:#ffffff;
	@include border-radius(2px);
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	@include transition-properties(background-color, color);
}
.trx_addons_msgbox_dialog .trx_addons_msgbox_button:hover {
	background-color:#07bea7;
}

/* Warning popup */
.trx_addons_msgbox_warning {
	background-color: #ffe5ee;
	color: #a63a4b;
}
.trx_addons_msgbox_warning .trx_addons_msgbox_header {
	background-color: #a63a4b;
}
.trx_addons_msgbox_warning.trx_addons_msgbox_simple .trx_addons_msgbox_icon {
	color: #a63a4b;
	border-color: #a63a4b;
}
.trx_addons_msgbox_warning.trx_addons_msgbox_simple .trx_addons_msgbox_close {
	color: #a63a4b;
}
.trx_addons_msgbox_warning .trx_addons_msgbox_button:hover {
	background-color:#a63a4b;
}

/* Success popup */
.trx_addons_msgbox_success {
	background-color:#eaffe5;
	color:#517d48;
}
.trx_addons_msgbox_success .trx_addons_msgbox_header {
	background-color:#517d48;
}
.trx_addons_msgbox_success.trx_addons_msgbox_simple .trx_addons_msgbox_icon {
	color:#517d48;
	border-color:#517d48;
}
.trx_addons_msgbox_success.trx_addons_msgbox_simple .trx_addons_msgbox_close {
	color:#517d48;
}
.trx_addons_msgbox_success .trx_addons_msgbox_button:hover {
	background-color:#517d48;
}

/* Info popup */
.trx_addons_msgbox_info {
	background-color:#e5f6ff;
	color:#4cb2e1;
}
.trx_addons_msgbox_info .trx_addons_msgbox_header {
	background-color:#4cb2e1;
}
.trx_addons_msgbox_info.trx_addons_msgbox_simple .trx_addons_msgbox_icon {
	color:#4cb2e1;
	border-color:#4cb2e1;
}
.trx_addons_msgbox_info.trx_addons_msgbox_simple .trx_addons_msgbox_close {
	color:#4cb2e1;
}
.trx_addons_msgbox_info .trx_addons_msgbox_button:hover {
	background-color:#4cb2e1;
}