@charset "utf-8";
#sign_name_box {
	border: 1px solid #ccc;
	position: relative;
}
#sign_name_box.error {
	border-color: red;
}
#sign_name_box.error_move {
	animation-name: _ErrorMove;
	animation-duration: 0.2s;
	animation-timing-function: linear;
	animation-iteration-count: 3;
}
@keyframes _ErrorMove {
	0% { left: 0; }
	25% { left: 15px; }
	50% { left: 0; }
	75% { left: -15px; }
	100% { left: 0; }
}
#snbx_pos {
	position: relative;
	padding-bottom: 33.33%;
}
#snbx_pos > div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
a#start_sign {
	display: table;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
a#start_sign > span {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.start_sign_view {
	color: #FFF;
	padding-left: 15px;
	display: table;
	margin: 0 auto;
	padding: 7px 10px;
	border-radius: 7px;
	background-color: #ff7e00;
}
.start_sign_view span {
	display: block;
	/* background: url(../Images/sign_open.png) left center no-repeat;
	background-size: 20px auto; */
	padding-left: 25px;
}
a#start_sign:hover {
	background-color: #eee;
}
a#start_sign:hover .start_sign_view {
	background-color: #C00;
}
#snbx_signhere {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.snbx_cbtns_box {
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.snbx_cbtns_box > div {
	float: left;
	margin-left: 15px;
}
.snbx_cbtns_box > div:first-child {
	margin-left: 0;
}
.snbx_cbtns_box a {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.snbx_cbtns_box a > span {
	display: none;
}
a#snbx_chancel {
	/* background-image: url(../Images/sign_chancel.png); */
	background-color: #b20000;
}
a#snbx_complete {
	/* background-image: url(../Images/sign_complete.png); */
	background-color: #999;
}
.locked a#snbx_complete {
	background-color: #00b226;
	cursor: default;
}
.signimg_base64 img {
	width: 100%;
	height: auto;
	vertical-align: top;
}