html, body {
    font-family: Open Sans, tahoma, arial;
	font-size: 14px;
	font-weight: 400;
    padding: 0;
    margin:0;
    padding-top: 40px;
    height: calc(100% - 110px);
    min-width: 480px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;    
}
/*
@media screen and (max-width: 560px) {
    html, body {
        background-image: none !important;    
    }   
}
*/
a {
    color: #0776a0;
    text-decoration: none;
    cursor:pointer;
    /* transition: color 0.2s ease, border-bottom-color 0.2s ease, background-color 0.2s ease; */
}
a:hover {
    color: #0c759d;
}

pre {
    white-space: break-spaces;
    word-break: break-all;
}

b {
    font-weight: 600;
}

h1, h2, h3 {
    font-weight: 600;
    padding:0;
    margin: 0;
}

input, select {
    height: 40px;
}

input, textarea {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        background: rgba(160, 160, 160, 0.045);
        border: none;
        border: solid 1px rgba(160, 160, 160, 0.3);
        border-radius: 5px;
        color: inherit;
        display: block;
        outline: 0;
        padding: 0 20px;
        text-decoration: none;
        width: calc(100% - 40px);
    }
    
    select {
        background: rgba(160, 160, 160, 0.045);
        border: none;
        border: solid 1px rgba(160, 160, 160, 0.3);
        border-radius: 5px;
        color: inherit;
        display: block;
        outline: 0;
        padding: 0 20px;
        text-decoration: none;
        width:100%;
    }
    textarea {
        padding: 20px;
    }
    
    .custom-checkbox > input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    
    .custom-checkbox > span {
        display: inline-flex;
        align-items: center;
        user-select: none;
    }
    
    .custom-checkbox>span::before {
        content: '';
        display: inline-block;
        width: 1em;
        height: 1em;
        flex-shrink: 0;
        flex-grow: 0;
        border: 1px solid #adb5bd;
        border-radius: 0.25em;
        margin-right: 0.5em;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
    }
    
    .custom-checkbox > input:not(:disabled):not(:checked)+span:hover::before {
        border-color: #b3d7ff;
    }

    .custom-checkbox > input:not(:disabled):active+span::before {
        background-color: #b3d7ff;
        border-color: #b3d7ff;
    }

    .custom-checkbox > input:focus+span::before {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-checkbox > input:focus:not(:checked)+span::before {
        border-color: #80bdff;
    }

    .custom-checkbox > input:checked+span::before {
        border-color: #0b76ef;
        background-color: #0b76ef;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }

    .custom-checkbox > input:disabled+span::before {
        background-color: #e9ecef;
    }
    
table {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
}

.in_table{
    display: inline-block;
    width: 90px;
}

.top-users-tab{
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin-top: 5px;
}

    .top-users-tab th, .top-users-tab td {
        vertical-align: top;
        padding: 7px 10px;
    }
    
    .top-users-tab th {
        font-weight: 600;  
    }
    .top-users-tab tr:nth-child(even) {
        /*background: #fafafa;*/
    }

.resp-tab, .resp-tab-adv, .resp-tab-area {
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}

.resp-tab-adv {
    margin-bottom: 20px;
}

    .resp-tab th, .resp-tab td {
        vertical-align: top;
        padding: 7px 10px;
    }
    
    .resp-tab-adv td, .resp-tab-area td, .resp-tab-area th {
        vertical-align: middle;
        padding: 7px 10px;
    }
    
        .resp-tab-area tr td, .resp-tab-area tr th {
            text-align: center;    
        }
        .resp-tab-area tr td:nth-child(1), .resp-tab-area tr th:nth-child(1),
        .resp-tab-area tr td:nth-child(3), .resp-tab-area tr th:nth-child(3) {
            text-align: left;    
        }
        .resp-tab-adv tr td:first-child {
            width: 35%;   
        }
        
        .resp-tab-adv .resp-small {
            font-size: 10px;
        }
    
    .resp-tab th, .resp-tab-area th {
        font-weight: 600;  
    }
    .resp-tab tr:nth-child(even) {
        /*background: #fafafa;*/
    }
    .resp-tab td .resp_title, .resp-tab-adv td .resp_title, .resp-tab-area td .resp_title {
        display: none;
        font-size: 11px;
        font-weight: 600;       
        padding: 7px 10px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;   
    }
    @media(max-width: 900px) {
        .resp-tab, .resp-tab-adv, .resp-tab-area {
            font-size: 12px;    
        }    
    }
    @media(max-width: 768px) {
        .resp-tab thead, .resp-tab-area thead {
            display: none;
        }
        .resp-tab tr, .resp-tab-adv tr, .resp-tab-area tr {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }
        .resp-tab-adv tr, .resp-tab-area tr {
            margin-bottom: 10px;
        }
        .resp-tab td, .resp-tab-adv td, .resp-tab-area td{
            margin: 0 -1px -1px 0;
            padding-top: 35px;
            position: relative;
            width: 100%;
        }
        .resp-tab-adv td {
            border: 0;
        }
        .resp-tab td .resp_title, .resp-tab-adv td .resp_title, .resp-tab-area td .resp_title {
            display: block;
        }
        .resp-tab-adv tr td:first-child, .resp-tab-area td .resp_id {
            display: none;    
        }
        
        .resp-tab-area td .gl_title {
            font-size: 15px;    
        }
        
        .resp-tab-area tr td, .resp-tab-area tr th {
            text-align: left;    
        }
        .resp-tab-area tr td:last-of-type {
            margin-bottom: 30px;    
        }
    }
    
.f-spinner{
    min-width: 150px;
}
.spinner{
    display: inline-block;
    background: url('img/spinner.gif') center center no-repeat;
    width: 16px;
    height: 11px;
}

.online{
    display: inline-block;
    margin:0 5px;   
}

    .online:before{
        content: '\f0ac';
        font-family: "Font Awesome 5 Pro";
        font-weight: 600;
    }

#error-footer{
    position: fixed;
    left:0;
    bottom:0;
    right:0;
    display:block;
    z-index:999999;
}
    #error-footer .footer-error, #error-footer .footer-succes{
        display:none;
        position: relative;
        font-size:14px;
        min-height:14px;
        border-bottom:1px solid #9b0000;
        line-height:25px;
        padding:10px 0;
        text-align:center;
        color:#FFF;
        text-shadow: 0 0 1px rgba(0,0,0,0.7);
        background-color: #d20000;
        padding-right:50px;
    }
    #error-footer .footer-succes{
        background-color: #86a41e;
        border-bottom:1px solid #667d17;
    }
    #error-footer .footer-error span, #error-footer .footer-succes span{
        position: absolute;
        display:inline-block;
        top:3px;
        right:0;
        border-left:1px solid rgba(255,255,255,0.7);
        text-align:center;
        width:50px;
        font-size:35px;
        line-height:40px;
        opacity:0.7;
        cursor:pointer;
    }
    #error-footer .footer-error span:hover, #error-footer .footer-succes span:hover{
        background-color: rgba(0,0,0,0.1);
        border-left:1px solid rgba(255,255,255,1);
        opacity:1;
    }
    
#navi-pg {padding:10px 0;margin:20px 0;font-size:13px;}
    #navi-pg .left, #navi-pg .center, #navi-pg .right{
        display:inline-block;
        text-align:center;
        float:left;
        vertical-align: middle;
    }
    #navi-pg .right span, #navi-pg .right a{
        padding:7px 10px;
    }
    #navi-pg a, #navi-pg .left span, #navi-pg .center span{
        text-decoration: none;
        border-right:0;
        padding:7px 10px;
    }
    #navi-pg .left a:hover, #navi-pg .center a:hover, #navi-pg .right a:hover{
    }
    #navi-pg .center span{
    }
    #navi-pg .select-num{
        float:right;
        margin-top: -6px;
    }
    #navi-pg .select-num select{
        width: auto;
        height: 32px;
        padding: 0 5px;
        display: inline-block;
    }
    #navi-pg span.np_none{
    }
    
    @media screen and (max-width: 750px) {
        #navi-pg .left, #navi-pg .center, #navi-pg .right{
            font-size: 13px; 
        }  
    }
    
    @media screen and (max-width: 710px) {
        #navi-pg .navi_blok{
            height: 40px;
        }
        #navi-pg .select-num{
            float: none;
            min-width: 80px;
        } 
    }
    
    @media screen and (max-width: 560px) {
        #navi-pg .navi_blok{
            width: auto;
            margin: 0 auto;
        }
        #navi-pg .right span, #navi-pg .right a, #navi-pg a, #navi-pg .left span, #navi-pg .center span{
            padding:7px 6px;
        }    
    }
    
#popup{
    width:60%; 
    max-width:750px; 
    min-width:300px; 
    display:none;
    position: absolute;
    z-index:10003;
    top:-700px;
    left:0;
}
    #popup .title-popup{
        margin:10px 0 0 10px; 
        display: inline-block; 
        padding:0 20px 5px 10px;
        font-size: 20px;
        font-weight: 300;
    }
    #popup .closed-popup{
        position: absolute;
        top:0;
        right:20px;
        font-size:35px;
        cursor:pointer;
    }
     
    #popup .text-popup{
        padding:10px 40px;
    }
    #popup .vopros-popup{
        font-size:17px;
        margin:20px 0;
    }
    
    #popup .info_api_pop_up{
        padding:30px 0;
    }
    
    #popup .button-pop-up{
        text-align: center;
        margin-bottom: 10px;
    }
    .form-popup{padding:0;margin:20px 0;}
    .form-popup .div-button{margin-top:10px;}
    
    @media screen and (max-width: 950px) {
        #popup{
            width: 80%;
        }   
    }
    
    @media screen and (max-width: 670px) {
        #popup{
            width: 90%;
        }   
    }
    
    @media screen and (max-width: 600px) {
        #popup .users-stat-line .title{
            font-weight: 600;
            display: block;
        }   
    }

