* {margin: 0px; padding: 0 auto; box-sizing: border-box} a {font: 14px Roboto;line-height: 1.7;color: #666666;margin: 0px;transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s} a:focus {outline: none !important} a:hover {text-decoration: none;color: #333333} h1,h2,h3,h4,h5,h6 {font: 14px Roboto Condensed;color: #9c9c9c;text-transform: uppercase;margin: 0px} p {font: 12px Roboto;line-height: normal;line-height: 1.6;color: #9c9c9c;margin: 0px;padding: 9px 0 0px 6px;} ul, li {margin: 0px;list-style-type: none} @font-face {font-family: Roboto Condensed;src: url('/source/fonts/RobotoCondensed-Light.ttf')} @font-face {font-family: Roboto;src: url('/source/fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2')} @font-face {font-family: Roboto;src: url('/source/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2')} .register {position: absolute;top: 60px;height: 610px;width: 420px;background: #fff;border-radius: 0 0 3px 3px;padding: 20px;margin-bottom: 20px;margin: 0 243px 0 0;} .register .block {/*background: #f1ffeb63; */padding: 17px 0 20px 0;border-radius: 3px;text-align: center;/* border: 1px solid #bee3ad63;*/} .register .block i {font-size:40px;color:#00880f;text-align:left} .register .block span {font: 12px Roboto Condensed;color: #147500;text-transform: uppercase;} .register .block li {font: 13px Roboto Condensed;color: #9c9c9c;margin: 100px 20px 0 20px;} input{display:inline-block;width:100%;height:35px;line-height:22px;padding:10px;vertical-align:middle;border-radius:2px;background:#fff;border:1px solid #d7d7d7;-webkit-transition:border 0.2s linear 0s;transition:border 0.2s linear 0s;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} textarea{margin:0;overflow:auto;vertical-align:top;resize:none} textarea:focus,select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="file"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:#bbb}input[type="radio"],input[type="checkbox"]{line-height:normal;margin:-2px 6px 0 0;vertical-align:middle} input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}select[multiple],select[size],textarea{height:auto}input::-moz-placeholder,textarea::-moz-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0.6}input:focus{outline:none}input[type="file"],input[type="image"]{padding:0;border-width:0;background-color:transparent}.wide,.bb-editor textarea,.ui-dialog textarea,select#category,.quick-edit-text{width:100% !important}.form-group{margin-bottom:20px}select,input,textarea{font:normal 14px/1.5 Arial,Helvetica,sans-serif;color:#9c9c9c;outline:none} select{background:#fff;color:#ae1d1d;border:0;text-decoration:none;font:12px Roboto;border:0;cursor:pointer;appearance:none} option{color:#000;font:11px Tahoma} button[type=button]{background:#373737;color:#fff;border-radius:3px;text-decoration:none;font:12px Roboto;padding:15px 35px;white-space:nowrap;outline:0;vertical-align:middle;cursor:pointer} button[type=button]:active{background:#515151;color:#fff;outline:0;text-decoration:none;white-space:nowrap} button[type=submit]{background:#373737;color:#fff;border-radius:3px;text-decoration:none;font:12px Roboto;padding:15px 35px;white-space:nowrap;outline:0;vertical-align:middle;cursor:pointer} button[type=submit]:active{background:#515151;color:#fff;outline:0;text-decoration:none;white-space:nowrap} button {outline: none !important;border: none;background: transparent} button:hover {cursor: pointer} .none{display:none} @media (min-width: 500px) { body, html{background:#edeef0;color:#555;height:100%;font:13px Roboto} .header{background: #fff;padding: 1px 0 5px 0;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);border-bottom: 1px solid #f4f4f4;} .header .title{font: 16px Roboto Condensed;text-transform: uppercase;margin: -38px 0 0 65px} .header .text{font: 11px Roboto Condensed;color: #454343;padding-bottom: 7px;margin: -2px 0 2px 65px} .header .logo {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: 2px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo0 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -44px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo1 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -90px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo2 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -228px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo4 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -136px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo16 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -182px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo32 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -320px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo256 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: 2px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo12288 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -366px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo16384 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -412px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo20480 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -458px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo8193 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -550px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .header .logo24576 {background-image: url('/source/images/status111.png');background-size: cover;width: 46px;height: 46px;background-position: -504px 0;margin: 5px 0 0 12px;display: flex;cursor:pointer} .licq {width: 660px;margin: 0 auto} .licq .container{background: #fff;box-shadow: 0 10px 20px 1px rgba(0, 0, 0, 0.1);} .licq .footer {background: #fff;font: 13px Roboto Condensed;color: #cdcdcd;padding: 15px;box-shadow: 0 10px 20px 1px rgba(0, 0, 0, 0.1);border-top: 1px solid #f4f4f4;} .licq .footer span {float: right;} .licq .left {position: absolute;width: 420px;background: #fff;border-radius: 0 0 3px 3px;padding: 15px 15px 10px 15px;margin-bottom: 20px;margin: 0 243px 0 0;} .licq .left .rules{font: 13px Roboto Condensed;background: #f9f9f9;border-radius: 3px;margin: 0 0 30px 0;padding: 9px 13px;color: #9c9c9c;border: 1px solid #f4f4f4;} .licq .right {width: 240px;height: 100%;margin: 0 0 0 420px;border-left: 1px solid #f4f4f4;} .licq .right .chat span {display: block;font: 13px Roboto Condensed;text-align: center;text-transform: uppercase;padding: 13px 0;color: #868686;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;} .licq .right .chat li {font: 12px Roboto;color: #9c9c9c;padding: 9px 0 9px 30px;border-bottom: 1px solid #f4f4f4;} .licq .right .chat i{position: absolute;background-image: url('/source/images/status.png');background-size: cover;width: 16px;height: 16px;margin: -1px 0 0 -20px;} .licq .right .chat .img0{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: -16px 0;} .licq .right .chat .img1{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: -32px 0;} .licq .right .chat .img2{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: 48px 0;} .licq .right .chat .img4{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: -48px 0;} .licq .right .chat .img16{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: 64px 0;} .licq .right .chat .img32{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: -112px 0;} .licq .right .chat .img256{position: absolute;background-image: url('/source/images/status.png');background-size: cover;} .licq .right .chat .img8193{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: 32px 0;} .licq .right .chat .img12288{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: 96px 0;} .licq .right .chat .img16384{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: 80px 0;} .licq .right .chat .img20480{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: 64px 0;} .licq .right .chat .img24576{position: absolute;background-image: url('/source/images/status.png');background-size: cover;background-position: 48px 0;} .licq .right .chat .cli100000{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli100001{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli100002{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli100004{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli1000016{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli1000032{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli10000256{} .licq .right .chat .cli100008193{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli1000012288{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli1000016384{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli1000020480{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli1000024576{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 432px 0;width: 16px;height: 16px;margin: -1px 0 0 110px;} .licq .right .chat .cli110010{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli110011{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli110012{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli110014{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli1100116{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli1100132{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli11001256{} .licq .right .chat .cli110018193{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli1100112288{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli1100116384{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli1100120480{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli1100124576{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -48px 0;width: 16px;height: 16px;margin: -1px 0 0 84px;} .licq .right .chat .cli110020{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli110021{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli110022{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli110024{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli1100216{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli1100232{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli11002256{} .licq .right .chat .cli110028193{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli1100212288{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli1100216384{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli1100220480{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli1100224576{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -544px 0;width: 16px;height: 16px;margin: -1px 0 0 92px;} .licq .right .chat .cli110030{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -224px 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli110031{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -224px 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli110032{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -224px 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli110034{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -224px 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli1100316{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -224px 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli1100332{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: -224px 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli11003256{} .licq .right .chat .cli110038193{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli1100312288{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli1100316384{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli1100320480{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli1100324576{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 61px;} .licq .right .chat .cli110040{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli110041{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli110042{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli110044{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli1100416{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli1100432{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli11004256{} .licq .right .chat .cli110048193{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli1100412288{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli1100416384{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli1100420480{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .chat .cli1100424576{position: absolute;background-image: url('/source/images/clients.png');background-size: cover;background-position: 0 0;width: 16px;height: 16px;margin: -1px 0 0 63px;} .licq .right .navigation span {display: block;font: 13px Roboto Condensed;text-align: center;text-transform: uppercase;padding: 13px 0;color: #868686;border-bottom: 1px solid #f4f4f4;} .licq .right .navigation ul {font-size: 12px;color: #9c9c9c;padding: 9px 10px;border-bottom: 1px solid #f4f4f4;cursor: pointer;} .licq .right .navigation .select{color: #e33b3b;} .licq .right .update {padding: 0 0 1px 0;} .licq .right .update span {display: block;font: 13px Roboto Condensed;text-align: center;text-transform: uppercase;padding: 13px 0;color: #868686;border-bottom: 1px solid #f4f4f4;} .licq .right .update ul {font-size: 12px;color: #9c9c9c;padding: 9px 10px;border: 1px solid #eee;background: #fff;margin: 10px;border-radius: 3px;} .licq .right .statistics table{margin: 0 auto;padding: 30px 0;font: 13px Roboto Condensed;} .licq .right .statistics span {display: block;font: 13px Roboto Condensed;text-align: center;text-transform: uppercase;padding: 13px 0;color: #868686;border-bottom: 1px solid #f4f4f4;} .licq .right .statistics .online {display: inline-block;color: #9c9c9c;font-weight: normal;margin: 0 20px 0 0;padding: 7px 11px;border-radius: 3px;border: 1px solid #19c900;} .licq .right .statistics .total {color: #9c9c9c;font-weight: normal;border-radius: 3px;padding: 7px 11px;border: 1px solid #b8b8b8;} .licq .left .img{background-image: url('/source/images/status.png');width: 16px;height: 16px;margin: -1px 0 0 -20px;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img0{background-image: url('/source/images/status.png');background-position: -16px 0;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img1{background-image: url('/source/images/status.png');background-position: -32px 0;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img2{background-image: url('/source/images/status.png');background-position: 144px 0;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img4{background-image: url('/source/images/status.png');background-position: -48px 0;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img16{background-image: url('/source/images/status.png');background-position: 160px 0;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img32{background-image: url('/source/images/status.png');background-position: -112px 0;width: 16px;height: 16px;margin: 0 auto;} /* .licq .left .img32::after { */ /* content: "Готов к общению"; */ /* position: absolute; */ /* font: 10px Roboto Condensed; */ /* margin: 2px 0 0 14px; */ /* color: #9c9c9c; */ /* } */ .licq .left .img256{background-image: url('/source/images/status.png');width: 16px;height: 16px;margin: 0 auto;} .licq .left .img8193{background-image: url('/source/images/status.png');background-position: 32px 0;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img12288{background-image: url('/source/images/status.png');background-position: 96px 0;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img16384{background-image: url('/source/images/status.png');background-position: 80px 0;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img20480{background-image: url('/source/images/status.png');background-position: 64px 0;width: 16px;height: 16px;margin: 0 auto;} .licq .left .img24576{background-image: url('/source/images/status.png');background-position: 48px 0;width: 16px;height: 16px;margin: 0 auto;} .result {width:100%;margin-top:-1px;font-size:12px;color:#9c9c9c;border-collapse: collapse} .result th {font: 12px Roboto;border: 1px solid #f4f4f4;padding: 8px;} .result td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #cacaca;border: 1px solid #f4f4f4;} .result .uin{width:73px;border: 1px solid #f4f4f4;text-align: center;} .result .nick{width:190px;border: 1px solid #f4f4f4;text-align: center;} .result .name{border: 1px solid #f4f4f4;text-align: center;} .result .names{width:73px;border: 1px solid #f4f4f4;text-align: left;} .result .total{width:160px;border: 1px solid #f4f4f4;text-align: center;} .result .gender1::after {content: "Женский";} .result .gender2::after {content: "Мужской";} .noresult {position: relative;background: #fff;font: 12px Roboto;color: #9c9c9c;margin: -69px 0 0 0;text-align: center;padding: 120px 0;} .licq .left .online{position: absolute;width: 16px;height: 16px;background-image: url('/source/images/status.png');background-size: cover;background-position: -16px 0;margin: 2px 0 0 0;} .licq .left .offline{position: absolute;width: 16px;height: 16px;background-image: url('/source/images/status.png');background-size: cover;margin: 2px 0 0 0;} .licq .left .away{position: absolute;width: 16px;height: 16px;background-image: url('/source/images/status.png');background-size: cover;background-position: -32px 0;margin: 2px 0 0 0;} .licq .left .ndn{position: absolute;width: 16px;height: 16px;background-image: url('/source/images/status.png');background-size: cover;background-position: 144px 0;margin: 2px 0 0 0;} .licq .left .na{position: absolute;width: 16px;height: 16px;background-image: url('/source/images/status.png');background-size: cover;background-position: -48px 0;margin: 2px 0 0 0;} .licq .left .occupied{position: absolute;width: 16px;height: 16px;background-image: url('/source/images/status.png');background-size: cover;background-position: 160px 0;margin: 2px 0 0 0;} .licq .left .ffch{position: absolute;width: 16px;height: 16px;background-image: url('/source/images/status.png');background-size: cover;background-position: -112px 0;margin: 2px 0 0 0;} .licq .left .invisible{position: absolute;width: 16px;height: 16px;background-image: url('/source/images/status.png');background-size: cover;background-position: 128px 0;margin: 2px 0 0 0;} .download{display:inline-block;padding:0 11px;margin:0 0 40px 22px;text-align:center;cursor:pointer} .download .icon{padding-bottom:3px;line-height:21px} .download .name{font:13px Roboto Condensed;line-height:10px;color:#000} .qip2005 {display: inline-block;background-image: url('/source/images/clients.png');background-position: 0 0;width: 16px;height: 16px;} .qip2012 {display: inline-block;background-image: url('/source/images/clients.png');background-position: -224px 0;width: 16px;height: 16px;} .infium {display: inline-block;background-image: url('/source/images/clients.png');background-position: -224px 0;width: 16px;height: 16px;} .icq65 {display: inline-block;background-image: url('/source/images/clients.png');background-position: -769px 0;width: 16px;height: 16px;} .miranda {display: inline-block;background-image: url('/source/images/clients.png');background-position: -16px 0;width: 16px;height: 16px;} .rq {display: inline-block;background-image: url('/source/images/clients.png');background-position: -48px 0;width: 16px;height: 16px;} .icq2001 {display: inline-block;background-image: url('/source/images/clients.png');background-position: -321px 0;width: 16px;height: 16px;} .description { font: 12px Roboto; text-align: center; text-transform: uppercase; padding: 0 0 45px 0; color: #868686; } } @media (max-width: 500px) { body, html {background:#fff;color:#555;height: 100%;font-family: Roboto, sans-serif} .header{background:#fff;margin:0 auto 0 auto;padding:5px 0 1px 5px} .header .title{font:16px Roboto Condensed;text-transform:uppercase;margin:-39px 0 0 45px} .header .text{font:11px Roboto Condensed;color:#454343;padding-bottom:7px;margin:-2px 0 2px 45px} .header img{width:40px;height:40px;cursor:pointer} .licq{width:100%;margin:0 auto} .licq .container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center} .licq .left{background:#fff;padding:20px;margin-bottom:20px} .licq .rules{font:12px Roboto Condensed;background:#f0f0f0;border-radius:3px;margin:0 0 30px 0;padding:9px 13px;color:#9c9c9c} .register{top:0;width:100%;margin:0 auto;position:absolute} .register .container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center} .register .block {background:#fff;background:#fff;padding:20px;margin-bottom:20px} .register .block-green{background:#aee19663;padding:17px 0 20px 0;border-radius:3px;font-size:13px;text-align:center;font-weight:100} .register .block-green i{font-size:40px;color:#00880f;text-align:left} .register .block-green span{font:15px Roboto Condensed;color:#147500;font-weight:600} .register .message {margin:30px 0 108px 0;font-size:14px;text-align:center} .register .download{text-align:center;font-size:12px} .register .download .block-download{display:inline-block;padding:0 11px;margin:0 0 30px 10px;text-align:center;cursor:pointer} .register .download .block-download .img{padding-bottom:3px;line-height:21px} .register .download .block-download .name{font:11px Roboto;line-height:10px} .register .download span{text-align:right} } .tftable {margin-top:-1px;font-size:12px;color:#9c9c9c;width:100%;border-collapse: collapse} .tftable th {font: 12px Roboto;border: 1px solid #f4f4f4;padding: 8px;} .tftable td {font-size:12px;border-width: 1px;padding: 8px;border: 1px solid #f4f4f4;} .tftable tr:hover {background-color:#f3f3f3} .tftable .colon1{width:100px;border: 1px solid #f4f4f4;text-align: left;} .tftable .colon2{width:160px;border: 1px solid #f4f4f4;} /* .search-result {width:100%;margin-top:-1px;font-size:12px;color:#9c9c9c;border-collapse: collapse} */ /* .search-result th {font: 12px Roboto;border: 1px solid #f4f4f4;padding: 8px;} */ /* .search-result td {font-size:12px;border-width: 1px;padding: 8px;border: 1px solid #f4f4f4;} */ /* .search-result .col1{width:60px;border: 1px solid #f4f4f4;} */ /* .search-result .col2{width:160px;border: 1px solid #f4f4f4;} */ .loadReg{display:none;background:#fff;text-align:center;padding:12px 18px 11px 23px;opacity:1} .loadReg .text{font:12px Roboto} .loadReg .loader{position:absolute;font-size:10px;margin:1px 0 0 -15px} .forgot{font-size:11px;color:#a8a6a6} .error1{ top: 79px; position: absolute; background: #fffcfc; border-radius: 3px; margin: 0 0 0 20px; padding: 10px 10px 32px 10px; color: #9c9c9c; border: 1px solid #ffeaea; width: 380px; text-align: center; font: 13px roboto Condensed; height: 115px; } .error1 span { display: block; border-bottom: 1px solid #ffeaea; margin: 0 -10px 13px -10px; padding: 1px 10px 10px 10px; text-align: left; font-size: 12px; text-transform: uppercase; } .error2{font-family:Roboto Condensed; text-align:center; color:#ff0000; margin:-320px 0 0 0;} .error3{font-family:Roboto Condensed; text-align:center; color:#ff0000; margin:-320px 0 0 0;} .offline-server{ width: 660px; text-align: center; color: #FF0000; padding: 20px; margin: 0 auto; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .licq-form .licq-input { сolor: #444; font: 12px/17px Roboto; position: relative; margin-bottom: 15px; } .licq-form .licq-input span{font: 13px Roboto condensed;color: #a7a7a7;} .licq-form .licq-input i{color: red;font: 14px Roboto;} .hfghfghfgh::before { content: ""; margin: -8px 0 0 8px; position: absolute; background-image: url('/source/images/search.png'); width: 16px; height: 16px; opacity: 0.2;} .hfghfghfgh { margin: -34px 0 0 0; height: 33px; float: right; } .licq-alert-validate::before { background:#fff; content: attr(data-validate); position: absolute; max-width: 70%; padding: 4px 25px 4px 10px; top: 65%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 2px; pointer-events: none; font-family:Roboto; color: #c80000; font-size: 12px; text-align: left; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; } .licq-alert-validate::after { content: "*"; font-family: FontAwesome; font-size: 22px; color: #c80000; display: block; position: absolute; background-color: #fff; top: 72%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px;padding: 4px 6px 5px 0px; } .licq-alert-validate:hover:before { visibility: visible; opacity: 1; } @media (max-width: 992px) { .licq-alert-validate::before { visibility: visible; opacity: 1; } }