/* CSS Document */

.sxx-panel-item {
	position:fixed;
	background-color:white;
	box-shadow: -2px 4px 12px 0 rgba(0,0,0,0.3);
	z-index:17;
	height:100%;
	overflow:hidden;
}

.sxx-panel-item:last-child {
	z-index:19;
}

.sxx-panel-item-content-title {
	position: absolute;
	padding:12px 8px;
	background-color: #35404f;
	color: white;
	font-size:16px;
	width:100%;
	top:0;
	left:0;
	z-index: 17;
	box-sizing: border-box;
}

.sxx-panel-item button.sxx-panel-item-dismiss {
	position: absolute;
	right: 8px;
	top: 8px;
	background: white;
	border-radius: 24px;
	width: 26px;
	height: 26px;
	border:none;
	display:none;
	font-size:10px;
	cursor: pointer;
}

.sxx-panel-item:last-child button.sxx-panel-item-dismiss {
	display:inherit;
}

	.sxx-panel-item button.sxx-panel-item-dismiss:after {
		content: "\f061";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
		/*color:#8EB8FF;*/
		color:#35404f;
		position:absolute;
		top:50%; 
		left: 50%; 
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%); 
		transform: translateX(-50%) translateY(-50%);
		
	}

.sxx-panel-item-content {
    height: 100%;
	overflow-x: hidden;
    overflow-y: auto;
	padding: 48px 0px 0px 0px;
}

.sxx-panel-item-content::after {
    content: " ";
    display: inline-block;
    width: 100%;
    height: 80px;
}

.sxx-panel-item .sxx-popup-dismiss {
	display:none;
}

.sxx-panel-item-mask {
	background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 17;
}

.sxx-panel-item .sxx-panel-item-mask {
    z-index: 18;
	position:absolute;
}

.sxx-panel-noscroll {
    overflow: hidden;
}

.sxx-panel-item-btn-totop {
	position: absolute;
	right: 32px;
	bottom: 36px;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	background: white;
	border: 1px solid #ddd;
	cursor: pointer;
	display:none;
}

.sxx-panel-item-btn-totop:hover {
	border: 1px solid #ccc;
	background: #eee;
}


.sxx-panel-btn-content-long-arrow-up::before{
	content:'\f30c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}