#buttonsgeneral { font-family: arial; color: #FFFFFF !important; font-size: 14px; text-shadow: 1px 1px 0px #7CACDE; box-shadow: 1px 1px 2px #BEE2F9; padding: 10px 25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #3866A3; background: #63B8EE; background: linear-gradient(top, #63B8EE, #468CCF); background: -ms-linear-gradient(top, #63B8EE, #468CCF); background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF)); background: -moz-linear-gradient(top, #63B8EE, #468CCF); } #buttonsgeneral:hover { color: #14396A !important; background: #468CCF; background: linear-gradient(top, #468CCF, #63B8EE); background: -ms-linear-gradient(top, #468CCF, #63B8EE); background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE)); background: -moz-linear-gradient(top, #468CCF, #63B8EE); } #MMbtnStart { font-family: arial; color: #FFFFFF !important; font-size: 14px; text-shadow: 1px 1px 0px #7CACDE; box-shadow: 1px 1px 2px #BEE2F9; padding: 10px 25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #3866A3; background: #63B8EE; background: linear-gradient(top, #63B8EE, #468CCF); background: -ms-linear-gradient(top, #63B8EE, #468CCF); background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF)); background: -moz-linear-gradient(top, #63B8EE, #468CCF); } #MMbtnStart:hover { color: #14396A !important; background: #468CCF; background: linear-gradient(top, #468CCF, #63B8EE); background: -ms-linear-gradient(top, #468CCF, #63B8EE); background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE)); background: -moz-linear-gradient(top, #468CCF, #63B8EE); } #MMbtnQuit { font-family: arial; color: #FFFFFF !important; font-size: 14px; text-shadow: 1px 1px 0px #7CACDE; box-shadow: 1px 1px 2px #BEE2F9; padding: 10px 25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #3866A3; background: #63B8EE; background: linear-gradient(top, #63B8EE, #468CCF); background: -ms-linear-gradient(top, #63B8EE, #468CCF); background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF)); background: -moz-linear-gradient(top, #63B8EE, #468CCF); } #MMbtnQuit:hover { color: #14396A !important; background: #468CCF; background: linear-gradient(top, #468CCF, #63B8EE); background: -ms-linear-gradient(top, #468CCF, #63B8EE); background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE)); background: -moz-linear-gradient(top, #468CCF, #63B8EE); } input[type=range] { height: 26px; -webkit-appearance: none; margin: 10px 0; width: 100%; background: transparent; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 14px; cursor: pointer; animate: 0.2s; box-shadow: 1px 1px 1px #50555C; background: #50555C; border-radius: 14px; border: 0px solid #000000; } input[type=range]::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000; border: 0px solid #000000; height: 20px; width: 40px; border-radius: 12px; background: #529DE1; cursor: pointer; -webkit-appearance: none; margin-top: -3px; } input[type=range]:focus::-webkit-slider-runnable-track { background: #50555C; } input[type=range]::-moz-range-track { width: 100%; height: 14px; cursor: pointer; animate: 0.2s; box-shadow: 1px 1px 1px #50555C; background: #50555C; border-radius: 14px; border: 0px solid #000000; } input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 0px #000000; border: 0px solid #000000; height: 20px; width: 40px; border-radius: 12px; background: #529DE1; cursor: pointer; } input[type=range]::-ms-track { width: 100%; height: 14px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: #50555C; border: 0px solid #000000; border-radius: 28px; box-shadow: 1px 1px 1px #50555C; } input[type=range]::-ms-fill-upper { background: #50555C; border: 0px solid #000000; border-radius: 28px; box-shadow: 1px 1px 1px #50555C; } input[type=range]::-ms-thumb { margin-top: 1px; box-shadow: 0px 0px 0px #000000; border: 0px solid #000000; height: 20px; width: 40px; border-radius: 12px; background: #529DE1; cursor: pointer; } input[type=range]:focus::-ms-fill-lower { background: #50555C; } input[type=range]:focus::-ms-fill-upper { background: #50555C; }