.button {
    -moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 1px solid rgba(160, 160, 160, 0.5) ;
	color: #3c3b3b;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	padding: 0 40px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
    border-radius: 5px;
}
.button_m{
    height: 20px;
	line-height: 20px;
    font-size: 11px;
    padding: 0 10px;
    text-transform: none;
}

    .button:hover {
    	border: 1px solid #0c759d;
    	color: #0c759d;
    }

    .button:hover, .button:active {
    	
    }
    
    .button_search {
        padding: 0 20px;    
    }
    .button_job{
        margin:0 5px;
    }
    
    .button_green, a.button_green, .button_green:hover, a.button_green:hover,
    .button_red, a.button_red, .button_red:hover, a.button_red:hover,
    .button_grey, a.button_grey, .button_grey:hover, a.button_grey:hover{
        color: #fff;
    }
    
    .button_green, a.button_green{ 
        background-color: rgba(22, 139, 84, 0.7);
        border: 1px solid rgba(22, 139, 84, 0.75);
    }
    
    .button_green:hover, a.button_green:hover{ 
        background-color: rgba(22, 139, 84, 0.9);
        border: 1px solid rgba(22, 139, 84, 0.95);
    }

    .button_red, a.button_red{
        background-color: rgba(182, 58, 61, 0.7);
        border: 1px solid rgba(182, 58, 61, 0.75);
    }
    .button_red:hover, a.button_red:hover{
        background-color: rgba(182, 58, 61, 0.9);
        border: 1px solid rgba(182, 58, 61, 0.95);
    }

    .button_grey, a.button_grey {
        background-color: rgba(0, 0, 0, 0.4);
	    border: 1px solid rgba(0, 0, 0, 0.45);    
    }
    
    .button_grey:hover, a.button_grey:hover {
        background-color: rgba(0, 0, 0, 0.45);
	    border: 1px solid rgba(0, 0, 0, 0.5);    
    }

.red {
    color: #df0000;
}
.green {
    color: green;
}
.orange {
    color: #ee8900;
}

.info {
    margin: 10px 0px; 
    padding: 20px;
}

.menu_top > div > div > a.a_orange{
    color: #ee8900;    
}

.format-price{
        
}
    .format-price .format-price-lite{
        opacity: 0.3;
        font-weight:300;    
    }
    
.pay-h-img{
    width:25px;
    height:25px;
    display: inline-block;
    margin-right:5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;   
}
    .h-img-webmoney{ background-image: url('img/payments/pay-out-pages/webmoneylogo.png'); }
    .h-img-yandex{ background-image: url('img/payments/pay-out-pages/ydlogo.png'); }
    .h-img-payeer{ background-image: url('img/payments/pay-out-pages/payeerlogo.png'); }
    .h-img-qiwi{ background-image: url('img/payments/pay-out-pages/qiwilogo.png'); }
    .h-img-phone{ background-image: url('img/payments/pay-out-pages/mobilelogo.png'); }
    .h-img-perfect{ background-image: url('img/payments/pay-out-pages/perfectlogo.png'); }
    .h-img-advcash{ background-image: url('img/payments/pay-out-pages/advcashlogo.png'); }
    .h-img-faucetpay{ background-image: url('img/payments/pay-out-pages/faucetpaylogo.png'); }
    .h-img-azvox{ background-image: url('img/payments/pay-out-pages/azvoxlogo.png'); }
    .h-img-fkwallet{ background-image: url('img/payments/pay-out-pages/fkwalletlogo.png'); }
    .h-img-usdt-bep20{ background-image: url('img/payments/pay-out-pages/usdt_bep20.png'); }
    .h-img-usdt-ton{ background-image: url('img/payments/pay-out-pages/usdt_ton.png'); }
    .h-img-ltc{ background-image: url('img/payments/pay-out-pages/ltc.png'); }
    
.spin-wrapper{
    position: relative;
    display: block;
    width: 134px;
    height: 134px;
    background: #fff;
    margin: 30px auto;
}

.spinner_pop_up{
    position: absolute;
    height: 60px;
    width: 60px;
    border: 3px solid transparent;
    border-top-color: #A04668;
    top: 50%;
    left: 50%;
    margin: -30px;
    border-radius: 50%;
    animation: spin 2s linear infinite;  
}

    .spinner_pop_up:before, .spinner_pop_up:after{
      content:'';
      position: absolute;
      border: 3px solid transparent;
      border-radius: 50%;
    }

    .spinner_pop_up:before{
      border-top-color: #254E70;
      top: -12px;
      left: -12px;
      right: -12px;
      bottom: -12px;
      animation: spin 3s linear infinite;
    }

    .spinner_pop_up:after{
      border-top-color: #fb0000;
      top: 6px;
      left: 6px;
      right: 6px;
      bottom: 6px;  
      animation: spin 4s linear infinite;
    }

    @keyframes spin{
      0% {transform: rotate(0deg);}
      100% {transform: rotate(360deg);}
    }

#wrapper {
    max-width: 100%;
    min-height: 100%;
    width: 1440px;
    margin: 0 auto;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

#main {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -ms-flex: 1;
    order: 0;
    width: 100%;
}

    @media screen and (max-width: 940px) {
        #wrapper {
            display: block;
        }    
    }

#header {	
	height: 60px;
	position: fixed;
	top: 0;
    left: 0;
	width: 100%;
	z-index: 99;
}

.header_wrapper {	
	position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.logo {
    position: absolute;
    top:4px;
    left: 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1.5px;    
}
    .logo span.logo_mess {
        display: block;
        font-size: 11px;
        font-style: italic;
        text-transform: none;
        font-weight: 400;
        margin-top: -3px;
        line-height: 10px;
        letter-spacing: 0.3px;
    }

    .logo span.logo_online {
        font-size: 11px;
        font-weight: 400;
        vertical-align: top;
        letter-spacing: 0.3px;    
    }
    .logo span.logo_online:before{
        content: '\f0ac';
        font-family: "Font Awesome 5 Pro";
        font-weight: 600;
        margin-right: 3px;
    }

.mobile-opened-nav {
    overflow: hidden !important;
    overflow: -moz-scrollbars-none !important;
    -ms-overflow-style: none !important;
    height: 100%;
    width: 100%;
    position: fixed;
}

.mobile-css-icon-menu {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    display: none;
    width: 80px;
    height: 60px;
}

    @media screen and (max-width: 960px) {
        .mobile-css-icon-menu{
            display: block;    
        }  
    }
    
    .mobile-css-icon-menu div {
    }

    .mobile-css-icon-menu div {
        height: 4px;
        border-radius: 4px;
        display: block;
        position: absolute;
        width: 24px;
        right: 30px;
    }
    
    .mobile-css-icon-menu .mobile-css-icon-menu-line-1 {
        top: 18px;    
    }
    
    .mobile-css-icon-menu .mobile-css-icon-menu-line-2 {
        top: 26px;    
    }
    
    .mobile-css-icon-menu .mobile-css-icon-menu-line-3 {
        top: 34px;    
    }
 
.mobile-opened-nav .mobile-css-icon-menu-line-3 {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    -moz-transform: rotate3d(0,0,1,-45deg);
    -ms-transform: rotate3d(0,0,1,-45deg);
    -o-transform: rotate3d(0,0,1,-45deg);
    top: 26px;
}
.mobile-opened-nav .mobile-css-icon-menu-line-1 {
    -webkit-transform: rotate3d(0,0,1,45deg);
    -moz-transform: rotate3d(0,0,1,45deg);
    -ms-transform: rotate3d(0,0,1,45deg);
    -o-transform: rotate3d(0,0,1,45deg);
    top: 26px;
}
.mobile-opened-nav .mobile-css-icon-menu-line-2 {
    display: none;    
}

.mobile-css-icon-menu-line-1, .mobile-css-icon-menu-line-3 {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#pelena-popup {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;    
    left: 0;
    z-index: 10001;
    display: none;   
}
.menu_mobile {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    letter-spacing: 0.5px; 
    width: 400px;
    max-width: 80%;
    box-shadow: none;
    overflow-y: auto;
    z-index: 10002;
    -moz-transform: translateX(25em);
    -webkit-transform: translateX(25em);
    -ms-transform: translateX(25em);
    transform: translateX(25em);
    -moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
    -webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
    -ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
    transition: transform 0.5s ease, visibility 0.5s;    
}

    .menu_mobile > h3 {
        padding:10px 20px;
        font-weight: 600;
        margin:10px;
        cursor:pointer;
        border-radius: 5px;  
    }
    
    .menu_mobile > h3 i {
        float: right;
        margin-top:3px;    
    }
    
    .menu_mobile > hr {
        border: 0;
        height: 1px;
        margin:20px 0;
    }

    .menu_mobile a {
        display: block;
        padding:5px 0;
        margin: 0 40px;
    }
    
    .menu_mobile a i {
        width: 30px;
        font-size: 16px;
    }

        .menu_mobile a:hover {
        }
        
    .menu_mobile > .mobile_balance {
        text-align: center;
        margin:10px 0;    
    }

    .menu_login_mobile{
        margin-top: 30px;
        text-align: center;
    }

        .menu_login_mobile > a {
            display: block;
            margin: 0 auto;
            width: 250px;
            margin-bottom: 10px;
            padding:8px 0 8px 0;
            font-size: 14px;
        }

.mobile-opened-nav .menu_mobile {
    display: block;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;     
}

.mobile-opened-nav #pelena-popup {
    /*display: block;*/   
}
    body.mobile-opened-nav #wrapper {
        /*opacity: 0.15;*/
    }

.menu_top, .menu_login{
    position: absolute;
    top:0;
    bottom: 0;
}

.menu_top{
    left: 300px;
}

.menu_login{
    right: 30px;
    top:9px;
}

.button_login, .button_register {
    letter-spacing: 1.5px; 
    font-weight: 600;
    padding: 0 30px;
}

.button_login {
    margin-right: 20px;   
}

.button_login:hover, .button_login:active {
}

.button_register {
}

.button_register:hover, .button_register:active {
}

.ico_world_no_users, .ico_world_mobile {
    margin-left:20px;
    font-size: 30px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.6;
}
.ico_world_no_users:hover, .ico_world_mobile:hover {
    opacity: 1;
}

