.signature-pad{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.signature-pad{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:99999;display:flex;justify-content:center;align-items:center}
.signature-pad > .bg{z-index:1040;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5}

.m-signature-pad{z-index:1041;position:relative;font-size:10px;width:100%;max-width:634px;border:1px solid #e8e8e8;background-color:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 1.0), 0 0 40px rgba(0, 0, 0, 0.15) inset;border-radius:4px}

.pad-wrap{position:relative;margin:15px;margin-bottom:0;border:1px solid #c8c8c8;float:left}

.pad-bg{position:relative;float:left;width:100%;height:auto}

.m-signature-pad--body{position:absolute;top:0;left:0;width:100%;height:100%}

.pad-wrap .crossLine{position:absolute;top:0;left:0;width:100%;height:100%}
.pad-wrap .crossLine > span{position:absolute;border:1px dashed #e8e8e8}
.pad-wrap .crossLine > .horizon{top:50%;margin-top:-1px;width:100%}
.pad-wrap .crossLine > .vertical{left:50%;margin-left:-1px;height:100%}

.pad-wrap canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;box-shadow:0 0 5px rgba(0, 0, 0, 0.02) inset}

.m-signature-pad--footer{position:relative;padding:15px;float:left;width:100%;box-sizing:border-box}
.m-signature-pad--footer .description{color:#444;text-align:center;font-size:12px;line-height:22px;margin-top:0}
.m-signature-pad--footer .left{float:left}
.m-signature-pad--footer .right{float:right}

@media(max-width:767px){
	.pad-wrap{margin:10px;margin-bottom:0}
	.m-signature-pad--footer{padding:10px}
}