.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}