.btn-merah { background: #000b0f; background: -moz-linear-gradient(-45deg, #000b0f 0%, #005d72 25%, #005d72 75%, #001042 100%); background: -webkit-linear-gradient(-45deg, #000b0f 0%,#005d72 25%,#005d72 75%,#001042 100%); background: linear-gradient(135deg, #000b0f 0%,#193a60 25%,#193a60 75%,#001042 100%); position: relative; border-bottom: 5px solid #07303c; border-radius: 0px; outline: none; font-family: Georgia; font-size: 21px; text-decoration: none !important; text-align: center; color: #FFF !important; text-shadow: #333 0 -1px 1px; box-shadow: #333 0 3px 5px -3px; top: 0; transition: all .1s linear; -webkit-transition: all .1s linear; cursor: pointer; } .btn-merah:focus, .btn-merah:hover, .btn-merah:active { background: #004672; background: -moz-linear-gradient(-45deg, #004a72 0%, #001a1c 26%, #00121c 75%, #004b72 99%); background: -webkit-linear-gradient(-45deg, #004a7200 0%,#001a1c 26%,#00121c 75%,#004b72 99%); background: linear-gradient(135deg, #004a72 0%,#00141c 26%,#00191c 75%,#004a72 99%); top: 2px; border-bottom: 3px solid #004354; box-shadow: #333 0 3px 4px -4px; color: #FFF !important; margin-bottom: 2px; } .btn-block { display: block; width: 100%; } .winning-gen-title { color: #7DE7F1; text-align: center; font-size: 19px; font-family: BebasNeueRegular,arial,Georgia, serif; margin-bottom: 10px; } .winning-no {background: #000000;background: -moz-linear-gradient(-45deg, #000000 10%, #282525 35%, #282525 65%, #000000 90%);background: -webkit-linear-gradient(-45deg, #000000 10%,#282525 35%,#282525 65%,#000000 90%);background: linear-gradient(135deg, #000000 10%,#045bc7 35%,#033b9f 65%,#000000 90%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );box-shadow: 0 0 2px 1px #ddd;border-radius: 8px;text-align: center;padding: 15px 10px;text-transform: uppercase;} .winning-title {background: linear-gradient(to top, #dcdcdc, #ffffff);color: #000000;text-align: center;font-weight: bolder;font-size: 19px;margin-bottom: 10px;}wrap .winning-no table { margin:0 auto 10px; } .winning-no input { border-radius: 0 !important; text-align: center !important; } .winning-no .win-btn-clear { background: rgba(0,0,0,0.75); border: none; border-radius: 6px; color: #fff; text-transform: uppercase; margin-top: 10px; padding: 5px 30px; } div#sidebar table { margin: 0 0px; width: 100%; } .inputt { width: 100%; height: 40px; font-size: 24px; font-weight: bold; } .inputtt { width: 60px; height: 40px; font-size: 24px; font-weight: bold; } .inputttt { width: 160px; height: 60px; font-size: 48px; font-weight: bold; } .table { width: 100%; display: table; table-layout: fixed; } .row { display: table-row; background: transparent; } .row:nth-of-type(odd) { background: transparent; } .cell { padding:1px; display: table-cell; font-weight: 700; text-align: center; vertical-align: middle; } @media screen and (max-width: 560px) { .cell { padding: 1px; display: block; }