@font-face{
font-family:'Material Icons Outline';
font-style:normal;
font-weight:400;
src:url(/rc/mi/MaterialIconsOutlined-Regular.otf) format('opentype');
}
body{
margin:0px;
padding:0px;
width:100%;
font:1em/1.5em sans-serif !important;
color:#88b9b1;
background:#132d29;
-webkit-tap-highlight-color:transparent;
}
:focus{outline:none;}
a{color:#cbd4ab;text-decoration:none}
a:hover{color:#fff;}
#topBar, #boxTopBar{
	padding:0px 1em 0px 1em;
	line-height:4em;
	white-space:nowrap;
	overflow:hidden;
	background:#0d2621;
}
#topBar{
	position:-webkit-sticky;
	position:sticky;
	top:0px;
	z-index:1;
}
.row{
	position:relative;
	margin:0px;
	padding:0.5em 1em 0.5em 1em;
	white-space:nowrap;
	overflow:hidden;
}
.from{
	margin-left:1em;
	font-style:italic;
	font-size:0.9em;
	color:#588981;
}
.opt{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	padding-right:1em;
	background:#132d29;
}
.icn{
	display:inline-block;
	text-align:center;
	font-family:'Material Icons Outline';
	font-size:1.5em;
	line-height:2.69em;
	width:2em;
}
.row:nth-of-type(odd), .row:nth-of-type(odd) .opt{
	background:#19332f;
} 
.del{
	/*color:#46655f;*/
	color:#3e4d3a;
	text-decoration:line-through;
}
.done{
	color:#46655f;
}
.spam{
	color:#46655f;
	font-style:italic;
	text-decoration:wavy line-through;
}
.spam .from,.done .from,.del .from{
	display:none;
}
.spam .icn,.done .icn,.del .icn{
	font-style:normal;
	text-decoration:none;
	line-height:1.69em;
}
#topBar .opt{
	background:transparent;	
}
.row:hover, .icn:hover{
	background:#29433f;
	cursor:pointer;
}
#boxFull{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	background:#0d2621;
	z-index:1;
}
#boxContain{
	position:absolute;
	top:1.5em;
	right:1.5em;
	bottom:1.5em;
	left:1.5em;
	margin-top:4em;
	/* background:#29433f; */
	background:#19332f;
	border-radius:0px 0px 0.5em 0.5em;
	overflow:auto;
}
#boxTopBar{
	position:fixed;
	top:1.5em;
	left:1.5em;
	right:1.5em;
	background:#132d29;
	border-radius:0.5em 0.5em 0px 0px;
}
#boxTopBar .opt{
	padding-right:0em;
}
#boxBody{
	/* margin-top:4em; */
	padding:0px 1em 2em 1em;
}
#boxExtra{
	position:absolute;
	left:0px;
	right:0px;
	padding:0px 1em 1em 1em;
	background:#29433f;
	border-radius:0px 0px 0.5em 0.5em;
}
#boxBody pre, #boxExtra pre{
	margin-top:0.5em;
	white-space:pre-wrap;
	font:0.9em/1.8em "Hack","Roboto Mono","DejaVu Sans Mono","Droid Sans Mono",monospace;
	overflow-wrap:break-word;
}
#boxBody pre{max-width:108ch;
}
.fLink{
	color:#cbd4ab;
	cursor:pointer;
}
.fLink:hover{
	color:#fff;
}
#boxMsgEdit{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	color:#88b9b1;
	margin:0px;
	padding:0.5em 2em 2em 1em;
	/*border-color:transparent;*/
	border:0px;
	background:transparent;
	white-space:pre-wrap;
	font:0.9em/1.8em "Roboto Mono","DejaVu Sans Mono","Droid Sans Mono",monospace;
/*	box-sizing:border-box; */
	resize:none;
    background-image: linear-gradient(to right, transparent 78ch, rgba(255,255,255,0.05) 78ch, rgba(255,255,255,0.05) 78.1ch, transparent 78.1ch);
    background-size: 80ch 100%;
    background-repeat: no-repeat;
}
#promptFull{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgba(13,38,33,0.66);	
	z-index:1;
}
#promptContain{
	margin:auto;
	margin-top:2em;
	width:90%;
	border:2px solid #29433f;
	border-radius:1em;
	background:#19332f;
	box-shadow:0px 0px 1.5em #041d19;
}
.promptWidthNarrow{max-width:360px;}
.promptWidthStandard{max-width:512px;}
.promptWidthWide{max-width:640px;}
#promptTopBar{
	/*padding:0px 1em 0px 1em;*/
	padding:1em;
	font-weight:bold;
	border-radius:1em 1em 0px 0px;
	background:#132d29;
}
#promptText{
	padding:1em;
}
#promptAction{
	display:inline-block;
	text-align:right;
	width:100%;
}
#promptInputWrap{
	padding:0px 1em 0px 1em;
}
#promptInputWrap button{
	margin:1em 0px 1em 0px;
	padding:0.5em;
	min-width:25%;
	color:#88b9b1;
	font:1em/1.5em sans-serif !important;
	border-radius:0.5em;
	border:2px solid #29433f;
}
#promptInputWrap button:hover,#promptInputWrap button:focus{
	color:#fff;
	border-color:#46655f
}
#promptInputWrap button:active{
	color:#88b9b1;
	border-color:#88b9b1;
	background:#0d2621;
}
#promptInput,#promptInputPass{
	margin:0px;
	width:100%;
	font:1em/1.5em sans-serif !important;
	color:#88b9b1;
	padding:0.5em;
	border:2px solid #29433f;
	background:transparent;
	box-sizing:border-box;
}
#promptInput:focus,#promptInput:hover,#promptInputPass:focus,#promptInputPass:hover{
	border-color:#46655f
}
#promptCancel{
	background:transparent;
}
#promptSubmit{
	font-weight:bold;
	background:#29433f;
}
.hide{display:none}
.blank{padding:0.5em 1em 0.5em 1em}
.nobr{white-space:nowrap}

@media all and (max-width:640px){
	#boxTopBar{
		top:0px;
		right:0px;
		left:0px;
		border-radius:0px;
	}
	#boxContain{
		top:0px;
		right:0px;
		left:0px;
		bottom:0px;
		border-radius:0px;
	}
	.icn{
		width:1.65em;
	}
	.opt{
		padding-right:0px;
	}
}