body {background: rgba(0, 0, 0, 0) url("/assets/img/bg.jpg") repeat scroll 0 0;}

.login_frame {
	width: 320px;
	background-color: #fff;
	border: 2px solid #e3e3e3;
	border-radius: 10px;
	box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.5) inset;
	margin-bottom: 10px;
	padding: 20px;
}

.back_to_top {
	position: fixed;
	bottom: 5%;
	right: 5%;
	text-decoration: none;
	color: #000;
	background-color: rgba(235, 235, 235, 0.5);
	font-size: 24px;
	display: none;
	border: 2px solid #e3e3e3;
	border-radius: 10px;
	box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.5) inset;
	padding: 20px;
}

.back_to_top:hover {
	background-color: rgba(200, 200, 200, 1);
}

.checkbox_count_box {
	position: fixed;
	bottom: 5%;
	right: 17%;
	text-decoration: none;
	color: #00F;
	background-color: rgba(235, 235, 235, 0.5);
	font-size: 24px;
	display: none;
	border: 2px solid #e3e3e3;
	border-radius: 10px;
	box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.5) inset;
	padding: 20px;
}

.checkbox_count_box:hover {
	background-color: rgba(200, 200, 200, 1);
}

.search_record {
	position: fixed;
	bottom: 5%;
	right: 5%;
	text-decoration: none;
	color: #000;
	background-color: rgba(235, 235, 235, 0.5);
	font-size: 24px;
	border: 2px solid #e3e3e3;
	border-radius: 10px;
	box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.5) inset;
	padding: 20px;
}

.search_record:hover {
	background-color: rgba(200, 200, 200, 1);
}

.canvas_div {
	position: relative;
	height: 725px;
	overflow: auto;
}

.canvas_panel {
	height: 725px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 200px;
}

.canvas_panel_btn {
    position: absolute;
}

.canvas-container {
	//float: left;
}

.viewer_list_div {
	padding: 5px;
	margin: 5px 5px 0 0;
	border: 1px #ccc solid;
	float: left;
	border-radius: 10px;
}

.viewer_list_div .caption {
	padding-bottom: 5px;
}

.currentRow {
	background-color: #F9F9FB !important;
}

.currentCol {
	background-color: #E7E8EF !important;
}

.viewer_btn {
	margin: 5px;
	float: right;
}