.ico_world_mobile {
    position: absolute;
    right:110px;
    top:15px;
    display: none;   
}
    
    @media screen and (max-width: 1320px) {
        .menu_top{
            left: 210px;    
        }    
    }
    
    @media screen and (max-width: 1220px) {
        .menu_login .button_login, .menu_login .button_register {
            font-size: 13px;
            padding:0 10px;
        }
        .menu_login .button_login {
            margin-right: 5px;
        }    
    }
    
    @media screen and (max-width: 960px) {
        .menu_top{
            display: none;    
        }
        .menu_login{
            right: auto;
            left: 210px;   
        }  
    }
    
    @media screen and (max-width: 700px) {
        .menu_login{
            display: none;   
        }
        .menu_login .button_login, .menu_login .button_register {
            font-size: 11px;
            padding:0 5px;
        }
        .menu_login .button_login {
            margin-right: 3px;
        }
        .ico_world_mobile {
            display: block;   
        }   
    }
   

.menu_top > div {
	float: left;
    /*height: 100%;*/
	position: relative;
}

.menu_top > div > a {
	text-align: center;
	height: 100%;
	display: block;
	line-height: 60px;
	text-transform: uppercase;
    font-weight: 400;
    padding:0 20px;
}

.menu_top > .balance_top > a {
    text-transform: none;
}

    .menu_top > .balance_top > a > span > b {
        display: inline-block;
        line-height: 30px;
        padding: 0 10px;
    }
    
    .menu_top > .balance_top > a > span > b.balance_out {
        border-radius: 5px;
    }
    
    .menu_top > .balance_top > a > span > b.balance_in {
        border-radius: 5px;
    }

.menu_top > div:hover > a {
	cursor: pointer;
}

    @media screen and (max-width: 1120px) {
        .menu_top > div > a {
            font-size: 13px;
            padding:0 10px;  
        }    
    }
    
    @media screen and (max-width: 1020px) {
        .hidden_news {
            display: none; 
        }    
    }
    
.menu_top > div > div {
	display: none;
	overflow: hidden;
	min-width: 240px;
	position: absolute;
	padding: 10px;
}

.menu_top > div > div > a {
    display: block;
    padding:10px;
    margin:3px 0;
    border-radius: 3px;
    font-size: 13px;    
}

.menu_top > div > div > a:hover {   
}

/*.menu_top > div:not(:first-of-type):not(:last-of-type) > div {
	left: -50%;
    margin-left:20px;
	border-radius: 0 0 3px 3px;
}*/
.menu_top > div > div {
	left: 0;
	border-radius: 0 0 3px 0;
}
/*.menu_top > div:last-of-type > div {
	left: 0;
	border-radius: 0 0 0 3px;
}*/

.balance_top.open-no:hover > div, .balance_top.open-top-menu > div {
	display: block;      
}
 
.blok_main {
    padding:20px;
	margin: 0 20px 20px 20px;
	position: relative;
    border-radius: 10px;
}

.menu_dop {
    margin: 0 20px 5px 20px;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    flex-flow: wrap;
}
    .menu_dop > a {
        display: inline-block;
        padding:15px 5px;
        text-align: center;
        flex: 1 1 0;
        min-width: 70px;
    }
    
    .menu_dop > a:hover {
        cursor: pointer;
    }

    .menu_dop > .active {
        font-weight: 600;
    }
    
    @media screen and (max-width: 550px) {
        .menu_dop {
           text-align: center;
        }
        .menu_dop > a {
            float: none;
            font-size: 13px;
            line-height: 35px;
            min-width: 49%;
            padding:0;
        }    
    }
    
.menu_adv{
    margin: 0 0 5px 0;
    overflow: hidden;  
}
    .menu_adv > a {
        display: inline-block;
        padding:8px 25px;
        min-width: 80px;
        text-align: center;
        float: left;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }
    
    .menu_adv > a:hover, .menu_adv > .active {
    	cursor: pointer;
    }
    
    .menu_adv > .active {
        font-weight: 600;    
    }
    
    @media screen and (max-width: 740px) {
        .menu_adv > a {
            min-width: auto;
        }    
    }
    
    @media screen and (max-width: 550px) {
        .menu_adv > a {
            font-size: 13px;
            line-height: 30px;
            padding:0 20px;
        }    
    }
    
.blok_left {
    width: 500px;
    min-width: 310px;
    padding:0 10px;    
}
.blok_left > h2 {
    font-size: 16px;
    text-align: center;
    margin:15px 0;    
}

    @media screen and (max-width: 940px) {
        .blok_left {
            margin: 0 auto;
            width: auto;
            max-width: 500px;
        }    
    }

.blok_statistics {
    margin-bottom: 30px;
    text-align: center;
    padding: 10px 0;
    border-radius: 10px;
}
    .blok_statistics > div {
        margin: 20px 0;
    }
    .blok_statistics .data_statistics{
        display: inline-block;
        margin: 0 auto 5px auto;
        width: 200px;
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 1.5px;
        padding: 10px;    
    }

    .blok_statistics .price_statistics {
        display: block;
        font-size: 16px;
        font-weight: 600;
    }

.blok_activity > div {
    padding: 5px;
    font-size: 12px;
}
.blok_activity > div > .date_activity {
    display: inline-block;
    width: 40px;    
}
.blok_activity > div > .price_activity{
    float: right;    
}

.blok_main .header_main{
    margin:-20px -20px 20px -20px;    
}

.blok_main .header_main > h2 {
    padding:15px 20px 15px 20px;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;  
}

.index_main > h2 {
    text-align: center;
}

.index_advertiser {
    text-align: center;    
}

.img_index {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    min-width: 150px;
    text-align: center;
}

.img_index_dop {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    min-width: 220px;
    text-align: center;
}

.padding_index {
   padding:10px 20px; 
}

.text_index > h3 {
    text-align: center;
    padding: 0;
    margin:10px 0;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding: 10px;
}

.text_index > ul {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
}

.text_index > ul > li {
    list-style-type: none;
    text-align: left;
    padding-left: 20px;
}

.ico_index {
    max-width: 250px;
    width: 100%;
    text-align: center;
    margin:0 auto;
}

.ico_index > img{
    width: 100%;
}

.button_index{
    text-align: center;
    margin:30px 0 20px 0;    
}

.button_index > .button {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    border-width: 1px;
    font-weight: 600;
    letter-spacing: 1.5px;    
}

@media screen and (max-width: 600px) {
        .button_index > .button {
            min-width: 300px;
            font-size: 14px;       
        }   
    }

.h_developers {
    padding:10px 0;
}

.table_api {
    width: 80%;
    margin: 20px auto;
    text-align: left;
    border-spacing: 0;
    padding: 0;
    border-collapse: collapse;
}
    .table_api .table_header {
        text-align: center;    
    }    
    .table_api th, .table_api td{
        vertical-align: top;
        padding: 5px 10px;    
    }
    
    .table_info_pay td {
        padding: 5px 10px;   
    }
    
    .table_info_pay td:first-child {
        width: 120px;
        color: #ee8900;
        font-weight: 600;    
    }
    
    .table_api th { 
    }
    
    .table_api th:last-child {
        width: 40%;
    }
    
    .table_out th:last-child {
        width: 60%;
    }
    
    @media screen and (max-width: 950px) {
        .table_api {
            width: 90%;    
        }   
    }
    
    @media screen and (max-width: 800px) {
        .table_api {
            width: 100%;    
        }   
    }
    
.login_label {
    margin: 10px 0 20px 0;
}
    .login_label > .login_title {
        margin-bottom: 5px;   
    }
    
    .login_label > div > input, .login_label > div > select {
        max-width: 400px;    
    }
    
    .login_label > div.setup_input > input {
        max-width: 600px;
        margin-bottom: 5px;
        display: inline-block;
    }
    
    .login_label > div.setup_pay_input > input, .login_label > div.setup_pay_input > select {
        margin-bottom: 5px;
        display: inline-block;
    }
    .login_label > div.setup_pay_input > select {
        margin-right: 10px;    
    }
    .login_label > div.setup_pay_input > input.pin_code {
        width: 90px;
    }

.payments_chart{
    width: 95%;
    margin: 0 auto;
    height: 300px;
}

.users_chart{
    width: 95%;
    margin: 0 auto 20px auto;
    height: 300px;
}

    @media screen and (max-width: 550px) {
        .payments_chart, .users_chart{
            width: 100%;
        }   
    }

.pay-history td {
    padding:10px;
}
.pay-history tr:nth-child(2n){  
}

.blok_users_statistics {
    max-width: 900px;
    margin: 0 auto;
}

.st-title{
  padding:5px 10px;
  margin:20px 0 20px 0;
  font-size: 16px;
}
.st-title i{
    width: 25px;
}
.users-stat-line{
    padding:5px 10px 5px 20px;
}
.users-stat-line .title{
    display: inline-block;
    width: 40%;
    min-width: 210px;
}
.users-stat-line .data{
    display: inline-block;
    width: auto;
    word-break: break-all;
}

.users_history{padding:7px 10px;font-size: 12.5px;margin:1px 0;}
.users_history_text{margin-left:160px;}
.users_history_text b{font-weight: 700;}
.users_history_date{width: 130px;float:left;font-size: 12px;}
.users_history_checkbox{
    width: 30px;float:left;position: relative;    
}


footer{
    text-align: center;
    padding: 20px;
    margin-top: 40px;
}

footer > .footer_link div {
    display: inline-block;
    padding: 5px 20px;
}

footer > .footer_img{
    margin-top: 10px;    
}

    @media screen and (max-width: 600px) {
        footer > .footer_link div {
            display: block;
        }    
    }

.copy_site {
    font-size: 13px;
    margin-top: 10px;
}

