@charset "UTF-8";
 
html
{
	width: 100%;
	height: 100%;

	font-size: 10px;
}

body
{
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	font-size: 1.4rem;
	color: black;
	font-family:Lato;
	background-color:#FFFFFF;
	text-align: center;
}
.nodisplay
{
	display: none;
}
.dropfile
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(120, 120, 120, 0.7);
    border: 1px dashed black;
    line-height: 12rem;
    font-size: 4rem;
    margin: 20px;

}
.conttable
{
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
.table
{
	display: table;
/*	width: 100%;*/
	min-width: 200px;
	max-width: 600px;
	margin: 0 10px 0 10px;
	border: 1px black solid;
}
.row
{
	display: table-row;
	height: 30px;
}
.rowcontent
{
	margin-top: 5px;
}
.col1
{
	display: table-cell;
	border-right: 1px black solid;
	padding: 0 10px;
}
.col2
{
	display: table-cell;
}
.colheader
{
	border-bottom: 1px black solid;
}
.back1
{
	background-color:#eeeeee;
}
input[type="text"]
{
	text-align: left;
	width: 150px;
}
input[type="button"]
{
	text-align: right;
	margin-left: 20px;
}
@media screen and (max-width: 1024px)
{
	.conttable
	{
		display: block;
	}

	.table
	{
		width: 95%;
		min-width: unset;
		max-width: 100%;
		margin: 0 10px 0 10px;
		border: 1px black solid;
	}
	.colwrap
	{
		word-break: break-all;
	}
}