.modal
{
	visibility: hidden;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	height: 99%;
	width: 99%;
	overflow: auto;
	background-color: rgba(0,0,0,0.5);
}

.modal-login
{
	position: fixed;
	background-color: var(--col_set_thin);
	width: 450px;
	height: 300px;
	left: 50%;
	top: 40%;
	border: 4px double var(--col_set_dark);
	transform:translateX(-50%);
}

.str_user
{
	position: relative;
	font-size: 15px;
	font-weight: bold;
	left: 0px;
	top: 15px;
}

input.tex_user
{
	position: relative;
	width: 300px;
	left: 0px;
	top: 0px;
}

.str_pass
{
	position: relative;
	font-size: 15px;
	font-weight: bold;
	left: 0px;
	top: 10px;
}

input.tex_pass
{
	position: relative;
	width: 300px;
	left: 0px;
	top: -5px;

}

input.btn_logenter
{
	position: absolute;
	width: 90px;
	height: 30px;
	left: 130px;
	top: 240px;
	font-weight:bold;
}

input.btn_logcancel
{
	position: absolute;
	width: 90px;
	height: 30px;
	left: 225px;
	top: 240px;
	font-weight:bold;
}

input.btn_login
{
	position: absolute;
	left:80%;
	top:20px;
	width:190px;
	height:60px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	border: double 4px var(--col_btn_thin);;
	background-color:var(--col_btn_dark);;
	color: #FFFFFF;
}

input.btn_login:hover
{
	border: double 4px var(--col_btn_dark);
	background-color: var(--col_btn_thin);
	color: #000000;
}

input.btn_login:checked
{
	border: double 4px #05BCD3;
	background-color: #DBEEF3;
	color: #FF0000;
}

input.btn_login:focus
{
	outline: 0;
}

span.set_title
{
	position:relative;
	z-index: 2;
	width:150px;
	top: 20px;
	left: 0px;
	background-color: var(--col_set_thin);
	font-weight: bold;
	font-size: 18px;
}

.set_area
{
	position: relative;
	top:10px;
	width: 400px;
	height: 180px;
	border:dashed 1px #888888;
}

.div_view
{
	position:absolute;
	top:320px;
	width:1900px;
	text-align:center;
}