.pay-in-button{
    display: inline-block;
    width: 200px;
    height:60px;
    padding:5px;
    cursor: pointer;
    background-position:5px center;
    background-repeat: no-repeat;
    position: relative;
    margin:5px;
    border-radius: 3px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);   
}
    .pay-in-button:hover{    
    }
    .pay-in-button:hover .pay-cur{    
    }
    .pay-in-button .pay-text, .pay-in-button .pay-cur{
        margin-left: 70px;
        text-align: center;
        font-weight: 600;
    }
    .pay-in-button .pay-text{
        margin-top:5px;
    }
    .pay-in-button .pay-cur{
        position: absolute;
        right:0;
        left: 0;
        bottom: 0;
        line-height: 30px;
        font-weight: 300;
    }
    
    .pay-t-min{
        font-size:12px;   
    }
    
    .pay-no-form{
        background-color: #f5cfcf;
        color:#000;   
    }
    
    .pay-in-balance{ background-image: url('img/payments/pay-in/balance.png'); }
    .pay-in-webmoney{ background-image: url('img/payments/pay-in/webmoney.png'); }
    .pay-in-yandex{ background-image: url('img/payments/pay-in/yandex.png'); }
    .pay-in-payeer{ background-image: url('img/payments/pay-in/payeer.png'); }
    .pay-in-advcash{ background-image: url('img/payments/pay-in/advcash.png'); }
    .pay-in-perfectmoney{ background-image: url('img/payments/pay-in/perfectmoney.png'); }
    .pay-in-visa{ background-image: url('img/payments/pay-in/visa.png'); }
    .pay-in-card{ background-image: url('img/payments/pay-in/card.png'); }
    .pay-in-sbp{ background-image: url('img/payments/pay-in/sbp.png'); }
    .pay-in-qiwi{ background-image: url('img/payments/pay-in/qiwi.png'); }
    .pay-in-freekassa{ background-image: url('img/payments/pay-in/freekassa.png'); }
    .pay-in-unitpay{ background-image: url('img/payments/pay-in/unitpay.png'); }
    .pay-in-robokassa{ background-image: url('img/payments/pay-in/robokassa.png'); }
    .pay-in-phone{ background-image: url('img/payments/pay-in/phone.png'); }
    .pay-in-cryptomus{ background-image: url('img/payments/pay-in/cryptomus.png'); }
    .pay-in-faucetpay{ background-image: url('img/payments/pay-in/faucetpay.png'); }
    .pay-in-enot{ background-image: url('img/payments/pay-in/enot.png'); }
    .pay-in-anypay{ background-image: url('img/payments/pay-in/anypay.png'); }
    .pay-in-azvox{ background-image: url('img/payments/pay-in/azvox.png'); }
    .pay-in-fkwallet{ background-image: url('img/payments/pay-in/fkwallet.png'); }
    .pay-in-ltc{ background-image: url('img/payments/pay-in/ltc.png'); }
    .pay-in-usdt-bep20{ background-image: url('img/payments/pay-in/usdt_bep20.png'); }
    .pay-in-usdt-ton{ background-image: url('img/payments/pay-in/usdt_ton.png'); }
    .pay-in-volet{ background-image: url('img/payments/pay-in/volet.png'); }
    
    .pay_button{
        margin: 20px;    
    }
    
    .pay_button form {
        display: inline-block;    
    }
  
.adv_inter {
    display: inline-block;
    width: 8%;
    min-width: 50px;
    text-align: center;
    margin:3px 2px;
}
    .adv_inter input {
        text-align: center;
        padding:0;
        width: 100%;
    }
    .adv_inter .inter_time {
        font-size: 11px;
    }
.target_code {
    display: inline-block;
    width: 19%;
    margin:3px 2px;
    min-width: 135px;
    position: relative;
}
    .target_code img {
        display: inline-block;
        margin-right: 5px;
    }
    
    @media screen and (max-width: 785px) {
        .target_code {
            min-width: 120px;
        }   
    }
    
#inter_time, #inter_fix, #target_code, .resp-tab-adv tr.show_hide {
    display: none;
}

.list-menu{
    position: relative;
    display: inline-block;
}
.list-btn{
    cursor:pointer;
    font-size: 25px;
    opacity: 0.8;
}
.list-btn:hover{
    opacity: 1;
}
.list-a {
    display: none;
    position: absolute;
    min-width: 175px;
    overflow: auto;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
    left: 30px;
    top:-50%;
    z-index: 1;
    text-align: left;
}

.list-a a {
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    font-size: 12.5px;
}

.list-a a:hover{    
}

.list-show {display: block;}
.list-desc{font-size:12px;}
.list-indent{display: inline-block;margin-right: 10px;}

.list-position{
    display:inline-block;
    padding: 3px 10px;
    min-width: 10px;
    text-align: center;
    margin: 3px auto;
    border-radius: 3px;
    font-size: 11px;
    line-height: 14px;
    cursor: pointer;
}
.list-position:hover{    
}
a.list-name{
    font-weight: 600;
}

.pop_up_info_adv {
    padding: 30px 0;
}

.search_form {
    margin-bottom: 30px;
    padding: 5px;
}
    .search_block {
        display: inline-block;
        width: 20%;
        width: calc(25% - 13px);
        padding: 5px;
        min-width: 150px;
    }
    .search_block .search_name{
        font-size: 11px;    
    }
    
    @media screen and (max-width: 785px) {
        .search_block {
            width: 45%;
            width: calc(50% - 13px);
            min-width: 150px;
        }   
    }
    
.button_ico i {
    font-size: 20px;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0.6;
}
    .button_ico i:hover {
        opacity: 1;
    }
    
.ban_ico {
    font-size: 20px;
    cursor:pointer;
    vertical-align: middle;
    margin-left:10px;
    opacity: 0.6;
}
    .ban_ico:hover {
        opacity: 1;
    }

.div_job {
    margin: 8px 0;
    border-radius: 5px;
    padding: 10px;   
}   
    .table_job td {
        height: 55px;    
    }
        .table_job td:last-child {
            width: 70px;
            text-align: center;   
        }
        .table_job td .button_ico i {
            margin: 0 5px;
        }
        
        @media screen and (max-width: 785px) {
            .table_job {
                font-size: 13px;
            }
            .table_job .list-desc {
                font-size: 11px;
            }   
        }
        
.abuse_serf_popup {
    margin: 40px auto;
    max-width: 400px;
}
.job_load {
    
}

.inline-infa-50{
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

.lang_menu{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top:60px;
    text-align: center;
}
.lang_menu .lang-select{
    display: inline-block;
    width: 40px;
    height: 27px;
    text-align: center;
    cursor: pointer;
    margin:13px 20px 8px 20px;;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ccc;
    opacity: 0.6;  
}
.lang_menu .lang-select:hover{
    opacity: 1;
}
.lang_menu .lang-sel{
    opacity: 1;
}
.lang-ru{ background-image: url('/img/flags/lang/ru.png'); }
.lang-en{ background-image: url('/img/flags/lang/en.png'); }
.lang-pt{ background-image: url('/img/flags/lang/pt.png'); }
.lang-fr{ background-image: url('/img/flags/lang/fr.png'); }
.lang-hi{ background-image: url('/img/flags/lang/hi.png'); }
.lang-it{ background-image: url('/img/flags/lang/it.png'); }
.lang-ko{ background-image: url('/img/flags/lang/ko.png'); }
.lang-th{ background-image: url('/img/flags/lang/th.png'); }
.lang-tr{ background-image: url('/img/flags/lang/tr.png'); }
.lang-zh{ background-image: url('/img/flags/lang/zh.png'); }
.skiptranslate {display: none !important;height: 0;}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
    

.change-color {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background-color: #0367d6;
    height: 32px;
    border-radius: 20px;
    padding: 5px 0;
    margin: 0;
    margin-left: 20px;
    outline: none;
    border: 0;
    list-style: none;
    opacity: 0.6;
}
.change-color, .change-color * {
    box-sizing: border-box;
}
.change-color:hover{
    opacity: 1;
}

.change_mobile{
    display: none;
    position: absolute;
    top: 14px;
    right: 165px; 
}

    @media screen and (max-width: 700px) {
        .change_mobile {
            display: inline-flex;   
        }   
    }

.change-color li {
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #ccc;
    margin: 0 4px;
}

.change-color li.is-active {
    background-color: #fff;
    color: #444;
}

.rules{
  
}
.rules .h1{
    font-size:16px;
    font-weight: 600;
    margin-top: 30px;
}
.rules p{
    margin:10px 20px 10px 20px;
}

.pay-in-status{
     background: url('img/pay_in_status.png') center top no-repeat;
     color: #d20000;
     font-size: 17px;
     margin:30px auto 50px auto;
     width: 400px;
     padding-top: 340px;
     text-align: center;
}

.pay-in-status.in-green{
     color: #079632;
}

.index_pay_logos{
    text-align: center;
}
    .index_pay_logos .index_block_pay_logos{
        display: inline-block;
        width: 100px;
        height: 47px;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 5px;
        background-color: rgba(255, 255, 255, 1) ;
    }
    .index_pay_logos .index_block_pay_logos img{
        width: 100%;
        margin:0;
        padding:0;    
    }
    
#top_scroll {
    display: none;
    position: fixed;
    bottom:30px;
    width: 50px;
    height: 50px;
    right: 20px;
    z-index: 99999;
    background: url(img/top_scroll.png);
    transition:all 0.3s ease;
    opacity: 0.6;
    cursor:pointer;
}
    #top_scroll:hover {
        opacity: 1;
        outline:0;
    }
    
.contacts_line .users-stat-line .title{
    min-width: 150px;    
}
    
    
.contacts_relact{
    position: relative;
    min-height: 300px;    
}
    .contacts_relact img{
        position: absolute;
        top:80px;
        left:20%;
        opacity: 0.98;
    }
    
.help_block{
    margin-bottom: 20px;    
}
    .help_block .help_title{
        border: 1px solid #ccc;
        padding:10px;
        cursor: pointer;
        font-weight: 600;
        background-color: #f4f4f4;    
    }
    .help_block .help_answer{
        display: none;
        padding:10px 40px;    
    }
    
