body{font:100% Roboto,sans-serif;color:#404040;font-size:.9em;margin:0}h1{color:#3b60a5}.w100{width:100px}.w150{width:150px}.w200{width:200px}.w250{width:250px}.w300{width:300px}.w350{width:350px}.w400{width:400px}.w450{width:450px}.btn{display:inline-block;margin-right:2px;padding:10px 25px;background:none;border:1px solid #c0c0c0;border-radius:8px;color:#404040;font-size:1.125em;outline:none}.btn-green{color:#fff;background:#2ecc71;transition:all 0.3s ease}.btn-green:hover{background:#208e4e;transition:all 0.3s ease}.btn-green:active{background:#124f2c}.btn-blue{color:#fff;background:#3498db;transition:all 0.3s ease}.btn-blue:hover{background:#1d6fa5;transition:all 0.3s ease}.btn-blue:active{background:#124364}.btn-yellow{color:#585858;background:#f1c40f;transition:all 0.3s ease}.btn-yellow:hover{background:#aa8a0a;transition:all 0.3s ease}.btn-yellow:active{background:#614f06}.btn-red{color:#fff;background:#e74c3c;transition:all 0.3s ease}.btn-red:hover{background:#bf2718;transition:all 0.3s ease}.btn-red:active{background:#7b190f}.btn-google-login{padding:0}section{padding:1em}section h1{font-size:2em;padding:0;margin:.5em 0}section h2{font-size:1.5em;padding:0;margin:1.5em 0 0 0}.quicksearch{display:flex;align-items:stretch}.quicksearch input[type="search"]{flex:1;min-width:0;font-size:1.08em;border:1px solid #d5def0;padding:.25em;margin-right:.5em;outline:none;transition:all 0.3s ease}.quicksearch input[type="search"]:focus{border:1px solid #3b60a5;transition:all 0.3s ease}.quicksearch button{padding:10px 16px}#search_results{display:flex;flex-wrap:wrap}#search_results .searchitem{display:inline-block;text-decoration:none;color:#404040;border:1px solid #3b60a5;border-radius:16px;text-align:center;padding:.5em 1em;margin:.5em .5em 0 0;background:white;transition:all 0.3s ease}#search_results .searchitem:visited{color:inherit}#search_results .searchitem:active{color:inherit}#search_results .searchitem:hover{color:inherit;background:#eaeff7;transition:all 0.3s ease}#search_results .searchitem p{margin:0;padding:0}#profileHeader{display:flex;min-height:175px}#profileHeader #profileAvatar .avatar{width:150px;height:150px;border-radius:75px}#profileHeader #profileAvatar .default-avatar{text-align:center;vertical-align:middle;line-height:150px;font-size:60px;color:white;border-radius:75px}#profileHeader #profileGeneralInfo{padding:0 0 0 16px}#profileHeader #profileGeneralInfo h2{margin:0;margin-bottom:4px;padding:0}#profileHeader #profileGeneralInfo ul{list-style:none;padding:0;margin:0}#profileHeader #profileGeneralInfo ul li{display:flex;padding:.15em 0}#profileHeader #profileGeneralInfo ul li .header{width:150px}#profileHeader #profileGeneralInfo ul li .value{font-weight:bold}#connections{margin:.5em 0}#trades{margin:.5em 0}#purchases{margin:.5em 0}.table-row{display:flex}.table-row .column{height:36px;line-height:36px;vertical-align:middle;display:inline-flex;align-items:center}.table-row .column.icon{background-size:24px;background-repeat:no-repeat;background-position:center}.more-rows{padding:5px;color:blue;text-decoration:none}.table-row:nth-child(1){color:#fff;background-color:#949494}.table-row:nth-child(even){background-color:#f2f2f2}.connections .column:nth-child(1){min-width:150px;width:150px;padding-left:32px}.trades .column:nth-child(1){min-width:150px;width:150px;padding-left:32px}.purchases .column:nth-child(1){min-width:32px;width:32px}.purchases .column:nth-child(2){min-width:150px;width:150px}.purchases .column:nth-child(3){min-width:250px;width:250px}.purchases .column:nth-child(4){min-width:250px;width:250px}.game-item-icon{height:30px;padding:0 8px;margin:0 4px 0 0;font-size:85%;background:#d9d9d9;color:#404040;border-radius:12px;display:inline-flex;align-items:center;white-space:nowrap}.game-item-icon:before{display:inline-block;content:'';width:20px;height:20px;background-size:100% 100%;margin-right:5px}.game-item-icon-c:before{background-image:url("/static/img/ic_coin.png")}.game-item-icon-h:before{background-image:url("/static/img/ic_hint.png")}.game-item-icon-w:before{background-image:url("/static/img/ic_wordalyzer.png")}.game-item-icon-sub_na:before{background-image:url("/static/img/ic_noads.png")}.game-item-icon-ac:before{background-image:url("/static/img/ic_avatar-change.png")}.game-item-icon-nc:before{background-image:url("/static/img/ic_name-change.png")}.itemlist{display:flex;flex-wrap:wrap}.itemlist .item{border:1px solid #3b60a5;border-radius:16px;text-align:center;padding:.5em 1em;margin:.5em .5em 0 0;background:white;transition:all 0.3s ease;cursor:default}.itemlist .item:hover{background:#eaeff7;transition:all 0.3s ease}.itemlist .item .name{color:#3b60a5}.itemlist .item .value{font-weight:bold}.form{padding:1em 0}.form .row{display:flex;justify-content:flex-end;align-items:center;padding:.5em 0}.form .row label{padding:.5em 1em .5em 0;flex:1;max-width:350px}.form .row input[type="search"]{flex:2;font-size:1.08em;border:1px solid #d5def0;padding:.25em;outline:none;transition:all 0.3s ease}.form .row input[type="search"]:focus{border:1px solid #3b60a5;transition:all 0.3s ease}.form .row div,.form .row span{flex:2}.menu{color:#3b60a5;background:#e7ebf3;height:100vh;width:280px;position:fixed;top:0;left:0;z-index:5;outline:none}.menu .title{padding:1.5em 0.5em 1em 0.5em;text-align:center}.menu .title .header #logo{width:50%}.menu .title .header h2{font-weight:normal;margin:4px 0;padding:0}.menu ul{list-style:none;padding:0.5em 0;margin:0}.menu ul li{color:#7292cd;padding:0.5em 1em 0.5em 1em;font-weight:regular;background-repeat:no-repeat;background-position:left 15px center;background-size:auto 20px;cursor:pointer;transition:all 0.3s ease}.menu ul li.icon-dashboard{background-image:url(@icon-url-dashboard)}.menu ul li.icon-customers{background-image:url(@icon-url-customers)}.menu ul li.icon-users{background-image:url(@icon-url-users)}.menu ul li.icon-settings{background-image:url(@icon-url-settings)}.menu ul li:hover{color:#3b60a5;background-color:#dadfe8;transition:all 0.3s ease}.menu ul li:focus{outline:none}.menu ul li.active{font-weight:bold;background-color:#ccd2df}main{position:relative;height:100vh;padding:8px 8px 0 288px}#login{text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}#login #logo{width:400px}#loader{position:fixed;top:0;right:0;width:100%;height:100%;z-index:10000000;overflow:hidden;background-color:gray;opacity:0.5;filter:alpha(apocity=50);display:none}#loader:after{content:"";display:block;position:absolute;left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-radius:50%;border:8px solid #000;border-color:#000 transparent;animation:loader 1.5s linear infinite}@keyframes loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#footer{position:fixed;bottom:0;width:100%;height:50px;background:#d6d6d6;text-align:center;line-height:50px;z-index:1000}#content{padding:8px}