.pages-tools-cs2-crosshair-generator #wrapper{margin:0 auto;padding:10px}.pages-tools-cs2-crosshair-generator h1{margin:0;padding:.4em 1.4em;font-size:1.5em;font-weight:700;text-align:center!important}.pages-tools-cs2-crosshair-generator #wrapper_table{text-align:center;width:100%}.pages-tools-cs2-crosshair-generator #wrapper_table>*{vertical-align:top;text-align:center;display:inline-block}.pages-tools-cs2-crosshair-generator #wrapper_table>:first-of-type{width:calc(100% - 600px);padding-right:1em}.pages-tools-cs2-crosshair-generator #wrapper_table>*+*{width:540px}.pages-tools-cs2-crosshair-generator #wrapper_table>*>*{text-align:left}.pages-tools-cs2-crosshair-generator #container_wrapper{padding:1em}.pages-tools-cs2-crosshair-generator #container{cursor:none;vertical-align:top;width:100%;min-width:450px;height:510px;display:inline-block}.pages-tools-cs2-crosshair-generator #backgrounds{text-align:center;padding-top:5px;padding-bottom:10px}.pages-tools-cs2-crosshair-generator #backgrounds>*{cursor:pointer;border:1px solid gray;border-radius:4px;width:80px;height:50px;margin:0 4px;display:inline-block}.pages-tools-cs2-crosshair-generator #backgrounds img{border-radius:4px;height:50px}.pages-tools-cs2-crosshair-generator #controls img{width:15px;height:15px}.pages-tools-cs2-crosshair-generator #controls #crosshair_usealpha_wrapper .ui-button .ui-button-text:after{content:"Disabled"}.pages-tools-cs2-crosshair-generator #controls #crosshair_usealpha_wrapper .ui-button[aria-pressed=true] .ui-button-text:after{content:"Enabled"}.pages-tools-cs2-crosshair-generator #controls #crosshair_outline_draw_wrapper .ui-button .ui-button-text:after{content:"Disabled"}.pages-tools-cs2-crosshair-generator #controls #crosshair_outline_draw_wrapper .ui-button[aria-pressed=true] .ui-button-text:after{content:"Enabled"}.pages-tools-cs2-crosshair-generator #controls .spinner{width:38px}.pages-tools-cs2-crosshair-generator #controls table{margin:0 5px}.pages-tools-cs2-crosshair-generator #controls table td{width:1px;padding:.2em}.pages-tools-cs2-crosshair-generator #controls table tr td:first-of-type{vertical-align:top;padding-top:.7em}.pages-tools-cs2-crosshair-generator #controls .slider{width:200px}.pages-tools-cs2-crosshair-generator #controls #crosshair_usealpha_wrapper label{font-size:80%}.pages-tools-cs2-crosshair-generator #controls #crosshair_outline_draw_wrapper label{font-size:80%}.pages-tools-cs2-crosshair-generator #controls #crosshair_config{border:1px solid #aaa;width:100%;height:150px;box-sizing:border-box!important}.pages-tools-cs2-crosshair-generator #controls #crosshair_config_console{border:1px solid #aaa;width:100%;font-size:.8em}.pages-tools-cs2-crosshair-generator #controls #crosshair_color{width:100px}.pages-tools-cs2-crosshair-generator #controls #crosshair_color .sp-preview{width:60px;height:60px}.pages-tools-cs2-crosshair-generator #controls #crosshair_color .sp-replacer{border:1px solid #ddd;border-radius:4px}.pages-tools-cs2-crosshair-generator #controls #crosshair_color_r_slider .ui-slider-range{background:#ef2929}.pages-tools-cs2-crosshair-generator #controls #crosshair_color_r_slider .ui-slider-handle{border-color:#ef2929}.pages-tools-cs2-crosshair-generator #controls #crosshair_color_g_slider .ui-slider-range{background:#8ae234}.pages-tools-cs2-crosshair-generator #controls #crosshair_color_g_slider .ui-slider-handle{border-color:#8ae234}.pages-tools-cs2-crosshair-generator #controls #crosshair_color_b_slider .ui-slider-range{background:#729fcf}.pages-tools-cs2-crosshair-generator #controls #crosshair_color_b_slider .ui-slider-handle{border-color:#729fcf}.pages-tools-cs2-crosshair-generator #controls #crosshair_color_type{font-size:.8em}.pages-tools-cs2-crosshair-generator #controls #crosshair_color_type label{vertical-align:top}.pages-tools-cs2-crosshair-generator #controls #crosshair_dot_wrapper .ui-checkboxradio-label{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAGpJREFUOE/FU0EKwDAIS8/78g79eWdGHRHmhoxRIVgkUWstkNgAumHQZ5w0vlS8f2kbJj5Rtils5tvbYDhZBwVXVTkzrrxOEp9DcSf0WOAyGLKxzQlN4t3Eyg9LslkSom5677J66Yb9+zEOu7ZwucLIersAAAAASUVORK5CYII=) 50% no-repeat;width:15px;height:15px}.pages-tools-cs2-crosshair-generator #controls #crosshair_dot_wrapper .ui-checkboxradio-checked{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAHxJREFUOE9jYMAB/jMwNADxfxCNSw1O8QHVXEOJsxmAmsGYZADUxAjErECsQihgQCELwyBNSkC8BersA0BaAWoYsroGkLNA0YGMQWLOaGL8UC+gqAUpRDENaoMKkAbZCFIMoiWgmlFtxpNIQBpEgNiGnACjKLSHaPIk6GwAElF58MYBFJcAAAAASUVORK5CYII=)}.pages-tools-cs2-crosshair-generator .ui-menu{white-space:nowrap;width:120px;position:absolute}.pages-tools-cs2-crosshair-generator #crosshair_style{font-size:.7em}.pages-tools-cs2-crosshair-generator #crosshair_style_type{margin-right:10px}.pages-tools-cs2-crosshair-generator .tip{font-size:.8em}.pages-tools-cs2-crosshair-generator .crosshair-footer{color:#666;text-align:center;vertical-align:middle;background-color:#efefef;border-top:1px solid #999;margin-top:10px;padding:2px;font-size:.6em}.pages-tools-cs2-crosshair-generator .crosshair-footer a{color:#666}.pages-tools-cs2-crosshair-generator .crosshair-footer img{vertical-align:middle}.pages-tools-cs2-crosshair-generator table.title tr td{white-space:nowrap}.pages-tools-cs2-crosshair-generator table.title tr td+td{font-style:italic}.pages-tools-cs2-crosshair-generator table.title tr td+td+td{font-style:normal}.pages-tools-cs2-crosshair-generator .info{color:#666;margin-top:.5em;font-size:.8em}.pages-tools-cs2-crosshair-generator .info img{vertical-align:middle;margin-right:2px;width:10px!important;height:10px!important}.pages-tools-cs2-crosshair-generator span[title]{border-bottom:1px dotted #999}.pages-tools-cs2-crosshair-generator .table{width:100%;display:table}.pages-tools-cs2-crosshair-generator .table>*{vertical-align:top;display:table-cell}.pages-tools-cs2-crosshair-generator .center{text-align:center}.pages-tools-cs2-crosshair-generator .right{text-align:right}.pages-tools-cs2-crosshair-generator .hide{display:none!important}.pages-tools-cs2-crosshair-generator .hidden{visibility:hidden}.pages-tools-cs2-crosshair-generator #updatehashfield{background-color:#000;width:100%;height:50px;position:fixed}.pages-tools-cs2-crosshair-generator .tabs{vertical-align:top;width:100%;display:table}.pages-tools-cs2-crosshair-generator .tabs>*{vertical-align:top;display:table-cell}.pages-tools-cs2-crosshair-generator .tabs>:first-of-type{padding-left:1em}.pages-tools-cs2-crosshair-generator .tabs>:last-child{padding-right:1em}.pages-tools-cs2-crosshair-generator .tabs>*>*{cursor:pointer;padding:.4em 1.4em;font-size:.8em;display:inline-block}.pages-tools-cs2-crosshair-generator .tabs>*>.selected{color:#fff;background-color:#424556}.pages-tools-cs2-crosshair-generator .tabs>*>#tab_bind{float:right}.pages-tools-cs2-crosshair-generator .tab_content{background-color:#424556;border:1px solid #373a48;border-radius:4px}.pages-tools-cs2-crosshair-generator .tab_content>*{width:100%;display:none}.pages-tools-cs2-crosshair-generator .tab_content>*>*{padding:.5em}.pages-tools-cs2-crosshair-generator .tab_content>.selected{display:inline-block}.pages-tools-cs2-crosshair-generator #binds_tab table#binds_tab_table{width:100%}.pages-tools-cs2-crosshair-generator #binds_tab table#binds_tab_table>tbody>tr>td{padding:.2em}.pages-tools-cs2-crosshair-generator #binds_tab table#binds_tab_table>tbody>tr>td:first-of-type{vertical-align:top;padding-top:.4em;font-size:.9em}.pages-tools-cs2-crosshair-generator #binds_tab #binds_autoexes{white-space:nowrap;width:100%;height:10em;box-sizing:border-box!important}.pages-tools-cs2-crosshair-generator #binds_tab .bind_key_keyboard{cursor:pointer;vertical-align:middle;visibility:hidden;margin:0 .1em;display:inline-block}.pages-tools-cs2-crosshair-generator #binds_tab tbody>tr.bind:hover .bind_key_keyboard{visibility:visible}.pages-tools-cs2-crosshair-generator #binds_tab .bind_key_keyboard img{width:19px}.pages-tools-cs2-crosshair-generator #binds_tab input[name=bind_key]{text-align:center;width:6em;font-family:monospace}.pages-tools-cs2-crosshair-generator #binds_tab input.error{border-color:#8b0000}.pages-tools-cs2-crosshair-generator #bind_crosshairs{margin-bottom:1em}.pages-tools-cs2-crosshair-generator #bind_crosshairs input{border:1px solid #ccc;border-radius:2px;padding:.1em .2em}.pages-tools-cs2-crosshair-generator #bind_crosshairs .bind{vertical-align:middle}.pages-tools-cs2-crosshair-generator #bind_crosshairs .bind_crosshair_canvas{visibility:hidden;background-color:#fff;border:1px solid #ccc;width:19px;height:19px}.pages-tools-cs2-crosshair-generator #bind_crosshairs tbody .bind_crosshair_canvas{visibility:visible}.pages-tools-cs2-crosshair-generator #bind_crosshairs .add_bind{vertical-align:middle;cursor:pointer;display:inline-block}.pages-tools-cs2-crosshair-generator #bind_crosshairs .remove_bind{vertical-align:middle;cursor:pointer;display:inline-block}.pages-tools-cs2-crosshair-generator #bind_binds{margin-bottom:1em}.pages-tools-cs2-crosshair-generator #bind_binds input{border:1px solid #ccc;border-radius:2px;padding:.1em .2em}.pages-tools-cs2-crosshair-generator #bind_binds .bind_type{vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:2px;padding:.1em .2em;display:inline-block}.pages-tools-cs2-crosshair-generator #bind_binds .bind_type .bind_type_value{vertical-align:middle;color:#000;width:12em;padding-right:.2em;display:inline-block}.pages-tools-cs2-crosshair-generator #bind_binds .bind_type_drop{vertical-align:middle;cursor:pointer;display:inline-block}.pages-tools-cs2-crosshair-generator #bind_binds .add_bind{vertical-align:middle;cursor:pointer;display:inline-block}.pages-tools-cs2-crosshair-generator #bind_binds .remove_bind{vertical-align:middle;cursor:pointer;display:inline-block}.pages-tools-cs2-crosshair-generator #bind_binds_type{width:12em}.pages-tools-cs2-crosshair-generator #keyboard{z-index:1000;background-color:#fff;border:1px solid rgba(0,0,0,.3);width:auto;height:auto;padding:10px;display:none;position:fixed;box-shadow:0 4px 16px rgba(0,0,0,.2)}.pages-tools-cs2-crosshair-generator #keyboard button{cursor:pointer;color:#444;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#f5f5f5;border:1px solid rgba(0,0,0,.1);border-radius:2px;min-width:0;max-width:500px;min-height:0;max-height:62px;padding:1px;font-size:.9em;display:inline-block;position:relative}.pages-tools-cs2-crosshair-generator #keyboard table{border:0;margin:0;padding:0}.pages-tools-cs2-crosshair-generator #keyboard tr.top_row{margin:0;padding:0}.pages-tools-cs2-crosshair-generator #keyboard tr.top_row td{border:0;margin:0;padding:0}.pages-tools-cs2-crosshair-generator #keyboard table.f_row{font-size:.9em}.pages-tools-cs2-crosshair-generator #keyboard table.f_row td{border:0;margin:auto;padding-left:5px}.pages-tools-cs2-crosshair-generator #keyboard table.f_row td:first-of-type{padding-left:0}.pages-tools-cs2-crosshair-generator #keyboard table.f_row td .esc{width:40px;height:29px}.pages-tools-cs2-crosshair-generator #keyboard tr.top_row .pause{width:52px;height:29px;font-size:.8em}.pages-tools-cs2-crosshair-generator #keyboard table.f_row td .f_key{width:32px;height:29px;margin-left:3.5px}.pages-tools-cs2-crosshair-generator #keyboard td.keypads{vertical-align:bottom;border:0;margin:0;padding:0 0 0 10px}.pages-tools-cs2-crosshair-generator #keyboard td.arrows{vertical-align:bottom;border:0;margin:0;padding:0 0 0 10px}.pages-tools-cs2-crosshair-generator #keyboard button.picked{color:#999;background:0 0}.pages-tools-cs2-crosshair-generator #keyboard button.selected{color:#1c94c4;border:1px solid #fbd850}.pages-tools-cs2-crosshair-generator #promotion{text-align:center}@media screen and (max-width:1200px){.pages-tools-cs2-crosshair-generator #wrapper_table>*{display:table-row}.pages-tools-cs2-crosshair-generator .tabs>*>#add_bind{float:inherit}}.pages-tools-cs2-crosshair-generator td{border:0}.pages-tools-cs2-crosshair-generator .tooltipster-noninteractive{border-bottom:1px dotted #000}.pages-tools-cs2-crosshair-generator h5{margin-top:5px;padding-bottom:5px}.pages-tools-cs2-crosshair-generator table{border:0;box-shadow:0 0 #fff}.pages-tools-cs2-crosshair-generator td{vertical-align:middle;text-align:left;background:0 0}.pages-tools-cs2-crosshair-generator .tabs_wrapper *{box-sizing:content-box!important}.pages-tools-cs2-crosshair-generator tr:hover td{background:0 0}.pages-tools-cs2-crosshair-generator #bind_crosshairs td{vertical-align:middle;padding-top:0}.pages-tools-cs2-crosshair-generator .tip{margin:5px}.pages-tools-cs2-crosshair-generator .tabs div div{border-top:1px solid #373a48;border-left:1px solid #373a48;border-right:1px solid #373a48;border-top-left-radius:4px;border-top-right-radius:4px}.pages-tools-cs2-crosshair-generator canvas{border-radius:4px}.pages-tools-cs2-crosshair-generator .fillwidth{padding-left:10px!important}.pages-tools-cs2-crosshair-generator #crosshair_color_type{padding-left:10px!important}.pages-tools-cs2-crosshair-generator #crosshair_color_type{display:flex}.pages-tools-cs2-crosshair-generator .spinner{animation:none}.pages-tools-cs2-crosshair-generator .crosshair_template{display:inline-block}