.policy{
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    background: rgba(0,0,0, 0.9);
    z-index:999999;
    padding:10px 0;
}
.policy .policy_wrap{
    color:#FFF;
    max-width: 800px;
    margin:0 auto;
    font-size:13px;
    position: relative;
}
.policy .policy_wrap .policy_text{
    padding:10px 70px 10px 10px;
}
.policy .policy_wrap .policy_button{
    position: absolute;
    display:inline-block;
    top:10px;
    right:10px;
    border:1px solid rgba(255,255,255,0.7);
    text-align:center;
    width:40px;
    font-size:35px;
    line-height:40px;
    opacity:0.7;
    cursor:pointer;
}
.policy .policy_wrap .policy_button:hover{
    background-color: rgba(0,0,0,0.1);
    border-left:1px solid rgba(255,255,255,1);
    opacity:1;
}

.online_block{
    display: inline-block;
    border: 1px solid #eee;
    padding:5px 10px;
    text-align: center;
    font-size: 10px;
    margin: 2px 0;
}

.show-setup{
    float:right;
    cursor:pointer;
}
.show-div-setup{
    display: none;
}

.block_banner{
    border: solid 1px rgba(160, 160, 160, 0.2);
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
}
.block_banner img{
    max-width: 468px;
    width: 100%;
    margin:0 3px;
}

.block_notification{
    background: #1D1D2C;
    border: solid 1px rgba(160, 160, 160, 0.2);
    max-width: 1400px;
    width: 100%;
    margin: 0 auto 10px auto;
}
.block_notification .notification{
    padding: 5px 20px;
}
.close_notification{
    position: absolute;
    right: 5px;
    top: 3px;
    opacity: 0.8;
    cursor: pointer;
}
.close_notification:hover{
    opacity: 1;
}

.input-file {
	position: relative;
	display: block;
}
.input-file-text {
    font-size: 13px;
    color: #7a7a7a;
	padding: 0 10px 0 160px;
    background: rgba(160, 160, 160, 0.045);
    border: 1px solid rgba(160, 160, 160, 0.3);
	line-height: 42px;
    height: 42px;
	text-align: left;
	display: block;
	box-sizing: border-box;
	width: 100%;
    overflow: hidden;
	text-overflow: ellipsis;	
}
.input-file-btn {
    position: absolute;
    top:0; left: 0;
	cursor: pointer;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
	line-height: 42px;
	height: 42px;
    width: 150px;
	box-sizing: border-box;
    border: 1px solid rgba(160, 160, 160, 0.3);
    color: #d5d5d5;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
.input-file:hover .input-file-btn {
	border: 1px solid rgba(0, 0, 0, 0.5);
}

.promotion468 img, .promotion728 img, .promotion100 img{
    max-width: 468px;
    width: 100%;
}

.promotion728 img{
    max-width: 728px;
}

.promotion100 img{
    max-width: 100px;
}

.line_out_auto{
    padding: 4px 10px;
}
.line_out_auto span{
    display: inline-block;
    width: 19%;
    min-width: 90px;
}

.adv_plan{
    display: flex;
}
.adv_plan div{
    cursor: pointer;
    width: 50px;
    text-align: center;
    padding: 3px;
    border: 1px solid rgba(160, 160, 160, 0.3);
    margin: 2px 2px 2px 0;
}
.adv_plan div:hover{
    background: rgba(160, 160, 160, 0.045);
}

.ico_click {
    opacity: 0.7;
    cursor: pointer;
}
.ico_click:hover {
    opacity: 1;
}

.battle-tab{
    margin-top:20px;
}

.battle-tab th{
    font-size: 12px;
    font-weight: 400;
}

.battle-tab-history{
    font-size: 12px;
    font-weight: 400;
}

    .battle-tab-history .battle_line{
        display: inline-block;
        width: 110px;
    }

.battle-tab th, .battle-tab td{
    text-align: center;
}

.battle_register{
    text-align: center;
    margin: 20px 0;
}

.battle-num-box{
    display: inline-block;
    width: 90px;
    height: 90px;
    margin:4px;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.5s linear;
    font-size: 50px;
    line-height: 90px;
    vertical-align: top;
}
.battle-num-box:hover, .battle-num-active{
    background-color: #31708f;
    color:#FFF;
}
.battle-num-active-red:hover, .battle-num-active-red{
    background-color: #B63A3D;
    color:#FFF;
}
.battle_chart {
    width: 80%;
    margin: 50px auto 0 auto;
}

.battle_auto{
    margin-top: 40px;
    width: 100%;
    margin-left: -20px;
    padding:0 40px 0 0;
    position: relative;   
}

.battle_auto .auto{
    display: inline-block;
    width: 80px;
    height: 40px;
    margin-left: 50px;
    transition:8s;
}

    .battle_auto .auto_1{margin-left: 0%;}
    .battle_auto .auto_2{margin-left: 0%;}
    .battle_auto .auto_3{margin-left: 0%;}
    .battle_auto .auto_4{margin-left: 0%;}

    .battle_auto .linear {
        position: relative;
        height: 10px;
        width: 100%;
        padding-right: 40px;
        transition:8s;
        overflow: hidden;
        margin: 10px auto;
    }

    @keyframes move {
        from {
            right: -20%;
        }
        to {
            right: 100%;
        }
    }
    
    .battle_auto .linear i {
      position: absolute;
      width: 5%;
      height: 6px;
      right: -5%;
      bottom: calc(50%-3px);
      background: #858585;
      animation: move 8s infinite;
    }
    
    .battle_auto .linear i {
        animation-timing-function: linear;
    }
    
    .battle_auto .trava_line i {
        background:url('../../../img/battle/trava.png');
        width: 5%;
        right: -20%;
        padding-right: 80px;
        height: 20px;   
    }
    
    .battle_auto .trava_line i img {
            
    }

    .battle_auto .linear i:nth-child(2) { animation-delay: 0.7s }
    .battle_auto .linear i:nth-child(3) { animation-delay: 1.4s }
    .battle_auto .linear i:nth-child(4) { animation-delay: 2.1s }
    .battle_auto .linear i:nth-child(5) { animation-delay: 2.8s }
    .battle_auto .linear i:nth-child(6) { animation-delay: 3.5s }
    .battle_auto .linear i:nth-child(7) { animation-delay: 4.2s }
    .battle_auto .linear i:nth-child(8) { animation-delay: 4.9s }
    .battle_auto .linear i:nth-child(9) { animation-delay: 5.6s }
    .battle_auto .linear i:nth-child(10) { animation-delay: 6.3s }
    .battle_auto .linear i:nth-child(11) { animation-delay: 7s }
    .battle_auto .linear i:nth-child(12) { animation-delay: 7.1s }
    .battle_auto .linear i:nth-child(13) { animation-delay: 7.8s }
    
    .battle_auto .auto_pr{
        position: absolute;
        right:5px;
        font-size: 16px;   
    }
    .battle_auto .auto_pr_1{top:30px;}
    .battle_auto .auto_pr_2{top:105px;}
    .battle_auto .auto_pr_3{top:180px;}
    .battle_auto .auto_pr_4{top:255px;}
    
    .battle_bonus{
        position: fixed;
        z-index: 99;
        transition:2s;
    }
    .battle_bonus img{
        cursor: pointer;
    }
    
    .battle_bonus_notification{
        display: none;
        text-decoration: none;
        cursor: pointer;
        padding: 0 5px 0 0;
        color: #fff;
        width: 150px;
        text-align: center;
        margin-top: -18px;
        background: #0367d6;
        position: fixed;
        right: -60px;
        top: 50%;
        z-index: 100;
        font-size: 15px;
        transform: rotate(270deg);
        line-height: 43px;
        border: 1px solid #fff;   
    }
    
.img_down{
    vertical-align: middle;
    font-size: 30px;
    cursor: pointer;
    opacity: 0.7;
}
    .img_down:hover{
        opacity: 1;
    }
    
.block_img_down{
    width: 90%;
    margin: 10px auto;
}
    .block_mini_img{
        display: inline-block;
        vertical-align: top;
        position: relative;
        width:180px;
        height: 155px;
        text-align: center;
        border:1px solid #333;    
    }
    .block_mini_img img{
        width: 150px;
        height: 100px;
        display: block;
        margin: 5px auto;
        cursor: pointer;
    }
    .block_mini_img .custom-checkbox{
        position: absolute;
        bottom: 5px;
        left: 50%;
        margin-left: -8px;
    }
    .block_img_down .img_scroll{
        overflow-y: auto;
        height: 400px;    
    }
    .block_img_down .img_scroll::-webkit-scrollbar, .mobile_scroll::-webkit-scrollbar {
        width: 8px;
        background-color: #d0d0d0;
    }

    .block_img_down .img_scroll::-webkit-scrollbar-thumb, .mobile_scroll::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.45);
    }

    .block_img_down .img_scroll::-webkit-scrollbar-track, .mobile_scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
        background-color: #d0d0d0;
    }
    
.news_box{
    padding:40px 10px;
    overflow: hidden;
}
    .news_box .img_news{
        display: inline-block;
        width: 340px;
        height: 170px;
        float: left;
    }
    .news_box .img_news img{
       width: 340px;
       height: 170px;
       padding:0;
       margin:0;
       border:0;    
    }
    .news_box .text_news{
        padding-left: 370px;
    }
    .news_box .text_news p{
        /*font-size: 13px;*/
    }
    .news_box .text_news .href_news{
        padding-top: 5px;
        display: inline-block;
        font-size: 18px;
        font-weight: 400;
    }
    .news_box .text_news .infa_news{
        font-size: 13px;
        color:#9d9d9d;    
    }
    
    @media screen and (max-width: 800px) {
        .news_box .img_news{
            float: none;
            margin: 0 auto 10px auto;
            display: block;
        }
        .news_box .text_news{
            padding-left: 0;
        }  
    }
    
    .news_full{
        padding:20px;
    }
    .line_infa_news{
        text-align: center;
        font-size: 13px;
        color:#9d9d9d;
        margin-top:20px;
        padding:0 0 10px 0;   
    }
    .line_like_news{
        text-align: center;
        margin:40px 0;
    }
    .line_like_news i{
        font-size: 30px;
        cursor: pointer;
        opacity: 0.7;
        margin: 15px 20px 0;
    }
    .line_like_news i:hover{
        opacity: 1;    
    }
    
