.pages-tools-cs2-binds-generator .keyboard{text-align:center;width:55%;margin-top:20px;font-size:1.1rem}.pages-tools-cs2-binds-generator .keyboard .arrow{display:inline-block}.pages-tools-cs2-binds-generator .keyboard .numpad{display:inline-block}.pages-tools-cs2-binds-generator .keyboard .arrow_home{display:inline-block}.pages-tools-cs2-binds-generator .keyboard .main{display:inline-block}.pages-tools-cs2-binds-generator .keyboard .result{display:inline-block}.pages-tools-cs2-binds-generator .keyboard .kb_up{margin:.5% 1%}.pages-tools-cs2-binds-generator .keyboard .main{margin:.5% 1%}.pages-tools-cs2-binds-generator .output{margin-left:4%}.pages-tools-cs2-binds-generator .keyboard table td{text-align:center;cursor:pointer;color:#eee;background:#7f8c8d;border:1px solid #000;width:50px;height:50px;padding:0}.pages-tools-cs2-binds-generator .keyboard table td:hover{background:#27ae60}.pages-tools-cs2-binds-generator .keyboard table td span{display:none}.pages-tools-cs2-binds-generator .keyboard{width:100%}.pages-tools-cs2-binds-generator .keyboard .main table{border-spacing:2px 1px}@media (min-width:769px){.pages-tools-cs2-binds-generator .keyboard .main table{width:700px}}.pages-tools-cs2-binds-generator .keyboard .main table #space{width:318.182px}.pages-tools-cs2-binds-generator .keyboard .empty{cursor:default;background-color:#ecf0f1;border:none}.pages-tools-cs2-binds-generator .keyboard .empty:hover{cursor:default;background-color:#ecf0f1}.pages-tools-cs2-binds-generator .output{width:100%;display:inline-block}.pages-tools-cs2-binds-generator .output span{float:left;text-align:left;width:65%;margin:1% 1% 1% 4%;font-size:1.1em;display:block}.pages-tools-cs2-binds-generator .output .span-btn{text-align:center;float:right;cursor:pointer;background-color:var(--secondary-500);color:#37474f;border:1px solid #000;width:22%;margin-right:4.6%;padding:.5% 0}.pages-tools-cs2-binds-generator .output .span-btn:active{position:relative;top:1px;left:1px}.pages-tools-cs2-binds-generator .output #reset{float:left;width:200px;margin-left:4.6%;margin-right:0}.pages-tools-cs2-binds-generator .output .result{width:100%;height:250px;color:var(--white-100);cursor:default;border:1px solid #000;margin-bottom:.5%;margin-left:0}.pages-tools-cs2-binds-generator .output .result:focus{outline:none}.pages-tools-cs2-binds-generator .keyboard .savedKey{color:red}.pages-tools-cs2-binds-generator #menu{width:100%;display:inline-block}.pages-tools-cs2-binds-generator #menu .img-list{margin:0}.pages-tools-cs2-binds-generator #menu input+label>img{cursor:pointer;box-sizing:border-box;opacity:.7;border:2px solid #d3d3d3;width:150px;height:112.5px;display:table}.pages-tools-cs2-binds-generator #menu img{background:-moz-linear-gradient(rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 100%);background:-o-linear-gradient(rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 100%);-o-transition:opacity .5s ease-in-out;background:linear-gradient(rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 100%);transition:opacity .5s ease-in-out}.pages-tools-cs2-binds-generator #menu input{display:none}.pages-tools-cs2-binds-generator #menu input+label>img:hover{opacity:.8;background:-moz-linear-gradient(rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);background:-o-linear-gradient(rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);background:linear-gradient(rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);border:2px solid #7f8c8d}.pages-tools-cs2-binds-generator #menu input:checked+label>img{opacity:1;background:-moz-linear-gradient(rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);background:-o-linear-gradient(rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);background:linear-gradient(rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%);border:2px solid #27ae60}.pages-tools-cs2-binds-generator #menu ul{list-style-type:none}.pages-tools-cs2-binds-generator #menu li{padding:5px;display:inline-block}.pages-tools-cs2-binds-generator #menu .img-list{text-align:center}.pages-tools-cs2-binds-generator #menu form{width:auto}.pages-tools-cs2-binds-generator #menu span{margin-left:5%;font-size:1.2em}.pages-tools-cs2-binds-generator #menu p{margin-left:5%;font-size:1.2em}.pages-tools-cs2-binds-generator #selectedkey{margin:0}.pages-tools-cs2-binds-generator #menu .toggle-btn{width:100%;margin-bottom:1%}.pages-tools-cs2-binds-generator footer{text-align:center;width:100%;margin:3% 0}.pages-tools-cs2-binds-generator table{box-shadow:0 0 0 var(--white-100);border:0}.pages-tools-cs2-binds-generator .arrow_home{margin-top:40px}.pages-tools-cs2-binds-generator .numpad{margin-top:40px}.pages-tools-cs2-binds-generator .step2{display:none}.pages-tools-cs2-binds-generator .step3{display:none}.pages-tools-cs2-binds-generator #pselect{display:none}.pages-tools-cs2-binds-generator .keyboard-left{margin:10px;display:inline-block}.pages-tools-cs2-binds-generator .keyboard-right{margin:10px;display:inline-block}@media (min-width:769px){.pages-tools-cs2-binds-generator .step2{min-width:800px;max-width:800px}}@media (min-width:769px){.pages-tools-cs2-binds-generator .step3{min-width:400px;max-width:400px}}.pages-tools-cs2-binds-generator .active a{color:#000}.pages-tools-cs2-binds-generator .tab-pane{display:none}.pages-tools-cs2-binds-generator .tab-pane.active{display:block}@media (max-width:768px){.pages-tools-cs2-binds-generator tr{flex-wrap:wrap;display:flex}.pages-tools-cs2-binds-generator .row{display:block}.pages-tools-cs2-binds-generator .col-md-4{min-width:100%;max-width:100%}}