/* control */
.rmn-control .rmn-item{
	display:inline-block;
	margin:5px 0;
	padding:10px 20px;
	border:1px solid #ccc;
	border-radius:4px;
	text-decoration:none;
	cursor:pointer;
	user-select:none;
	color:black;
	background:#eee;
}
.rmn-control .rmn-hidden{
	display:none;
}
.rmn-control .rmn-item:hover{
	background:#ccc;
}
.rmn-control.rmn-firefox .rmn-item:focus,
.rmn-control.rmn-safari .rmn-item:focus{
	outline:1px dotted #333;
	outline-offset:-3px;
}
.rmn-control .rmn-item.rmn-open{
	color:white;
	border-color:#337ab7;
	background:#337ab7;
}
/* area */
.rmn-area{
	position:absolute;
	width:100%;
	text-align:right;
	z-index:10000;
	user-select:none;
}
.rmn-area .rmn-box{
	position:relative;
	display:inline-block;
	padding:4px 0;
	text-align:left;

	border-style:solid;
	border-width:0 10px 10px 10px;
	border-color:rgba(255,255,255,0.8);
	border-radius:0 0 10px 10px;
	background-color:#337ab7;
	background-image:linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6)100%);
	background-clip: padding-box;
	box-shadow:0 6px 12px rgb(0 0 0/18%);
}
.rmn-area .rmn-box.rmn-box-nontop{
	border-width:10px;
	border-radius:10px;
}
.rmn-area.rmn-compact .rmn-box{
	display:block;
	padding:0;
	background:white;
	border:1px solid #999;
	border-width:0 0 1px 0;
	border-radius:0;
	box-shadow:none;
}
.rmn-area .rmn-box>.rmn-box{
	position:relative;
	padding:0;
	padding-left:20px;
	border:none;
	background:transparent;
}
.rmn-area.rmn-compact .rmn-box>.rmn-box{
	position:relative;
	padding:0;
	padding-left:20px;
	border:none;
	background:transparent;
}
.rmn-area .rmn-item{
	display:table;
	position:relative;
	width:100%;
	padding:0 10px;
	font-size:15px;
	color:white;
	text-decoration:none;
	-webkit-tap-highlight-color: transparent;
}
.rmn-area .rmn-item.rmn-open,
.rmn-area .rmn-item:hover{
	background-color:#337ab7;
}
.rmn-area.rmn-firefox .rmn-item:focus,
.rmn-area.rmn-safari .rmn-item:focus{
	outline:1px dotted #333;
	outline-offset:-3px;
}
.rmn-area.rmn-compact .rmn-item{
	padding:5px 10px;
	color:black;
}
.rmn-area.rmn-compact .rmn-item.rmn-open,
.rmn-area.rmn-compact .rmn-item:hover{
	background:#eee;
}
.rmn-area .rmn-smi-left{
	display:table-cell;
	width:20px;
	text-align:center;
	vertical-align:middle;
}
.rmn-area.rmn-compact .rmn-smi-left .rmn-smi-inner-left{
	position:relative;
	top:-1px;
	display:inline-block;
	transition:transform .3s;
	transform-origin:55% 55%;
}
.rmn-area.rmn-compact .rmn-item.rmn-has-menu .rmn-smi-inner-left::before{
	content:"▸";
}
.rmn-area.rmn-compact .rmn-item.rmn-open .rmn-smi-inner-left{
	transform:rotateZ(90deg);
}
.rmn-area .rmn-smi-right{
	display:table-cell;
	width:20px;
	text-align:center;
	vertical-align:middle;
}
.rmn-area.rmn-expand .rmn-smi-right .rmn-smi-inner-right{
	display:inline-block;
}
.rmn-area.rmn-expand .rmn-item.rmn-has-menu .rmn-smi-inner-right::before{
	content:"▸";
}
.rmn-area .rmn-label{
	display:table-cell;
	padding:8px 5px;
}
.rmn-area .rmn-separator{
	border:0 solid #ccc;
	border-width:1px 0 0 0;
	margin:0;
}