.battle_flex_top{
    display: flex;
    flex-flow: wrap;
}
    .battle_flex_top .block_top{
        flex: 1 1 10px;
        margin: 10px;
        min-width: 250px;
    }
    .battle_flex_top .title_top{
        text-align: center;
        font-size: 16px;
        padding: 10px 0;
        font-weight: 600;
    }
    .battle_flex_top .lider_top{
        padding:7px 25px;  
    }
    .battle_flex_top .lider_top > div{
        padding:3px 0;  
    }
    .battle_flex_top .lider_top > div > i{
        float: right;
        font-style: normal;   
    }
    
.menu_left{
    width: 20%;
    min-width: 310px;
    order: 1;
}
.menu_left .menu_left_block{
    padding-top: 20px;
    padding-bottom: 10px;
    margin-left: 20px;
    border-radius: 10px;
}

    .menu_left .menu_left_block > h3 {
        padding:10px 20px;
        font-weight: 600;
        margin:10px;
        cursor:pointer;
        border-radius: 5px;  
    }
    
    .menu_left .menu_left_block > h3 i {
        float: right;
        margin-top:3px;    
    }
    
    .menu_left .menu_left_block > hr {
        border: 0;
        height: 1px;
        margin:20px 0;
    }

    .menu_left .menu_left_block a {
        display: block;
        padding:5px 0;
        margin: 0 10px 0 30px;
    }
    
    .menu_left .menu_left_block a i {
        width: 30px;
        font-size: 16px;
    }

        .menu_left .menu_left_block a:hover {
        }
        
    @media screen and (max-width: 940px) {
        .menu_left{
            display: none;
        }
        .help_menu{
            display: block;
            width: 100%;
        }
        .menu_left .menu_left_block{
            margin:0 20px 5px 20px;
        }
    }
    
.support_label{
    margin: 20px 0 10px 0;
}
.support_title{
    padding:5px;
}

.table-support tr.title td{
    font-weight: 600;
    font-size:14px;
}
.table-support{ line-height:18px; }
.table-support td{padding:10px 10px;}
.ico-support{ width: 5%;font-size: 40px; }
.mess-users-link{font-weight: 600;}
.mess-users-cat{font-size: 13px;color:#939393;}
.num-support{ width: 10%; }
.status-support{ width: 20%;text-align: center; }

.comment-support{margin:20px 0 10px 0;overflow: hidden;position: relative;}
.comment-support .comment-text{
    border-left:2px solid #006595;
    min-height: 100px;
    padding:10px 20px;
    background: rgba(0, 101, 149, 0.05);	
}
.comment-red .comment-text{
     border-left:2px solid #a80000;
     background: rgba(168, 0, 0, 0.05);	
}
.comment-support .comment-date{
    font-size:12px;
    color:#818181;
    margin-bottom:10px;
}
.bar-comment{
    position: absolute;
    right:20px;
    bottom:5px;	
}
.bar-comment i{
    margin:0 5px;
    font-size:22px;
    color:#919191;
    opacity:0.7;
    cursor: pointer;	
}
.bar-comment i:hover{opacity:1;}

.blok-quote{
  width:97%;
  margin:10px auto 0 auto;
  font-size:12px;
  color:#464646;	
}

.blok-quote .title-quote{
  display: inline-block;
  padding:0 20px;
  margin-left:0;
  text-align: center;
  line-height: 30px;	
}

.blok-quote .quote{
  padding:15px 10px;
  margin-top:0;	
}

.dop_class_banner{}
    @media screen and (max-width: 530px) {
        .dop_class_banner{
            margin-left: -25px;
        }
    }
    
.new_sys_mess{
    position: absolute;
    background-color: red;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
    .new_sys_mess.new_sys_mess__mobile{
        top:14px;
        left: 45px;
    }
    .new_sys_mess__top_menu{
        top:-2px;
        right: -10px;    
    }
    .new_sys_mess__menu{
        top:5px;
        left:5px;
    }
 
 .job_statistic{
     display: flex;
     justify-content: center;    
 }
     .job_statistic_block{
         width: 30%;
         margin:5px;
         text-align: center;   
     }
     .job_statistic_ico{
         margin-bottom: 0;    
     }
     .job_statistic_ico img{
         width: 90px;    
     }
     .job_statistic_data{
         font-size: 18px;
         font-weight: 400;    
     }
     .job_statistic_data h3{
         font-weight: 400;
         margin-bottom: 5px;
         font-size: 14px;    
     }
     .job_statistic_data i{
         margin-right: 5px;  
     }
     .job_statistic_num{
         text-align: center;
         font-size: 20px;
         font-weight: 600;
         max-width: 130px;
         margin: 0 auto;
         padding: 5px 0;
         border-radius: 5px;
     }
     
.menu_interes, .menu_interes_job{
    position: relative;    
}
    .menu_interes .pos_interes, .menu_interes_job .pos_interes{
        color:#ee8900;
        font-size: 10px;
        vertical-align: super;    
    }
    
.fortune_bg{
    position: relative;
    width: 400px;
    height: 400px;
    margin:0 auto;
    background-image: url(img/fortune/bg.png);
    background-position: 0.5px 0.5px;
    background-size: cover;
    background-repeat: no-repeat;
}
.fortune_bg .ticker{
    position: absolute;
    left: 50%;
    top: 12px;
    margin-left: -18px;
    z-index: 1;
    width: 36px;
    height: 36px;
    background-image: url(img/fortune/ticker.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation: tick 1000ms cubic-bezier(0.34, 1.56, 0.64, 1);  
}
@keyframes tick { 
    40% {transform: rotate(-12deg); }
}

.fortune_button{
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    color: rgb(245,245,245);
    text-shadow: 0 -1px rgba(0,0,0,.1);
    text-decoration: none;
    user-select: none;
    padding: 8px 30px;
    outline: none;
    border: none;
    border-radius: 3px;
    background: #fa5a00 linear-gradient(#ff9155, #fa5a00);
    -webkit-animation: pulsate 1.2s linear infinite;
    animation: pulsate 1.2s linear infinite;    
}

.fortune_bt_no{
   background: #636363 linear-gradient(#7e7e7e, #636363); 
}  
 
.fortune_button:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    cursor: pointer;
}
.fortune_button:active {
    top: 1px;
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
    box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
    50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
    50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}

.out_data{
    display: none;
    position: absolute;
    left: 50%;
    top:20%;
    margin-left: -100px;
    width: 160px;
    z-index: 2;
    background-color: rgba(0, 101, 149, 0.95);
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.7);
    text-align: center;
    padding:20px;
    border-radius: 10px;
    color: #FFF;
}
.num_sprint{
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 1;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
}

.support_temp span{
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
    border: 1px solid rgba(160, 160, 160, 0.3);
    border-radius: 3px;
    cursor: pointer;
    margin: 3px;
}
.support_temp span:hover{
    opacity: 0.5;
}

.adv_block_register_price_u{
    border:1px solid #c87800;
    border-radius: 3px;
    color: #c87800;
    padding: 1px 10px;
}
.adv_block_register_price_r{
    border:1px solid #118600;
    border-radius: 3px;
    color: #118600;
    padding: 1px 10px;
} 

.out-capcha{
        display: inline-block;
        text-align: center;
        max-width: 350px;
        color:#000;
        margin-top: 5px;
    }
    .out-capcha-title{
        font-size:13px;
        position: relative;
        height: 70px;
        background-color: #eee;
        border-radius: 5px;
        margin-bottom: 5px;
        border:2px solid #CCC;
    }
    .out-capcha-vopros, .out-capcha-reload, .out-capcha-title-img, .label-pel:after, .label-pel:before{
        position: absolute;    
    }  
    .out-capcha-vopros{
        left: 5px;
        right: 70px;
        top:15px;
        font-size: 13px;
        font-weight: 600;
    }
    .out-capcha-reload{
        bottom: 7px;
        left: 80px;
        cursor: pointer;
        opacity: 0.7;
        font-size: 18px;
    }
    .out-capcha-reload:hover{
        opacity: 1;
    }
    
    .out-capcha-img-block{
        width: 325px;
        height: 165px;
        background-position: left top;
        background-size:325px 165px;
        background-repeat: no-repeat;    
    }
    
    .out-capcha-lab{
        float: left;
    }
    .out-capcha-title-img, .out-capcha-lab{
        width: 71px;
        height: 71px;
        background-position: center center;
        background-size:cover;
        background-repeat: no-repeat;
        border:2px solid #CCC;
        border-radius: 0;    
    } 
    
    .out-capcha-title-img{
        right:5px;
        top:5px;
        width: 55px;
        height: 55px; 
    }
    .out-capcha-inp {
        display: none;
    }
    .out-capcha-lab{
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin-top:5px;
        margin-left:5px;
    }
    .label-pel:after{content: "";bottom: 5px; left: 5px;border-radius: 100%;}
    .label-pel:before{content: "";top:0; left: 0; right:0; bottom:0;}
    .out-capcha-lab input[type=checkbox]:nth-child(1):checked + .label-pel:after{background-color: #25d025;width: 15px;height: 15px;}
    .out-capcha-lab input[type=checkbox]:nth-child(1):checked + .label-pel:before{background-color: rgba(0, 0, 0, 0.65);}
    
    .sign_right{
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
        background-color: #1dc100;
        width: 20px;
        height: 16px;
        clip-path: polygon(0% 0%, 62% 0%, 100% 50%, 62% 100%, 0% 100%, 46% 50%);
        shape-outside: polygon(0% 0%, 62% 0%, 100% 50%, 62% 100%, 0% 100%, 46% 50%);
        -webkit-animation: pulsing_sign 1s infinite;
        animation: pulsing_sign 1s infinite;
    }
    
    @-webkit-keyframes pulsing_sign {
      0% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5)
      }
      50% {
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0);
      }
      100% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
      }
    }

    @keyframes pulsing_sign {
      0% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5)
      }
      50% {
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0);
      }
      100% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
      }
    }
    
