/** ---------------------------- */
/** QRList                       */
/** ---------------------------- */
div#listArea{
	padding:20px;
	padding-top:10px;
	display:table-cell;
}

table.userCard{
	box-sizing: border-box;
	border: solid 1px #aaaaaa;
	margin:2px;
	width:300px;
	padding:10px;
	padding-bottom:10px;
	display:inline-block;
	vertical-align:top;
}

table.userCard.isTeacher{
	border: solid 1px #ca3838;
}

table.userCard tbody {
	display:inline-table;
	width:100%;
}

table.userCard td{
	vertical-align:top;
}

table.userCard td.logo{
	border-bottom:solid 2px #ca3838;
	height:45px;
	padding-bottom: 2px;
}

table.userCard td.logo img{
	width:250px;
	height:40px;
	margin:0px;
	padding:0px;

}

table.userCard td.qrcode{
	padding-top: 7px;
	width:90px;
	height:85px;
}

table.userCard td.qrcode img.qrcode{
	width:85px;
	height:85px;
	margin:0px;
	padding:0px;
}

table.userCard td.data{
	padding-top: 9px;
	height:96px;
	word-break: break-all;
	word-wrap: break-word;
}

table.userCard td.data span.loginName{
	display:block;
	width:100%;
	padding-bottom:6px;
	border-bottom: dotted 1px #999999;
	margin-bottom:7px;
	vertical-align:top;
}

table.userCard td.data span.loginName table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.userCard td.data span.loginName table td{
	padding:0px;
	word-break: break-all;
	word-wrap: break-word;
}

td.loginName{
	width:*;
}
td.key{
	padding-right:2px;
	width:25px;
}

table.userCard td.data span.userName{
	padding-left:0px;
}

div.makingQR{
	background-color:#cccccc;
	font-size:0.8em;
	padding:5px;
	padding-left:10px;
}

div#buttonArea{
	display:none;
	padding-right: 5px;
	padding-bottom: 0;
}

#buttonAreaTable{
	width:100%;
}
#rightButtonTable{
	margin-left : auto ; margin-right : 0 ; text-align : left ;
	padding:3px;
	border:solid 1px rgb(126, 186, 3);
	border-radius: 5px 5px 5px 5px;
}
#buttonAreaTable input[type="checkbox"],
#buttonAreaTable label{
	font-size:0.9em;
	cursor:pointer;
}

div#mmjFooter{
	clear:both;
}

/** For Print */
div.forPrint{
	display:none;
}

#buttonAreaTableLeft span{
	margin-bottom: 5px;
}

table.userCard.biz td.logo {
    border-bottom: solid 2px #00cc99;
}
input.clearborder {
	border: none;
    padding: 0px;
    margin: 0px;
    height: auto;
    width: 100%;
    left: 0px;
    outline: none;
}
div.inputbox {
	background: #fff;
    border: 1px solid #dddddd;
    width: 290px;
    line-height: 1.5em;
    height: 1.5em;
    margin-left: auto;
    display: inline-flex;
    vertical-align: top;
}
span.clearbtn {
	background: url("images/clear.png");
	background-repeat: no-repeat;
	background-position: right center;
    display: block;
    padding-right:20px;
	margin-right:3px;
}
span.searchbtn {
	background: url("images/search.png");
	background-color:#7eba03;
	background-size:18px 18px;
	background-repeat: no-repeat;
	background-position: center;
	width:120px;
	height: 24px;
	padding-right:40px;
	padding-top:2px;
	vertical-align: bottom;
}
span.searchbtn:hover, span.clearbtn:hover {
	opacity:0.7;
}