.span4{width:80px;float:left;margin:0 8px 10px 8px}.letter.enter{background-color:#68a168}.letter div{color:#fff!important}.letter.clear{background-color:#c38a8a}.letter.next{background-color:#68a168}.letter.back{background-color:#bd9797}.letter.enter:hover{background-color:#388f38}.letter.clear:hover{background-color:#fe1d1d}.letter:hover{-moz-transition-property:background-color .2s linear 0s;-o-transition-property:background-color .2s linear 0s;-webkit-transition-property:background-color .2s linear 0s;transition-property:background-color .2s linear 0s;-moz-transition:background-color .2s linear 0s;-webkit-transition:background-color .2s linear 0s;-o-transition:background-color .2s linear 0s;transition:background-color .2s linear 0s}.num-color:hover{color:#fff;background-color:#9e9e9e;-moz-transition-property:background-color .2s linear 0s;-o-transition-property:background-color .2s linear 0s;-webkit-transition-property:background-color .2s linear 0s;transition-property:background-color .2s linear 0s;-moz-transition:background-color .2s linear 0s;-webkit-transition:background-color .2s linear 0s;-o-transition:background-color .2s linear 0s;transition:background-color .2s linear 0s}.num,.letter{border:1px solid #9e9e9e;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;height:80px;background-color:#fff;color:#333;cursor:pointer}.txt,.function{text-align:center;margin-top:22px;font-family:'Lato',sans-serif;line-height:30px}.txt{font-size:30px;color:#333}.function{font-size:20px;color:gray}.small{font-size:15px}.spanicons{width:72px;float:left;text-align:center;margin-top:40px;color:#9e9e9e;font-size:30px;cursor:pointer}.spanicons:hover{color:#3498db;-moz-transition-property:color .2s linear 0s;-o-transition-property:color .2s linear 0s;-webkit-transition-property:color .2s linear 0s;transition-property:color .2s linear 0s;-moz-transition:color .2s linear 0s;-webkit-transition:color .2s linear 0s;-o-transition:color .2s linear 0s;transition:color .2s linear 0s}.active{color:#3498db}.pad-container,textbox-container{min-width:288px;max-width:288px;position:relative;right:0;left:0;margin-right:auto;margin-left:auto;margin-bottom:0!important;width:90%}.pad-container{min-height:10em}.textbox-container{min-height:1em}::-webkit-input-placeholder{text-align:center}:-moz-placeholder{text-align:center}::-moz-placeholder{text-align:center}:-ms-input-placeholder{text-align:center}@charset "UTF-8";.fileinput-button{position:relative;overflow:hidden}.fileinput-button input{position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:200px;direction:ltr;cursor:pointer}@media screen\9{.fileinput-button input{filter:alpha(opacity=0);font-size:100%;height:100%}}.m-signature-pad-modal{font-size:10px;border:1px solid #e8e8e8;background-color:#f4f4f4;border-radius:4px}.m-signature-pad-modal:before,.m-signature-pad-modal:after{position:relative;z-index:-1;content:"";background:transparent;-webkit-transform:skew(-3deg) rotate(-3deg);-moz-transform:skew(-3deg) rotate(-3deg);-ms-transform:skew(-3deg) rotate(-3deg);-o-transform:skew(-3deg) rotate(-3deg);transform:skew(-3deg) rotate(-3deg)}.m-signature-pad-modal:after{-webkit-transform:skew(3deg) rotate(3deg);-moz-transform:skew(3deg) rotate(3deg);-ms-transform:skew(3deg) rotate(3deg);-o-transform:skew(3deg) rotate(3deg);transform:skew(3deg) rotate(3deg)}.m-signature-pad-modal--body{margin:5px;border:1px solid #f4f4f4}.m-signature-pad-modal--body canvas{border-radius:4px;height:100px;width:100%;background-color:#fff}.m-signature-pad-modal--footer{height:40px;background-color:#f4f4f4}.m-signature-pad-modal--footer .description{color:#c3c3c3;text-align:center;font-size:1.2em}.m-signature-pad-modal--footer .button{position:relative;bottom:0}.m-signature-pad-modal--footer .button.clear{left:0}.m-signature-pad-modal--footer .button.save{right:0}.m-signature-pad{position:absolute;font-size:10px;width:700px;height:400px;top:50%;left:50%;margin-left:-350px;margin-top:-200px;border:1px solid #e8e8e8;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.27),0 0 40px rgba(0,0,0,.08) inset;border-radius:4px}.m-signature-pad:before,.m-signature-pad:after{position:absolute;z-index:-1;content:"";width:40%;height:10px;left:20px;bottom:10px;background:transparent;-webkit-transform:skew(-3deg) rotate(-3deg);-moz-transform:skew(-3deg) rotate(-3deg);-ms-transform:skew(-3deg) rotate(-3deg);-o-transform:skew(-3deg) rotate(-3deg);transform:skew(-3deg) rotate(-3deg);box-shadow:0 8px 12px rgba(0,0,0,.4)}.m-signature-pad:after{left:auto;right:20px;-webkit-transform:skew(3deg) rotate(3deg);-moz-transform:skew(3deg) rotate(3deg);-ms-transform:skew(3deg) rotate(3deg);-o-transform:skew(3deg) rotate(3deg);transform:skew(3deg) rotate(3deg)}.m-signature-pad--body{position:absolute;left:20px;right:20px;top:20px;bottom:60px;border:1px solid #f4f4f4}.m-signature-pad--body canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.02) inset}.m-signature-pad--footer{position:absolute;left:20px;right:20px;bottom:20px;height:40px}.m-signature-pad--footer .description{color:#c3c3c3;text-align:center;font-size:1.2em;margin-top:1.8em}.m-signature-pad--footer .button{position:absolute;bottom:0}.m-signature-pad--footer .button.clear{left:0}.m-signature-pad--footer .button.save{right:0}@media screen and (max-width:1024px){.m-signature-pad{top:0;left:0;right:0;bottom:0;width:auto;height:auto;min-width:250px;min-height:140px;margin:5%}}@media screen and (min-device-width:768px) and (max-device-width:1024px){.m-signature-pad{margin:10%}}@media screen and (max-height:320px){.m-signature-pad--body{left:0;right:0;top:0;bottom:32px}.m-signature-pad--footer{left:20px;right:20px;bottom:4px;height:28px}.m-signature-pad--footer .description{font-size:1em;margin-top:1em}}