.flex-block{
    display: flex;
    flex-flow: wrap;
}
.row-block{
    flex: 1 1 10px;
    margin: 10px;
}
.row_150{
    min-width: 150px;
}
.row_200{
    min-width: 200px;
}
.row_300{
    min-width: 300px;
}
.setup_row{
    flex: 1 1 10px;
    margin: 20px;
    padding: 20px;
    align-items: stretch;
    border-radius: 10px;
    text-align: center;
}
.setup_row .input{
    position: relative;    
}
.setup_row .input input{
    padding: 0 50px 0 20px;
    width: calc(100% - 70px);    
}
.setup_row .title{
    margin-bottom: 10px;
}
.setup_row .text{
    margin-top: 10px;
    font-size: 11px;
}
.telegram-good{
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 30px;
    color: rgba(22, 139, 84, 1);
    vertical-align: middle;
    margin-left: 20px;
}
.setup_row button{
    margin-top:15px;    
}

.setup_row .setup_row_line{
    text-align: left;
    padding: 3px 10px;
    /*font-size: 12px;*/
}
.setup_row .setup_row_line div div{
    display: inline-block;
    width: 130px;
}

.load_img_scrin{
}
.load_img_scrin .img_block_load{
    position: relative;
    display: inline-block;
    margin: 5px;
    width: 70px;
    height: 70px;
    vertical-align: top;
}
.load_img_scrin .img_block_load:hover .pelena-img{
    display: block;
}
.load_img_scrin .img_block_load img{
    width: 100%;
    max-height: 100%;
}
.load_img_scrin .img_block_load i{
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;
    font-size: 30px;
    cursor: pointer;
}
.load_img_scrin .img_block_load .pelena-img{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;    
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.65);
    display: none; 
}
.img_support_block{
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin-top: 20px;    
}
.img_support{
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}
.img_support img{
    width: 70px;
    height: 70px;
}

a.job_buttom{
    display: inline-block;
    padding: 5px;
    margin: 5px;
    min-width: 200px;
    text-align: center;
    border-radius: 3px;
    color: #FFF;
    font-size: 13px;
}

a.job_buttom:hover{
    opacity: 0.7;
}

.job_buttom_blue{
    background-color:  rgba(0, 148, 227, 0.7);
}

.job_buttom_green{
    background-color: rgba(22, 139, 84, 0.7);    
}

.job_mess_error{
    font-size: 12px;
    color: red;
    margin-left: 5px;
}

.chat_select_menu{
    position: relative;    
}
    .chat_select_menu .chat_select_list{
        display: none;
        position: absolute;
        top:45px;
        left:0;
        right: 0;
        max-width: 420px;
        padding: 10px;
        border-radius:5px;
        max-height: 350px;
        overflow-y:scroll;
        z-index: 3;
    }
    .chat_select_menu .chat_select_type{
        max-width: 400px;
        padding: 10px 20px;
        border: 1px dashed #ff8c00;
        cursor: pointer;    
    }
    .chat_select_menu .chat_select_type:hover, .chat_select_menu .chat_select_type.active{
        background-color: #fff4e8;
        color: #555;   
    }
    
    .chat_select_menu .chat_select_option{
        border-bottom: 1px dashed #ccc;
        padding: 10px 5px;
    }
    .chat_select_menu .chat_select_option:last-child{
        border: 0;
    }
    .chat_select_menu .chat_select_option .chat_post_title{
    }
    .chat_select_menu .chat_select_option .chat_post_desc{
        margin: 0 0 10px 0;
        font-size: 11px;
    }
    .chat_select_menu .chat_select_option .chat_post_infa{
        font-size: 11px;
    }
    .chat_select_menu .chat_select_option .chat_post_infa div div{
        display: inline-block;
        width: 150px;    
    }
    .chat_select_menu .chat_select_option .chat_post_botton{
        display: block;
        margin: 10px 0 0 0;
        text-align: center;
        font-size: 11px;
        border: 1px solid #ff8c00;
        cursor: pointer;
        border-radius:3px;
        padding: 3px 10px;
    }
    .chat_select_menu .chat_select_option .chat_post_botton:hover{
        background-color: #fff4e8;
        color: #555;
    }

