*,
*::before,
*::after {
	box-sizing:border-box;
}
html,
body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#222222;
	color:white;
	-webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Montserrat', sans-serif;
}
html{
}
body{
}

/* ---------------------------------------- */
header
{
	display:flex;
	flex-direction:row;
	position:fixed;
	right:0;
	left:0;
	z-index:999;
	background:rgba(0,0,0,.8);  
	border-bottom:1px solid #000;
	padding:4px 16px;
	-webkit-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.5); 
			box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.5);
}
.header_l
{
}
.header_m
{
	flex-grow:1;
}
.header_r
{
}
.header_l > a > img
{
	height:30px;
	width:auto;
	transition: all .25s ease-in;
}
.header_l > a > img:hover
{
	filter: saturate(4);
}
.header_r > a > img
{
	height:30px;
	width:auto;
	margin-left:8px;
	float:right;
	transition: all .3s ease-in;
}
.header_r > a > img:hover
{
	filter: saturate(4);
}

/* ---------------------------------------- */
nav
{
	display:flex;
	flex-direction:row;
	margin: 12px 0;
}
nav > div
{
	flex-grow:1;
	flex-shrink:1;
	text-align:center;
	margin: 0 4px;
	padding:4px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	transition: all .25s ease-in;
	cursor:pointer;
}
nav > div:hover
{
	filter: saturate(4);
	background:rgba(255,255,255,.25);  
}
nav > div > a
{
	display:block;
	text-decoration:none;
	color:white;
}

/* ---------------------------------------- */
footer
{
	margin: 12px 0;
	font-size:80%;
}

/* ---------------------------------------- */
.inp_rw
{
	margin:8px;
	overflow:hidden:
}
.inp
{
	width:100%;
	padding:8px;
	border:0px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background:rgba(255,255,255,.05);  
	color:white;
}
.inp:focus
{
	background:rgba(255,255,255,.10);  
}

.inp_icon
{
	display:inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-weight:bold;
	font-size: 26px;
	vertical-align: middle;
	margin-right:8px;
}
.inp_alert_icon:before {	content: "\26A0"; color:yellow;}
.inp_check_icon:before {	content: "\2714"; color:green;}