.telegram_view{width: 350px;background-color: #FFF;border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.1);overflow:hidden;padding-bottom: 5px;}
.telegram_view .tg-title{color:red;padding:5px 5px 5px 10px;font-size:14px;}
.telegram_view .tg-img{background-size: cover;background-repeat: no-repeat;display: block;height: 200px;background-color: #181825;}
.telegram_view .tg-img__{background-size: contain;background-position: center;}
.telegram_view .tg-text{padding:10px;font-size:13px;color:#000;overflow-wrap: break-word;vertical-align: middle;}
.telegram_view .tg-text blockquote + br { display: none; }
/*.telegram_view .tg-text .emoji-img{width: 18px;vertical-align: middle;display: inline-block;}*/
.emoji-img{width: 18px;vertical-align: middle;display: inline-block;}
.telegram_view .tg-text .tg-br{height: 0px;border: none;padding: 0;margin: 0;}
.telegram_view .tg-text blockquote{margin: 5px 5px 5px 5px;background-color: #f9eaef;padding:3px 15px 3px 10px;border-left: 3px solid #d6537f;border-radius: 5px;}

.telegram_view .tg-block-reactions{
    overflow: hidden;
}
.telegram_view .tg-reactions{
    float:left;
    margin-left: 10px;
    max-width: 250px;  
}
.telegram_view .tg-reactions .tg-react-img{
    display: inline-block;
    padding:3px 5px;
    background-color:#e6f7ff;
    margin: 2px;
    border-radius: 7px;
    color:#007eca;
    font-weight:600;
    font-size: 13px;    
}
.telegram_view .tg-reactions .tg-react-img img{
    width: 16px;
    vertical-align: middle;      
}
.telegram_view .tg-reactions .tg-react-img span{
    display: inline-block;
    margin-right:1px;      
}
.telegram_view .tg-views{
    float:right;
    margin-top:10px;
    font-size: 13px;
    color: #939393;
    vertical-align: middle;
    font-weight: 600;
}
.telegram_view .tg-views .tg-scg-views{
    display: inline-block;
    width: 16px;
    height: 10px;
    background: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8%200c2.8897625%200%205.2230958%201.66666667%207%205-1.7769042%203.33333333-4.1102375%205-7%205-2.88976248%200-5.22309581-1.66666667-7-5%201.77690419-3.33333333%204.11023752-5%207-5zm0%201.48148148c-1.98523978%200-3.59459459%201.5752944-3.59459459%203.51851852s1.60935481%203.51851852%203.59459459%203.51851852%203.5945946-1.5752944%203.5945946-3.51851852-1.60935482-3.51851852-3.5945946-3.51851852zm0%201.85185185c.94037674%200%201.7027027.74619209%201.7027027%201.66666667s-.76232596%201.66666667-1.7027027%201.66666667-1.7027027-.74619209-1.7027027-1.66666667.76232596-1.66666667%201.7027027-1.66666667z%22%20fill%3D%22%237d7f81%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); no-repeat 0 0;
    margin-left: 0;
    margin-right: 20px;
}

.telegram_view .tg-up{
    padding:5px 15px;
    font-size: 11px;
    color:#666666;
}

.adv_post_infa{
    font-size: 12px;
    margin-top: 20px;
}
.adv_post_infa div div{
    display: inline-block;
    width: 150px;
}

.emoji_code{
    display:none;
    position: absolute;
    background-color: #fff;
    color: #000;
    height: 220px;
    border: 2px solid #eee;
    z-index: 3;
    left: 0;
    right: 0;
    top: -225px;
}
    .emoji_code .emoji_close{
        position: absolute;
        right: 15px;   
        top: 5px;
        cursor: pointer;
        color: #000;
        display: inline-block;
        text-align: center;
        width: 20px;
        line-height: 20px;
        border:2px solid #000;
        border-radius:3px;
        background-color: #fff;
        font-weight:800;  
    }
    .emoji_code .emoji_close:hover{
        opacity: 0.7; 
    }
    .emoji_code .emoji_scroll{
        overflow-y:scroll;
        height: 190px;
        padding:10px;
    }
    .emoji_code .emoji_name{
        text-align: left;
        font-weight: 600;
        padding:5px;    
    }
    .emoji_code .emoji_list{
        font-size: 15px;
        font-family: Arial;
        margin-bottom: 10px;
    }
    .emoji_code .emoji_list i{
        font-size: 0;
        text-align: center;
        display: inline-block;
        font-style: normal;
        cursor: pointer;
        padding:5px;    
    }
    .emoji_code .emoji_list i img{
        width: 25px;
        height: 25px;    
    }
    .emoji_code .emoji_list i:hover{
        background-color: #e2e2e2;
        border-radius:3px;    
    }
    
.channel-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 15px;
}
    .channel-card {
        border-radius: 16px;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .channel-header {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .channel-title {
        font-size: 19px;
        font-weight: 800;
    }

    .channel-category {
        font-size: 14px;
    }

    .channel-description {
        font-size: 12px;
    }

    .channel-info-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px 15px;
        font-size: 14px;
    }

    .channel-info-grid div span {
        font-weight: 600;
    }

    .channel-link {
        display: inline-block;
        text-decoration: none;
    }

    .channel-link:hover {
        text-decoration: underline;
    }

    @media (max-width: 600px) {
        .channel-info-grid {
            grid-template-columns: 1fr;
        }

        .channel-header {
            flex-direction: column;
            align-items: flex-start;
        }
    }
    a.select-button {
        padding: 7px 20px;
        background-color: #0088cc;
        color: white;
        font-size: 15px;
        font-weight: 500;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

    a.select-button:hover {
        background-color: #0075b4;
    }
    
.container_post{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid rgba(160, 160, 160, 0.2);
}
    .block_post{
        flex: 1 1 300px;
        padding: 20px;
    }
    
    .table_post{
        border-collapse: collapse;
    }
    .table_post td{
        padding: 5px 10px;
        border-bottom: 1px dashed rgba(160, 160, 160, 0.2);    
    }
    
    @media (max-width: 600px) {
        .container_post {
            flex-direction: column;
        }
    }

.butt_job_add{
    position:absolute;
    right:20px;
    top:20px;
}
    @media (max-width: 600px) {
        .butt_job_add{
            position:static;
            display: block;
            width: 120px;
            margin: 0 auto 0 auto;
        }   
    }

.exchange-container-ma {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    max-width: 380px;
    margin: 20px auto 0 auto;
}

.exchange-block-ma {
    flex: 1 1 120px;
    background: #e0e0e0;
    color: #111;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.currency-ma {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 2px;
}

.value-ma {
    font-size: 13px;
    font-weight: 400;
}

.update-ma {
    margin: 12px 20px 0 0;
    font-size: 12px;
    color: #ccc;
    text-align: right;
    font-style: italic;
}

.container-ad-index {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 15px;
}
.block-ad-index {
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.block-title-ad-index {
    font-size: 14px;
}
.block-sum-ad-index {
    font-size: 16px;
    font-weight: 600;
    margin: 2px 0;
}
.block-note-ad-index {
    font-size: 11px;
    font-weight: 400;
}

.field-adv {
    position: relative;
}

    .field-adv input {
        padding-right: 50px;
        width: calc(100% - 70px);
    }
    .field-adv textarea  {
        padding-top: 24px;
    }

    .field-adv .char-count {
        position: absolute;
        right: 10px;
        color: #888;
        font-size: 14px;
        pointer-events: none;
    }
    
    .field-adv textarea + .char-count {
        top: 6px;
        right: 20px;
        transform: none;
    }

    .field-adv input + .char-count {
        top: 50%;
        transform: translateY(-50%);
    }

.blok-kab-main{
    padding: 0 20px 20px 20px;
    margin: 0 0 20px 0;
    position: relative;
}
.container-kab-card {
    display:grid;
    grid-template-columns:repeat(2,minmax(330px,1fr));
    gap:30px;
}
.card-kab {
    border-radius:10px;
    padding:15px 20px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:300px;
}

@media (max-width: 770px) {
    .container-kab-card{
        display:block;
    }
    .card-kab {
        margin-bottom: 20px;
    }  
}

.header-kab {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.header-kab h3 {
    margin:0;
    font-size:17px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.status-kab {
    font-weight:400;
    border-radius:3px;
    padding:4px 8px;
    font-size:12px;
    color:#d1fae5;
}
.status-kab-active {background-color:#10b981;}
.status-kab-paused {background-color:rgba(59,130,246,1);}
.status-kab-moder {background-color:#f59e0b;}
.status-kab-inactive {background-color:#ef4444;}

.stats-kab {
    display:flex;
    justify-content:space-between;
    margin:8px 0;
}
.stat-kab-box {
    flex:1;
    margin:0 4px;
    border-radius:3px;
    padding:8px 0;
    text-align:center;
    font-weight:600;
}
.stat-kab-box.green-kab {background-color:rgba(16,185,129,0.25);color:#10b981;}
.stat-kab-box.red-kab {background-color:rgba(239,68,68,0.25);color:#ef4444;}
.stat-kab-box.yellow-kab {background-color:rgba(245,158,11,0.25);color:#f59e0b;}
.stat-kab-box.blue-kab {background-color:rgba(59,130,246,0.25);color:#3b82f6;}
.stat-kab-box.purple-kab {background-color:rgba(147,51,234,0.25);color:#a855f7;}

.stat-kab-box.puls {animation: blink 2s infinite;}
@keyframes blink {
  0%, 50%, 100% {opacity:1;}
  25%, 75% {opacity:0.3;}
}

.stat-kab-box span {
    display:block;
    font-size:15px;
}
.stat-kab-box small {
    font-size:11px;
    opacity:0.9;
}

.progress-kab {
    border-radius:6px;
    overflow:hidden;
    height:8px;
    margin:8px 0 6px 0;
}
.progress-kab-bar {
    height:100%;
    background:linear-gradient(90deg,#3b82f6,#10b981);
    transition:width 0.8s ease;
}

.card-kab-link {
    text-align:center;
    color:#a0a0a0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:8px;
    font-size:11px;
}

.actions-kab {
    display:flex;
    gap:8px;
    margin-top:10px;
    justify-content:space-between;
}
.action-kab-btn {
    flex:1;
    background:none;
    border:none;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    padding:6px;
    transition:background 0.3s;
    font-size:25px;
}
.action-kab-btn:hover {
}
.action-kab-btn-op {
    cursor: default;
}
.action-kab-btn-op:hover {
    background: none !important;;
}

.action-kab-btn small {
    display:block;
    font-size:11px;
    margin-top:2px;
    opacity:0.7;
}

@media (max-width: 900px) {
    .actions-kab{
        gap:3px;
    }
    .action-kab-btn {
        padding:6px 3px;
        font-size:20px;    
    }
    .action-kab-btn small {
        font-size:10px;
    }  
}

.moder-kab-bad {
    border-radius:3px;
    padding:8px 12px;
    margin-top: 10px;
    font-size:13px;
}

.details-task-title{
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
}

.details-task-info {
    padding: 15px 18px;
    margin-bottom: 20px;
}

.details-info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}

.details-info-item:last-child {
    border-bottom: none;
}

.details-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 16px;
    margin-right: 10px;
    flex-shrink: 0;
}

.details-info-label {
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
}

.details-info-value {
    font-size: 14px;
    text-align: right;
    flex-grow: 1;
}

@media (max-width: 640px) {
    .details-info-label {
        font-size: 12px;
    }

    .details-info-value {
        font-size: 12px;
    }
}

.details-info-link {
    color: #60a5fa;
    text-decoration: none;
    transition: color 0.2s ease;
    text-align: right;
    flex-grow: 1;
}

.details-info-link:hover {
    color: #93c5fd;
    text-decoration: underline;
}

.details-task-price{
    font-size:1.2rem;
    font-weight:700;
    padding:4px 8px;
    border-radius:6px;
}

.details-section{
    margin-bottom:20px;
}
.details-section h3{
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
}
.details-section p{
    font-size:14px;
    line-height:1.5;
}
.details-section-description {
    padding:15px;
    border-radius:5px;
    border-left: 4px solid #f59e0b;
}
.details-submit-info {
    padding:15px;
    border-radius:5px;
    border-left: 4px solid #60a5fa;
    word-wrap: break-word;
    font-size:14px;
    margin-bottom:15px;
}

.setup-app ul {
            margin-top: 8px;
            padding-left: 18px;
        }


        .setup-app li {
            margin-bottom: 6px;
        }


        .rule-block {
            display: flex;
            gap: 16px;
            padding: 16px;
            border-radius: 14px;
            margin-bottom: 14px;
        }

        .rule-number {
            min-width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(22, 139, 84, 0.7);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
        }


        .setup-app h3 {
            margin-bottom: 6px;
        }

.cards-grid-device {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
    padding: 20px;
    max-width: 1600px;
    margin: 0 auto;
}

.device-card-device {
    background: white;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    overflow: hidden;
}

.device-card-device:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.device-card-device .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.device-card-device .device-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.device-card-device .device-title i {
    font-size: 24px;
}

.device-card-device .device-title h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.device-card-device .android-version {
    font-size: 11px;
    opacity: 0.8;
}

.device-card-device .android-ip{
    vertical-align: middle;
    display: inline-block;
    background-color: #FFF;
    border-radius: 5px;
    padding: 1px 10px;
}

.device-card-device .status-card {
    background: rgba(255,255,255,0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.device-card-device .status-card.active {
    background: #22c55e;
}
.device-card-device .status-card.block {
    background: #9b1b1b;
}

.device-card-device .account-info {
    padding: 16px;
    border-bottom: 1px solid #f0f0f0;
}

.device-card-device .email-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.device-card-device .email-row i {
    color: #6c757d;
    width: 18px;
    font-size: 14px;
}

.device-card-device .email-device {
    flex: 1;
    font-size: 13px;
    color: #333;
    word-break: break-all;
}

.device-card-device .balance-device {
    font-weight: 700;
    background: #f0fdf4;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 13px;
    color: #333;
}

.device-card-device .app-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    margin-left: 28px;
    font-size: 13px;
    color: #6c757d;
}

.device-card-device .app-row i {
    width: 18px;
}

.device-card-device .p-rate {
    background: #f3f4f6;
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 11px;
}

.device-card-device .dates-device {
    display: flex;
    gap: 16px;
    margin-left: 28px;
    font-size: 11px;
    color: #9ca3af;
}

.device-card-device .dates-device i {
    margin-right: 4px;
}

.device-card-device .device-id {
    padding: 12px 16px;
    background: #fafbfc;
    font-size: 11px;
    color: #6c757d;
    border-top: 1px solid #f0f0f0;
}

.device-card-device .device-id i {
    margin-right: 8px;
}

.device-card-device .device-id code {
    font-family: monospace;
    font-size: 11px;
}

.device-card-device .device-id {
    padding: 12px 16px;
    background: #fafbfc;
    font-size: 11px;
    color: #6c757d;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.device-card-device .device-id-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    overflow: hidden;
}

.device-card-device .device-id-left i {
    margin-right: 0;
    flex-shrink: 0;
}

.device-card-device .device-id-left code {
    font-family: monospace;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.device-card-device .device-id-buttons {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.device-card-device .btn-icon {
    background: transparent;
    border: none;
    padding: 6px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.device-card-device .btn-icon i {
    margin: 0;
    font-size: 14px;
}

.device-card-device .btn-stats {
    color: #4a90e2;
    background: #e8f0fe;
}

.device-card-device .btn-stats:hover {
    background: #4a90e2;
    color: white;
    transform: scale(1.05);
}

.device-card-device .btn-delete {
    color: #dc2626;
    background: #fee2e2;
}

.device-card-device .btn-delete:hover {
    background: #dc2626;
    color: white;
    transform: scale(1.05);
}

/* Анимация нажатия */
.device-card-device .btn-icon:active {
    transform: scale(0.95);
}

.device-token{
    text-align: center;
}

.device-token span{
    display: inline-block;
    padding: 5px 20px;
    background-color: #CCCCCC;
    color: #333;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .cards-grid-device {
        grid-template-columns: 1fr;
        padding: 12px;
        gap: 12px;
    }
}