* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Helvetica, sans-serif;
            /*box-shadow: none !important;*/
            /*background-image: none !important;*/

        }
        
        html, body {
            height: 100%;
            background-color: #f4f4f4;
            color: #6F828E;
            font-size: 16px;
        }
        #ajax-content {
            display: contents;
        }
                /*Стили для лоадера*/
         #loader {
            position: fixed;
            top: 50%;
            right: 50%;
            background: rgba(255, 255, 255, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            border-radius: 50%;
            padding: 5px;
        }
        .spinner {
          width: 48px;
          height: 48px;
        }

        .spinner svg {
          width: 100%;
          height: 100%;
          animation: rotate 2s linear infinite;
        }

        .spinner circle {
          fill: none;
          stroke: #3CA146; /* Google-синий */
          stroke-width: 4;
          stroke-linecap: round;
          stroke-dasharray: 150;
          stroke-dashoffset: 0;
          animation: dash 2s ease-in-out infinite;
        }

        /* Вращение всей SVG */
        @keyframes rotate {
          100% {
            transform: rotate(360deg);
          }
        }

        /* Плавное заполнение и сжатие */
        @keyframes dash {
          0% {
            stroke-dashoffset: 0;
            stroke-dasharray: 1, 150;
          }
          50% {
            stroke-dashoffset: -70;
            stroke-dasharray: 80, 150;
          }
          100% {
            stroke-dashoffset: -140;
            stroke-dasharray: 1, 150;
          }
        }

                /* Основной стиль для модального окна */
        .modal {
            display: none;
            overflow: auto;
            position: fixed; /* Фиксированное расположение */
            z-index: 1; /* Поверх других элементов */
            left: 0;
            top: 0;
            width: 100%; /* Полная ширина */
            height: 100%; /* Полная высота */
            background-color: rgba(0, 0, 0, 0.4); /* Темный фон с прозрачностью */
        }

        /* Контент модального окна */
        .modal-content {
            background-color: #fff;
            margin: 10% auto; /* Центрируем модальное окно */
            padding: 20px;
            border: 1px solid #888;
            width: 50%; /* Можно настроить по вашему усмотрению */
            max-width: 600px;
            text-align: center;
        }

        /* Основной стиль для модального окна */
        .modal2 {
            display: none;
            position: fixed; /* Фиксированное расположение */
            z-index: 1; /* Поверх других элементов */
            left: 0;
            top: 0;
            width: 100%; /* Полная ширина */
        }

        /* Контент модального окна */
        .modal-content2 {
            padding: 20px;
            text-align: center;
        }

        /* Кнопка закрытия */
        .close-btn {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

        .close-btn:hover,
        .close-btn:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }


        .containercat {
            position: relative;
        }
        .cat {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 200px;
        }
        .cattext {
            position: absolute;
            top: -355%;
            left: 50%;
            transform: translate(-50%, 355%);
            font-size: 20px;
            font-weight: bold;
            opacity: 0;
            transition: opacity 2s;
            color: #3CA146;

        }

        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            min-height: 100%;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            flex: 1;    /* эквивалентно flex-grow:0; flex-shrink:0; flex-basis:1200px; */
            /* или можно просто */
            /* flex-shrink: 0; */
        }
        .header {
            position: relative;
            min-height: 140px;
            display: flex;
            align-items: center;
            padding-bottom: 10px;
            background: -webkit-linear-gradient(bottom, #FFF 0px, #3CA146 100%);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            width: 100%;
        }
        .logo {
            font-size: 32px;
            font-weight: 500;
            color: white;
            margin-right: 20px;
            margin-left: 10px;
        }
        .logout {
            position: absolute;
            right: 10px;
            top: 10px;
            text-decoration: none;
            font-weight: 500;
            color: #006699;
        }
        .logout:hover {
            opacity: 0.8;
            color: #ff5733;
        }
        .nav {
            display: flex;
            gap: 15px;
        }
        .nav a {
            text-decoration: none;
            color: white;
            font-size: 18px;
            margin-right: 15px;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
            font-weight: 500;
        }
        .auth-buttons{
            align-items: center;
            justify-content: center;
            margin-left: 60px;
        }
        .auth-buttons a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 200px;
            height: 40px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            text-decoration: none;
            margin: 5px;
            font-weight: 500;
        }

        .register { background: #ff5733; color: white; }
        .login { background: #3399ff; color: white; }
         .register:hover { background: #e14c2a; }
        .login:hover { background: #2d90e0; }
        
        .banner468-header {
            padding: 10px;
        }
        .banner468-header img {
            width: 468px;
            height: 60px;
        }

        .banner200-header{
            margin: 10px auto;
        }

        .banner200-header img{
            width: 200px;
            height: 200px;
            object-position: center;
            object-fit: cover;
        }
        .content {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 20px;
            min-height: 100%
        }
        .main-home-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 5px;
        }

        .main-section {
            display: grid;
            grid-template-columns: 
            220px      /* жёсткая ширина левого сайдбара */
            1fr        /* гибкое центральное содержимое */
            220px;     /* жёсткая ширина правой секции */
            margin: 20px 0;
}

        .blocks-container {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
        .block {
            flex: 1;
            padding: 20px;
            margin: 10px;
            background: white;
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
            border-radius: 1px;
        }

        .block-head{
            font-size: 16px;
            color: #3CA146;
            margin-left: 12px;
        }
        .block-head_statics{
            font-size: 16px;
            color: #3CA146;
        }

        .block-head-profile{
            font-size: 16px;
            color: #3CA146;
            text-align: left;
        }

        .block-head2{
            text-align: center;
            font-size: 14px;
            color: #ff5733;
            padding: 5px;
        }

        .block-heading{
            color: #fff;
            padding: 5px;
            width: 100%;
            background-color: #3CA146;
            margin-bottom: 10px;
            font-size: 16px;
            border-radius: 1px;
        }

        .block span{
            color: #6A9850;
        }

        .block-list{
            list-style: none; /* Убираем стандартные маркеры */
            padding-left: 0;
        }
        .block-list li{
            background-image: url('img/star.png'); /* Путь к вашей картинке */
            background-size: 16px 16px; /* Размер изображения */
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 25px; /* Отступ, чтобы текст не накладывался на картинку */
        }

        .block-list-profile{
            list-style: none; /* Убираем стандартные маркеры */
            padding-left: 0;
            text-align: left;
        }

        .block-list-profile li{
            background-image: url('img/star.png'); /* Путь к вашей картинке */
            background-size: 16px 16px; /* Размер изображения */
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 25px; /* Отступ, чтобы текст не накладывался на картинку */
        }

        .extra-blocks {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
            height: 100%;
            margin-top: 20px;
        }
        .extra-blocks2 {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
        }

        .extra-blockspayment {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
        }

         .extra-blocksreferals {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
        }
        .extra-block {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            width: 100%;
            background: white;
            padding: 15px;
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
        }

        .extra-block + .extra-block{
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .extra-block ul{
            list-style: none; /* Убираем стандартные маркеры */
            padding-left: 0;
        }

        .index_ul{
            width: 430px;
        }
        .index_li{
            width: 250px;
        }

        .extra-block li{
            background-image: url('img/star.png'); /* Путь к вашей картинке */
            background-size: 16px 16px; /* Размер изображения */
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 25px; /* Отступ, чтобы текст не накладывался на картинку */
        }

        .extra-block-advertiser{
            width: 100%;
            max-width: 550px;
        }
        .extra-block-advertiser-profile{
            width: 100%;
            max-width: 550px;
            text-align: left;
        }

        .extra-block-advertiser-profile h2 {
            font-size: 18px;
            padding-bottom: 5px;
            color: #ff5733;
            text-align: center;
        }


        .extra-block-advertiser h2 {
            font-size: 18px;
            padding-bottom: 5px;
            color: #ff5733;
        }

        .extra-block-worker{
            width: 100%;
            max-width: 550px;

        }

        .extra-block-worker-profile{
            width: 100%;
            max-width: 550px;
            text-align: left;
        }

        .extra-block-worker h2{
            font-size: 18px;
            padding-bottom: 5px;
            color: #ff5733;
        }
        .extra-block-worker-profile h2{
            font-size: 18px;
            padding-bottom: 5px;
            color: #ff5733;
            text-align: center;
        }

        .extra-block img {
            width: 190px;
            height: auto;
            margin-right: 15px;
        }
        .sidebar {
            display: flex;
            flex-direction: column;
            align-items: center; /* Центрирование по горизонтали */
            height: fit-content;
            padding: 10px;
            border: 1px solid rgba(0, 0, 0, 0.1);
            overflow-wrap: break-word;
            white-space: nowrap;
        }

        .sidebar ul li a {
            font-size: 14px;
            font-weight: 500;
        }

        .sidebar a{
            color: #029424;
            text-decoration: none;
            transition: color 0.2s ease;
        }

        .sidebar a:hover{
            color: #F7931A;
            cursor: pointer;
        }

        .main-content{
            max-width: 100%;
            text-align: center;
            padding: 10px;
            padding-top: 0px;
        }

         .sidebar ul{
            list-style: none; /* Убираем стандартные маркеры */
            padding-left: 0;
            margin-left: 10px;
        }

        .sidebar li{
            background-image: url('img/star.png'); /* Путь к вашей картинке */
            background-size: 16px 16px; /* Размер изображения */
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 25px; /* Отступ, чтобы текст не накладывался на картинку */
        }
        .balance-block {
            max-width: 200px;
        }
        .balance {
            display: block;
            width: 200px;
            text-align: center;
            margin: 10px 0px;
        }
        .balance:last-child {
            margin-top: 0px;
            margin-bottom: 5px;
        }

        .balance:hover {
            opacity: 0.8;
        }

        .balance {
            position: relative;
            background-color: #029024;
            color: #029024;
            border-radius: 1px;
            padding: 5px;
            text-decoration: none;
        }

        .balance:last-child{
            background-color: #006699;
            color: #006699;
        }
        .sitebanners {
            border-radius: 1px;
            background: gray;
            text-align: center;
            color: white;
            margin: 10px 0;
        }

        .sitetime{
            width: 200px;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #8DBB70;
            border-radius: 1px;
            text-align: center;
            color: white;
            margin-left: auto;
            margin-right: auto;
            color: #4F7A3D;
        }

        .dottedhr{
            display: block;
            width: 100%;
            border-bottom: 2px dotted #E0CCB0;
        }
        .dottedhr2{
            display: block;
            width: 100%;
            border-bottom: 2px dotted #E0CCB0;
            margin-bottom: 5px;
        }
        .sitebanners:last-child {
            margin: 0px 0;
        }

        .sitemessage {
            width:200px;
            border-radius: 1px;
            background: #ff5733;
            text-align: center;
            color: white;
            margin: 10px 0;
            margin-top: 10px; margin-left: auto; padding: 10px; word-break: break-all;
        }

        .sitemessage:last-child {
            margin: 0px 0;
        }

        .contextual{
            white-space: normal;
            font-size: 14px;
        }
        .contextual * + * {
            margin-bottom: 5px;
        }
        .profile {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

        .profile img {
            border-radius: 50%;
            width: 60px;
            height: 60px;
            margin-right: 10px;
            max-width: 100%;
            object-fit: cover;
        }
        .visit {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        .visit-showuser {
            margin-bottom: 10px;
        }
        .user_board_text {
            word-break: break-word;
            color: chocolate;
            margin-bottom: 5px;
            margin-top: -5px;
            text-align: center;
        }
        .visit-showuser img {
            border-radius: 5px;
            width: 130px;
            height: 130px;
            max-width: 100%;
            object-fit: cover;
        }

        .btn {
            display: block;
            width: 100%;
            text-align: center;
            padding: 10px;
            background: #3CA146;
            color: white;
            text-decoration: none;
            margin-top: 10px;
            border-radius: 1px;
        }
        .btn2 {
            display: block;
            width: 80%;
            text-align: center;
            padding: 10px;
            background: #3CA146;
            color: white;
            text-decoration: none;
            margin-top: 10px;
            border-radius: 1px;
            border: unset;
            margin-left: auto;
            margin-right: auto;
        }
        .btn_banner200{
            background-color: unset;
            padding: unset;
            padding-right: 10px;
            color: green;
            margin-top: 0px;
            text-align: right;
            font-size: 12px;
        }
        .advm_rejected{
            background-color: #ff5733;
        }
        .advm_return{
            background-color: orange;
        }
        .completed_text {
            word-break: break-word;
            height: 15px;
            height: 70px;
            margin-top: 5px;
            padding: 10px;
            border: 3px solid #d0e9c6;
        }
        .right-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 1px solid rgba(0, 0, 0, 0.1);
            padding: 10px;
            height: fit-content;
        }

        .footer {
            text-align: center;
            padding: 20px;
            background: -webkit-linear-gradient(bottom, #FFF 0px, #3CA146 100%);
            color: white;
            width: 100%;
            margin-top: auto;
            color: inherit;
        }

        .footer img {
            vertical-align: middle;
            margin: 0 5px;
        }

        .payment-systems {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin-top: 15px;
        }

        .payment-systems img {
            width: 88px;
            height: 31px;
        }


        .footer-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
            margin-top: 10px;
        }

        .footer-links a{
            text-decoration: none;
            color: inherit;
            
        }






        .register-blocks {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 30px auto;
        }

        .register-block {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            padding: 30px;
            border-radius: 10px;
            text-align: center;
            width: 80%;
        }

        .register-block-form{
            width: 50%;
        }
        .register-block-image{
            width: 50%;
            padding: 20px;
        }
        .register-block img {
            max-width: 100%;
            object-position: center;
            object-fit: cover;
        }

        .register-block h2 {
            color: #3CA146;
            font-size: 20px;
            margin-bottom: 15px;
        }

        .register-block form {
            width: 100%;
            display: flex;
            flex-direction: column;

        }

        .register-block input {
            outline: none;
            padding: 10px;
            margin: 8px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .register-block button {
            background: #28a745;
            color: #fff;
            padding: 12px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            border-radius: 5px;
        }

        .register-block button:hover {
            background: #218838;
        }

        .register-block p {
            display: flex;
            margin-top: 10px;
            font-size: 14px;
        }

        .register-block a {
            color: #6A9850;
            text-decoration: none;
        }

        .register-block a:hover {
            text-decoration: underline;
        }
/*Страница авторизация*/

        .login-blocks {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 30px auto;
        }

        .login-block {
            display: flex;
            justify-content: space-evenly;
            padding: 30px;
            border-radius: 10px;
            text-align: center;
            width: 80%;
        }

        .login-block-form{
            width: 50%;
            padding: 10px;
        }

        .login-block-statics{
            width: 30%;
            height: fit-content;
            padding: 10px;
            background: white;
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .login-block-statics span {
            color: #6A9850;
        }
        .login-block-statics p {
            text-align: left;
        }

        .login-block h2 {
            color: #3CA146;
            font-size: 20px;
            margin-bottom: 15px;
        }

        .login-block form {
            width: 100%;
            display: flex;
            flex-direction: column;

        }

        .login-block input {
            outline: none;
            padding: 10px;
            margin: 8px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .login-block button {
            background: #28a745;
            color: white;
            padding: 12px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            border-radius: 5px;
        }

        .login-block button:hover {
            background: #218838;
        }

        .login-block a {
            display: flex;
            margin-top: 10px;
            font-size: 14px;
            color: #6A9850;
            text-decoration: none;
        }

        .login-block a:hover {
            text-decoration: underline;
        }

        .recovery-blocks {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 30px auto;
        }

        .recovery-block {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            padding: 30px;
            border-radius: 10px;
            text-align: center;
            width: 80%;
        }

        .recovery-block-form{
            width: 50%;
        }

        .recovery-block-image{
            max-width: 130px;
        }
        .recovery-block img {
            padding: 20px;
            max-width: 100%;
            object-position: center;
            object-fit: cover;
        }

        .recovery-block h2 {
            color: #3CA146;
            font-size: 20px;
            margin-bottom: 15px;
        }

        .recovery-block form {
            width: 100%;
            display: flex;
            flex-direction: column;

        }

        .recovery-block input {
            outline: none;
            padding: 10px;
            margin: 8px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .recovery-block button {
            background: #28a745;
            color: white;
            padding: 12px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            border-radius: 5px;
        }

        .recovery-block button:hover {
            background: #218838;
        }

        .task-block {
            width: 90%;
            padding: 5px;
            box-shadow: 0 0 5px rgba(1, 1, 4, 0.2);
            border-radius: 2px;
            margin-left: auto;
            margin-right: auto;
        }
        .task-balance{
            font-weight: bold;
        }
        .task-block +  .task-block {
            margin-top: 10px;
        }
        .task-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .row_autor_task{
            display: flex;
            align-items: center;
        }
        .block-first {
            font-size: 14px;
            display: flex;
        }
        .block-first-row{
            max-width: 450px;
            text-align: left;
        }
        .block-first-row a{
            text-decoration: none;
            font-size: 14px;
        }
        .block-first-row h5 {
            font-weight: normal;
        }
        .block-first-row h5 a{
            color: #0077AA;
            font-weight: 500;
            word-break: break-all;
        }

        .task-image {
            overflow: hidden;
            margin-right: 15px;

        }

        .task-image img {
            border-radius: 5px;
            width: 50px;
            height: 50px;
            max-width: 100%;
            object-position: center;
            object-fit: cover;
        }
        .task_working{
            display: block;
            width: 40px;
            height: 40px;
            margin-right: 10px;
            max-width: 100%;
            background-image: url(img/pause-task.png);
            background-size: cover;
            background-position: center;
            border-radius: 50%;
            cursor: pointer;
        }
        .task_pause{
            display: block;
            width: 40px;
            height: 40px;
            margin-right: 10px;
            max-width: 100%;
            background-image: url(img/play-task.png);
            background-size: cover;
            background-position: center;
            border-radius: 50%;
            cursor: pointer;
        }
        .task_moder{
            display: block;
            width: 30px;
            height: 30px;
            margin-right: 10px;
            max-width: 100%;
            background-image: url(img/moderator-task.png);
            background-size: cover;
            background-position: center;
        }
        .task_blocked {
            display: block;
            width: 40px;
            height: 40px;
            margin-right: 10px;
            max-width: 100%;
            background-image: url(img/rejected-task.png);
            background-size: cover;
            background-position: center;
        }
        .task_completed {
            display: block;
            width: 40px;
            height: 40px;
            margin-right: 10px;
            max-width: 100%;
            background-image: url(img/play-task.png);
            background-size: cover;
            background-position: center;
        }
        .blocked {
             font-size: 14px;
        }
        .task_returned {
            display: block;
            width: 40px;
            height: 40px;
            margin-right: 10px;
            max-width: 100%;
            background-image: url(img/returned-task.png);
            background-size: cover;
            background-position: center;
        }
        .returned {
            font-size: 14px;
        }
        .reason_block {
            max-width: 200px; 
            word-break: break-all;
            white-space: normal;
        }
        .reason_revision {
            font-size: 12px;
            color: red;
        }
        .block-second {
            cursor: default;
            font-size: 14px;
        }
        .block-second a {
            text-decoration: none;
        }
        .task-price {
            color: #ff5733;
            font-weight: 500;
            margin-right: auto;
            font-size: 16px;
            font-family: Arial, sans-serif;
        }
        .block-money {
            margin-left: auto;
            margin-right: auto;
            padding: 20px;
            width: 90%;
            background-color: #d0e9c6;
        }
        .payment-system-style{
            padding: 10px;
            outline: none;
            border: unset;
            margin-bottom: 10px;
        }
        
        #payment-form {
            padding-bottom: 10px;
        }
        .money-head{
            padding: 5px;
            font-size: 16px;
            color: #3CA146;
        }
        .pay_form_row{
            max-width: 430px;
            text-align: left;
        }
        .pay_form{
            display: flex;
            justify-content: center;
        }
        .Orderreceived {
            padding: 10px;
            padding-left: 0;
            text-align: center;
            background-color: #d0e9c6;
            color: #3CA146;
        }
        .form_p {
            padding-bottom: 4px;
        }

        #amount{
            padding: 10px;
            outline: none;
            border: unset;
            margin-bottom: 10px;
        }



        .task-action-extra-blocks{
             display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
        }

        .task-action-content {
            margin: 0px auto;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
            font-family: Arial, sans-serif;
            font-size: 15px;
        }


        .taskaction-content{
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .task-action-heading {
            font-size: 22px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 15px;
        }
        .task-action-head{
            background-color: #F0F5F1;
            padding: 10px;
            color: green;
        }
        

        .task-action-info {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f9f9f9;
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 15px;
        }
        .text_task_send{
            resize: none;
            outline: none;
            border: 3px solid #d0e9c6;
            padding: 10px;
            width: 100%;
            height: 150px;
            margin-top: 30px;
            margin-bottom: 5px;
        }
        .send_control_code{
            height: 40px;
        }

        .user-avatar_task {
            width: 100px;
            height: 100px;
            border-radius: 8px;
            margin-right: 15px;
            max-width: 100%;
            object-position: center;
            object-fit: cover;
        }

        .task-info-text p {
            margin: 5px 0;
        }

        .alltask-autor{
            max-width: 150px;
            padding: 5px;
            margin-left: 10px;
            border: unset;
            border: 1px solid #e0e1e5;
            text-decoration: none;
            color: green;
            cursor: pointer;
        }
        .no_autor_tasks{
            width: 68%;
            padding: 10px 0;
            background-color: rgba(200, 88, 70, 36.5);
            border-radius: 5px;
            color: #fff; margin-left: auto;
            margin-right: auto;
        }
           .section-title-first {
            font-size: 16px;
            color: green;
            font-weight: 300;
            padding-top: 5px;
        }

        .section-title {
            font-size: 16px;
            font-weight: bold;
            margin-top: 10px;
        }

        .task-stats {
            display: flex;
            padding-left: 20px;
            list-style-type: none;
        }

        .task-stats li {
            margin: 0px 0;
        }
        .task-stats li + li {
            padding-left: 10px;
        }

        .approved {
            color: green;
            font-weight: bold;
        }

        .revision {
            color: orange;
            font-weight: bold;
        }

        .rejected {
            color: #ff5733;
            font-weight: bold;
        }

        .task-details {
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-align: left;
            padding: 15px;
            background: #f0f0f0;
            border-radius: 8px;
            margin-bottom: 15px;
        }
        .task-details li{
            list-style-type: none;
            line-height: 20px;
        }
        .payment {
            font-size: 20px;
            font-weight: bold;
            color: green;
        }
        .payment-text{
            color: green;
            font-weight: bold;
        }
        .reviews{
            text-decoration: none;
            color: #006699;
            cursor: pointer;
        }

        .task-buttons {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-bottom: 15px;
        }

        .task-buttons button {
            padding: 8px 12px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
        }

        .fav-btn {
            background: #3CA146;
            color: #fff;
        }

        .trash-btn {
            background: #306E8D;
            color: white;
        }
        #trash-btn {
            background: #306E8D;
            color: white;
        }

        .task-description {
            background: #fdfdfd;
            padding: 15px;
            border-radius: 8px;
            border-left: 4px solid #3CA146;
            border-right: 4px solid #3CA146;
        }

        .description-head {
            background-color: #F0F5F1;
            padding: 10px;
            border: 1px solid #e0e1e5;
            border-bottom: none;
            font-size: 16px;
            font-weight: normal;
        }

        .task-text {
            word-break: break-word;
            border: 1px solid #e0e1e5;
            padding: 10px;
            margin-bottom: 10px;
            text-align: left;
        }
        .taskinfo-instriction{
            margin-top: 10px;
            border: 1px solid #e0e1e5;
            padding: 10px;
            margin-bottom: 10px;
        }
        .instriction{
            background-color: #d0e9c6;
        }
        .task-btn{
            display: block;
            width: 35%;
            text-align: center;
            padding: 10px;
            background: #3CA146;
            color: white;
            text-decoration: none;
            margin-top: 10px;
            border-radius: 1px;
            margin-left: auto;
            margin-right: auto;
            border-radius: 5px;
            font-size: 14px;
            transition: background 0.3s ease;
        }
        .task-btn:hover{
            background-color: green;
        }
        .btn_cancel{
            border: unset;
            background-color: #ff5733;
        }
        .btn_cancel:hover{
           background-color: #d1431f;
        }
        .taskheader {
            display: block;
            position: absolute;
            width: 100%;
            padding: 2px 0;
        }
    /* Размещение задание */
    /* Контейнер для блока */
        .taskadd-block {
          max-width: 1200px;
        }
        /* Стилизация блоков с тарифами */
        .tasks-pricing {
          background-color: #f9f9f9;
          border-right: 5px solid #3c763d;
          border-radius: 8px;
          padding: 20px;
          padding-top: 0px;
          margin-bottom: 20px;
          box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
        }

        .task-head{
            padding: 10px;
            margin-bottom: 10px;
            color: #3CA146;
        }
        .tsk-block{
            display: flex;
            flex-direction: column;
        }
        .pricing-block {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          justify-content: center;
        }

        .pricing-item {
          background-color: #fff;
          border: 1px solid #ddd;
          padding: 15px;
          border-radius: 5px;
          width: 30%;
          height: 100px;
          text-decoration: none;
          color: inherit;
        }

        .pricing-item:hover{
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .tasks-pricing strong {
          color: #3c763d;
        }


        /* Стилизация формы */
        .task-form {
          background-color: #d0e9c6;
          border-left: 5px solid #3c763d;
          border-radius: 8px;
          padding: 20px;
          margin-bottom: 30px;
        }

        .form-groupadvm {
          display: flex;
          align-items: center;
          justify-content: space-evenly;
          margin-bottom: 20px;
        }
        .form-labeladvm {
            text-align: left;
            width: 40%;
        }
        .form-groupadvm textarea{
            width: 200px;
            padding: 10px;
            outline: none;
            border: unset;
            border: 1px solid #e0e1e5;
        }


        .form-groupadv {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-evenly;
          margin-bottom: 20px;
          margin-left: auto;
          margin-right: auto;
          padding: 10px;
        }
        .form-labeladv {
            width: 100%;
            margin-bottom: 10px;
        }
        .form-groupadv textarea{
            max-width: 600px;
            width: 100%;
            min-height: 200px;
            padding: 10px;
            outline: none;
            border: unset;
            border: 1px solid #e0e1e5;
            resize: none;
        }




        .task-inputwidth {
            width: 200px;
            padding: 10px;
            outline: none;
            border: unset;
            border: 1px solid #e0e1e5;
        }

        .form-inputadv {
            width: 100%;
        }

        .taskwidth {
            width: 200px;
            padding: 10px;
            outline: none;
            border: unset;
            border: 1px solid #e0e1e5;
        }

        .bannerinputswidth {
            width: 250px;
            padding: 10px;
            outline: none;
            border: unset;
            border: 1px solid #e0e1e5;
        }

        .fordisplay {
            display: block;
            margin-bottom: 8px;
        }

        .age-range {
          display: flex;
          align-items: center;
          gap: 10px;
        }

        .age-range span {
          font-size: 1.1em;
        }

        /* Кнопки */
        .addbtn {
          padding: 10px 20px;
          font-size: 1.0em;
          color: #fff;
          border: none;
          border-radius: 5px;
          cursor: pointer;
          margin-left: auto;
          margin-right: auto;
        }

        .green-btn {
          background-color: #3CA146;
        }

        .green-btn:hover {
          background-color: #2e6b2f;
        }

    .extra-blocksaddmanager {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .task-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .task_search_heading{
        text-align: left;
        color: #306E8D;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
    }
    .slider-row{
        display: flex;
        align-items: center; 
        margin-bottom: 10px;
    }
    .task_sort_heading{
        margin-bottom: 5px;
        color: #306E8D;
        font-size: 16px;
        font-weight: 500;
    }

    .referals_sort_heading{
        margin-bottom: 5px;
        color: #306E8D;
        font-size: 16px;
        font-weight: 500;
    }
    .task_search_block{
        display: none;
        text-align: left;
    }
    .taskSortByCatecory_block{
        display: none;
        text-align: left;
    }
    .task_search_block_row{
        margin-right: 20px;
    }
    .task_sortByCategory_row{
        text-align: center;
        padding: 10px;
    }
    .task_search_head{
        display: inline-block;
        width: 150px;
        margin-bottom: 10px;
        text-align: left;
    }
    .category_position{
        display: inline-block;
        margin-bottom: 10px;
        padding: 5px;
        width: 190px;
        border: 1px solid #ccc;
        text-align: center;
        font-size: 16px;
        text-decoration: unset;
        color: inherit;
    }
    .category_position:hover{
        color: #fff;
        background-color: #66BB6A;
    }
    .srt_tasks.sort_active{
        background-color: green;
    }
    .srt_refs.sort_active{
        background-color: green;
    }
    .category_position.sort_active{
        background-color: #66BB6A;
        color: #fff;
    }
    .task_search_input{
        padding: 5px;
        border: unset;
        outline: unset;
        border: 1px solid #ccc;
    }

    .task_search_input:hover {
        border-bottom: 1px solid #A5D6A7;
    }
    .task_search_input:focus {
        border-bottom: 1px solid #66BB6A;
    }

    .srt-links {
        background: #3CA146;
        color: #fff;
        padding: 8px 12px;
        border-radius: 5px;
        text-decoration: none;
        font-size: 14px;
        border: unset;
    }

    .srt-links:hover {
        background: green;
    }
    .srt_tasks{
        background: #3CA146;
        color: #fff;
        padding: 5px 10px;
        font-size: 14px;
        border: unset;
        text-decoration: unset;
    }
    .srt_tasks:hover {
        background: green;
    }

    .srt_refs{
        background: #3CA146;
        color: #fff;
        padding: 5px 10px;
        font-size: 14px;
        border: unset;
        text-decoration: unset;
    }
    .srt_refs:hover {
        background: green;
    }

    .task-actions h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .task-actions a {
        color: #007bff;
        text-decoration: none;
        font-size: 14px;
    }

    .task-list {
        background: #fff;
        padding: 0 15px;
        border-radius: 5px;
        border: 1px solid #ddd;
        overflow-wrap: break-word;
    }

    .task-item {
        padding: 10px;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

    .task-item:last-child {
        border-bottom: none;
        min-height: 90px;
    }

    /* Основной контент задания */
    .task-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .task-infoadv {
        flex-grow: 1;
        text-align: left;
        font-size: 14px;
    }
    .task-stats-advmanager{
        display: flex;
    }

    .task-infoadv h4, 
    .task-infoadv p {
        margin: 3px 0;
        word-break: break-word;
    }

    .task-infoadv a {
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }


    .task-priceadvmanager {
        font-size: 16px;
        font-weight: bold;
        color: #28a745;
        margin-right: 15px;
    }

    .task-options {
        position: relative;
    }

    /* Скрытый чекбокс для переключения меню */
    .task-options input[type="checkbox"] {
        display: none;
    }

    /* Метка – иконка-три точки */
    .task-options span.dots {
        display: flex;
        justify-content: flex-end;
        max-width: 45px;
        cursor: pointer;
        font-size: 20px;
        padding: 10px;
        padding-bottom: 0px;
        margin-left: auto;
    }

    /* Выпадающее меню – по умолчанию скрыто */
    .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%; /* сразу под три точками */
        right: 0;
        margin-top: 5px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        z-index: 10;
    }

    /* Если чекбокс отмечен, показываем меню */
    #toggle-dropdown:checked + label.dots + .dropdown-menu {
        display: block;
    }

    .dropdown-menu a {
        display: block;
        padding: 8px 12px;
        text-decoration: none;
        color: #333;
        cursor: pointer;
    }

    .dropdown-menu a:hover {
        background: #f1f1f1;
    }

    /* Блок с кнопками внизу задания */
    .task-buttonsadvmanager {
        display: flex;
        justify-content: flex-end;
        gap: 5px;
        margin-top: 10px;
    }

    .task-buttonsadvmanager button {
        width: 30px;
        height: 30px;
        color: #333;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
    }


    .task-buttonsadvmanager .approvedadvm {
        color: #fff;
        background-color: green;
        font-weight: bold;
    }

    .task-buttonsadvmanager .revisionadvm {
        color: #fff;
        background-color: orange;
        font-weight: bold;
    }

    .task-buttonsadvmanager .inprogressadvm {
        color: #fff;
        background-color: #85bfbdb5;
        font-weight: bold;
    }

        .task-buttonsadvmanager .totalrejected {
        color: #fff;
        background-color: #eb3131;
        font-weight: bold;
    }

    .task-buttonsadvmanager .feedbackonthetask {
        color: #fff;
        background-color: #bb31ebcf;
        font-weight: bold;
    }
        .task-buttonsadvmanager .addedtofavorites {
        color: #fff;
        background-color: #3399ff;
        font-weight: bold;
    }

    .admoneyformblock{
        display: none;
        padding: 10px;
        margin-top: 10px;
        overflow-y: auto;
        border: 2px solid #ddd;
        background-color: rgb(212, 237, 218);
    }

    .task_description_block{
        display: none;
        padding: 10px;
        margin-top: 10px;
        border: 2px solid #ddd;
        background-color: rgb(212, 237, 218);
    }

    .task_url_block{
        display: none;
        padding: 10px;
        margin-top: 10px;
        border: 2px solid #ddd;
        background-color: rgb(212, 237, 218);
    }

    .task_url_row{
        padding: 10px;
        border: 1px solid #a5d6a7;
    }
    .task_url_row a {
        text-decoration: unset;
        color: #006699;
        font-size: 14px;
    }

    .taskcolorblock{
        display: none;
        overflow-y: auto;
        padding: 10px;
        margin-top: 10px;
        border: 2px solid #ddd;
        background-color: rgb(212, 237, 218);
    }

    .taskvipblock{
        display: none;
        overflow-y: auto;
        padding: 10px;
        margin-top: 10px;
        border: 2px solid #ddd;
        background-color: rgb(212, 237, 218);
    }

/*        .center {
        max-width: 580px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 6px;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
        padding-bottom: 20px;
    }

    .center-heading {
        font-family: Arial, serif;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #27A011;
        border-top: 1px solid #E4E4E4;
        border-radius: 6px 6px 0px 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        font-weight: bold;
    }
*/
    .center-text {
        font-size: 12px;
        background-color: #d0e9c6;
        margin:10px 10px;
        padding: 10px 15px;
        text-align:center;
    }

    .center-content {
        position: relative;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 15px;
    }

    .center-content-heading_all {
    color: #029024;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
}

.heading_all_row{
    display: flex;
    align-items: center;
    font-weight: 400;
}

.heading_all_row-link a { 
  color: #006699;
  text-decoration: none;
}

.heading_all_row-link a:hover { 
  text-decoration: underline;
}


.center-content-heading_referal {
    color: #27A011;
    font-family: arial, sans-serif;
    font-size: 13px;
    padding-bottom: 5px;
}


.heading_all_row-head-text{
    padding: 5px;
    padding-left: 25px;
}

.referal-heading{
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}

.referal-heading h3{
    padding: 4px 8px;
    font-weight: 400;
    font-size: 11px;
    color: #fff;
    line-height: 11px;
}

.line_hr{
    margin: 5px 0px;
    border-bottom: 1px dotted #D8C5A6;
}
.line_hr2{
    border-bottom: 1px dotted #E0CCB0;
}
.line_hr3{
    padding: 10px;
    border-bottom: 3px dotted #E0CCB0;
}

.referal-heading{
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    padding: 4px 8px;
    background-color: #029424;
}

.referal-info-block{
    overflow-wrap: break-word;
    white-space: nowrap;
}

.referal-info-row{
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: rgb(120, 119, 119);
    font-size: 12px;
    background: #f7f8f7;
    border-right: solid 1px #DDD;  
    border-bottom: solid 1px #DDD;
    border-top: solid 2px #FFF;
    border-left: solid 2px #FFF;
    padding: 2px 5px;
    text-align: center;
}


.referal-info{
    width:50px;
    height: 50px;
    margin-left: -10px;
    margin-right: -45px;
}

.referal-info img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 50%;
}

.remove-reveral + .remove-reveral {
    display: block;
    width: 10px;
    height: 10px;
}

.referal-info-text{
    margin-left: -30px;
}

.referal-info-text-mobile span{
    display: block;
}

.sell-referal a{
    text-decoration: none;
    cursor: pointer;
}
.remove-referal a{
    text-decoration: none;
    cursor: pointer;
}

.center-row{
    max-width: 500px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 5px;
}






/* Стили для блока предупреждения о выводе средств */
.alert-info {
  background-color: #fffae6;
  padding: 10px;
  border: 1px solid #ffd700;
  border-radius: 3px;
  margin-bottom: 20px;
  text-align: center;
}

.alert-info a.alert-link {
  text-decoration: none;
  color: #d35400;
  font-weight: bold;
}

/* Стили для ввода суммы для вывода средств */
.withdrawal-input {
  margin-bottom: 20px;
}

.withdrawal-input label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.withdrawal-input input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
}
.withdrawal-input input:focus {
    border-color: #aaa;
}

/* Заголовок выбора метода вывода средств */
.withdrawal-method {
  margin-bottom: 20px;
  font-size: 1.2em;
}

/* Стили для блока с платёжными системами */
.payment-options {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.payment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.payment-list button {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: inherit;
}
.payment-list button:hover {
  border-color: #bbb;
}

.payment-list button img {
  margin-right: 10px;
}

/* Стили для таблицы с информацией о комиссиях */
.commission-details h4 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.commission-details table {
  width: 100%;
  border-collapse: collapse;
}

.commission-details th,
.commission-details td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
}

.commission-details th {
  background-color: #f2f2f2;
}


/* Стили для нового блока подтверждения */
#confirmation-block {
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
}
#confirmation-block h2,
#confirmation-block h3 {
  margin-bottom: 10px;
}

#confirmation-block .alert-info {
  background-color: #fffae6;
  padding: 10px;
  border: 1px solid #ffd700;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 20px;
}

#confirmation-block .alert-info a.alert-link {
  text-decoration: none;
  color: #d35400;
  font-weight: bold;
}

#confirmation-block .payment-info div {
  margin-bottom: 8px;
  font-size: 1em;
}

#confirmation-block .bot-protection {
  margin: 20px 0;
}

#slider {
  margin-top: 10px;
}

#pay-button {
  padding: 10px 20px;
  background-color: #27ae60;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#pay-button:disabled {
  background-color: #95a5a6;
  cursor: not-allowed;
}


/* Стили для контейнера Стена славы */
.honor-board {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 7px;
  margin-top: 0px;
  font-family: Arial, sans-serif;
}

.honor-text{
    width: 560px;
    padding: 5px;
    border: 1px solid #ddd;
    color: green;
    font-weight: 300;
    background-color: #d0e9c6;
}

/* Оформление описания */
.honor-board .description p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
}

/* Оформление поля комментария */
.honor-board .input-section label {
  display: block;
  font-size: 14px;
  color: #555;
  margin-bottom: 5px;
}

.honor-board .input-section input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  margin-bottom: 15px;
}

/* Кнопки оплаты */
.honor-board .payment-buttons {
  margin-bottom: 20px;
  display: flex;
  gap: 10px;
}

.honor-board .payment-buttons .btn {
  background-color: #28a745;
  color: #fff;
  padding: 10px 15px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
}

.honor-board .payment-buttons .btn:hover {
  background-color: #218838;
}

/* Заголовок секции победителей */
.honor-board .winners-section h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: green;
  font-weight: 300;
}

/* Таблица победителей */
.honor-board .winners-table {
  width: 100%;
  border-collapse: collapse;
}

.honor-board .winners-table th,
.honor-board .winners-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  font-size: 14px;
}

.honor-board .winners-table th,
.honor-board .winners-table td:first-child {
    text-align: left;
}

.honor-board .winners-table th {
  background-color: #f5f5f5;
  font-weight: bold;
}

.honor-board .winners-table tr:nth-child(even) {
  background-color: #f9f9f9;
}


.winner-usermoney{
    color: #ff5733;
    font-weight: 300;
}
/* Основной контейнер блока размещения рекламы  по интересам*/
.ad-placement-wrapper {
  margin: 20px auto;
  margin-top: 0px;
  padding: 20px;
  width: 100%;
  max-width: 1200px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* Заголовки первого уровня в блоке */
.ad-placement-wrapper h3 {
  margin-bottom: 15px;
  text-align: center;
  color: #3CA146;
}

/* Отступ снизу для заголовка "Размещение контекстной рекламы" */
.context-ad-placement .placement-heading {
  margin-bottom: 20px;
}

/* Расположение элементов в одну строку */
.inline-group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

.inline-group a {
text-decoration: none;
color: #006699;
}

/* Вывод стоимости 1-го перехода в виде текста */
.click-cost-text {
  font-size: 16px;
  color: green;
  font-weight: 300;
}

/* Стили для блока с галочкой и текстом правил */
.terms {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Общие стили для групп полей формы */
.context-ad-info{
    background-color: #d0e9c6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}
.context-ad-placement{
      border-radius: 8px;
      padding: 20px;
      margin-bottom: 30px;
}

.context-ad-placement .form-grouplink {
  margin-bottom: 15px;
}

.context-ad-placement label {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
  color: #333;
}

.context-ad-placement input[type="text"],
.context-ad-placement input[type="url"],
.context-ad-placement textarea,
.context-ad-placement select {
  width: 100%;
  height: 35px;
  padding: 8px 10px;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #e0e1e5;
}

.context-ad-placement textarea {
  height: 80px;
  resize: vertical;
}

/* Стилизация кнопки */
.context-ad-placement button.btn {
    width: 30%;
  display: inline-block;
  padding: 10px 20px;
  background-color: #28a745;
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.context-ad-placement button.btn:hover {
  background-color: #218838;
}

/* Счетчик оставшихся символов */
#char-counter {
  color: #029424;
}

.referral-market { 
    padding: 15px; 
    background: #f8f9fa; 
    border-radius: 5px; 
    border: 1px solid #ddd;
}
.description { 
    margin-bottom: 10px; 
    font-size: 14px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;

}
.search-btn { 
    background: #029024; 
    color: white; 
    padding: 10px 15px; 
    border: none; 
    cursor: pointer; 
    border-radius: 5px;
}
.search-btn:hover {
    background: green;
}

.search-btn-ref {
    background: rgba(2, 144, 36, 0.1);
    color: white; 
    padding: 10px 15px; 
    border: none; 
    cursor: pointer; 
    border-radius: 5px;
    transition: background 0.1s ease;
}
.search-btn-ref:hover {
     background: #d0e9c6;
}
.search-panel {
  margin-top: 10px; 
  padding: 10px; 
  background: #e9ecef; 
  border-radius: 5px; 
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.search-panel.open {
  max-height: 500px; /* Подберите значение больше, чем ваша панель */
  opacity: 1;
}
#comment-panel.open {
  max-height: 520px;
}
.input-field {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.referral-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    background: white;
    border-radius: 5px;
    overflow: hidden;
}

.referral-table th, .referral-table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
    font-size: 12px;
}
.referral-table th {
    background: #d0e9c6;
    font-weight: bold;
    text-align: center;
}
.rfrl-row{
    display: flex;
    align-items: center;
}
.ref_position{
    text-decoration: none;
    color: #006699;
}
.avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    max-width: 100%;
    margin: 10px;
}

/*Страница Правила сайта*/
.rules-blocks {
    width: 100%;
    min-height: 100%;
    padding: 20px;
}

.rules-block {
    margin: 0 auto;
    padding: 30px;
    border-radius: 10px;
    width: 80%;
}

.rules-head{
    margin-bottom: 20px;
    text-align: center;
    color: #2c3e50;
}

.rules-heading{
    color: #2c3e50;
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.rules-headingh3{
    margin-top: 20px;
    color: #2c3e50;
}
.rules-text{
    margin: 10px 0;
}

.rules-section{
    margin-bottom: 20px;
}

.rules-list{
    margin: 10px 0 10px 20px;
}
.rules-li{
    margin-bottom: 5px;
}

.service-head{
    padding-top: 10px;
    padding-bottom: 5px;
    color: #3CA146;
}

.service-list{
    list-style-type: none;
    padding: 0;
}
.service-li{
    padding: 5px;
    padding-left: 0px;
}

.privacy-head{
    text-align: center;
    margin-bottom: 20px;
    color: #3CA146;
}
.privacy-heading{
    margin-top: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    color: #2d3436;
}
.privacy-text{
    margin: 12px 0;
}
.privacy-list{
    margin: 12px 0 12px 20px;
}
.privacy-headingh3{
    color: #2d3436;
}

.faq-blocks{
    max-width: 992px;
}
.faq-div {
    margin-bottom: 15px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.faq-div h3 {
    color: #3CA146;
}

.faq-div p {
    margin: 5px 0;
    color: #555;
}

.faq-heading{
    text-align: center;
    color: #3CA146;
    padding: 10px;
}

.support-block{
    max-width: 560px;
    padding: 10px;
    border: 1px solid #d0e9c6;
    border-radius: 5px;
    background-color: #D0E9D1;
    text-align: center;
}
.supp-style{
    outline: none; padding: 10px;
    max-width: 200px;
    margin-top: 10px;
}

.supp-txtstyle{
    outline: none;
    width: 80%;
    max-width: 100%;
    height: 200px;
    margin-top: 10px;
    padding: 10px;
}

.btnsuport{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

/*Стена пользователя*/
.board-block {
    max-width: 688px;
    width: 100%;
    margin: 0 auto;
}
.user-info-layout {
  width: 100%;
  border-collapse: collapse;
}

.user-avatar_board {
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 8px;
    margin-right: 15px;
    max-width: 100%;
    object-position: center;
    object-fit: cover;
}
.user-actions{
    display: flex;
}
.user-actions .action-link {
  display: block;
  color: #007bff;
  text-decoration: none;
  padding: 10px;
  background-color: #3CA146;
  margin-bottom: 5px;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.user-info-table {
    display: flex;
    justify-content: space-around;
    width: 100%;
    border-collapse: collapse;
    padding-top: 10px;
}

.user-info-table td {
  padding: 4px 8px;
}

.user-info-table .label {
  white-space: nowrap;
  padding: 8px;
}

.user-info-table .value1 {
    font-weight: bold;
    color: #306E8D;
}
.user-info-table .value2 {
    font-weight: bold;
    color: green;
}
.user-stats table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.user-stats th,
.user-stats td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
}

.user-stats th {
  background-color: #3CA146;
  color: #fff;
  font-size: 14px;
}

.user-stats td {
  font-size: 13px;
  color: #333;
}

.user-stats tr:nth-child(even) {
  background-color: #f9f9f9;
}
.friends-block{
    position: relative;
    display: flex;
    gap: 20px;
    padding: 10px;
    padding-top: 30px;
    padding-left: 20px;
}
.friends-block h5{
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
}
.friend{
    overflow: hidden;
}
.friend span{
    display: block;
}
.friend img {
    width: 50px;
    height: 50px;
    max-width: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 50%;
}
.user-info-center{
    padding-top: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.usr-stath3{
    padding: 10px;
}
.comment-section{
    margin-top: 20px;
    text-align: left;
}
.usercomment-block {
   padding: 10px 0;

}
.usercomment-block textarea {
    width: 100%;
    max-width: 100%;
    height: 150px;
    outline: none;
    padding: 10px 0;
    border: unset;
    border: 1px solid #E0CCB0;
}
.task_comment{
    color: #306E8D;
    font-weight: bold;
    display: block;
    padding-left: 10px;
    text-decoration: none;
}
    .review-form {
  padding: 16px;
}

.form-group_add_task_comment {
  margin-bottom: 14px;
}

.form-group_add_task_comment label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  color: #333;
}

.review-form select,
.review-form textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  outline: none;
}

.review-form textarea {
  min-height: 100px;
  resize: vertical;
}

.task_comment_btn_block {
  text-align: right;
  padding-top: 8px;
  border-top: 1px solid #eee;
}

.task_comment_btn {
  background: #43a047;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  transition: background .2s;
}

.task_comment_btn:hover {
  background: #388e3c;
}
.btn-usrcmnt {
    border: unset;
    max-width: 180px;
    border-radius: 2px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
}
.usr-statcoment{
    position: relative;
    display: flex;
    align-items: center;
}
.usr-statcoment span{
    display: block;
    padding-left: 10px;
}
.usr-statcomentimg{
    width: 50px;
    height: 50px;
    max-width: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 50%;
}

.statics-com-block span:first-child{
    color: #306E8D;
    font-weight: bold;
}
.statics-com-block span:last-child{
    color: green;
}

.statics-com-coment{
    overflow: hidden;
    font-weight: 300;
    color: #306E8D;
}

/* Блок рейтинга */
.rating-block{
    padding: 0 20px;
}

#new-main-content {
  vertical-align: top;
  padding: 20px;
  font-family: Arial, sans-serif;
}

/* Заголовки и текст */
.new-page-title {
  font-size: 24px;
  margin-bottom: 15px;
}

.new-intro-text {
  font-size: 16px;
  margin-bottom: 20px;
}

.new-points-info p {
    text-align: left;
  margin: 5px 0;
  line-height: 1.4;
}

.new-warning {
  color: #d9534f;
}

/* Секция покупки */
.new-purchase-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 34px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.new-purchase-item {
  border: 1px solid #ccc;
  padding: 10px;
  width: 140px;
  text-align: center;
  background-color: #f9f9f9;
}

.new-purchase-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
  padding: 5px;
  color: #fff;
  font-weight: bold;
}

.new-header-blue {
  background-color: #007bff;
}

.new-header-green {
  background-color: #28a745;
}

.new-header-brown {
  background-color: #795548;
}

.new-header-violet {
  background-color: #6f42c1;
}

.new-header-red {
  background-color: #dc3545;
}

.new-header-gray {
  background-color: #6c757d;
}

.new-purchase-image {
  font-size: 20px;
}

.new-purchase-title {
  font-size: 14px;
}

.new-purchase-price {
  font-size: 18px;
  margin: 10px 0;
}

.new-currency {
  font-size: 16px;
}

.new-purchase-btn {
  padding: 5px 10px;
  border: none;
  cursor: pointer;
}

.new-btn-blue {
  background-color: green;
  color: #fff;
}

/* Таблицы */
.new-status-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.new-status-table th,
.new-status-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.new-table-header {
  background-color: #e8f4ff;
  color: #2a6496;
  font-size: 12px;
}

/* Классы для ширины столбцов */
.new-col-34 {
  width: 34%;
}

.new-col-16 {
  width: 16%;
}

/* Дополнительные стили для второй таблицы (если требуются) */
.new-style-two th,
.new-style-two td {
  font-size: 13px;
}

.no_tasks{
    width: 100%;
    padding: 10px 0;
    background-color: rgba(200, 88, 70, 36.5);
    border-radius: 5px; color: #fff;
}

.send_present {
    text-decoration: none;
    margin-left: 3px;
    color: green;
    font-weight: 500;
}
.send_present:hover {
    color: orange;
}
.add_to_blacklist {
    color: #306E8D;
}
.add_to_blacklist:hover {
    color: #ff5733;
}
.blacllistcount{
    color: red;
    font-weight: bold;
}
.statics-rating {
  color: #306E8D;
  font-weight: 500;
  padding-top: 10px;  
}
.statics-date {
  color: green;
  font-weight: 500;  
}

.admoneytext{
    padding: 10px;
    outline: none;
}





/* Контейнер */
.reset-password-container {
    max-width: 500px;
    margin: 50px auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    overflow: hidden;
}

/* Верхняя шапка */
.reset-password-header {
    background: linear-gradient(135deg, #28a745, #1e7e34);
    padding: 30px;
    text-align: center;
    color: #fff;
}
.reset-password-header h2 {
    margin: 0;
    font-size: 24px;
}

/* Контент формы */
.reset-password-content {
    padding: 30px 20px;
}
.reset-password-content label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.reset-password-content input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    outline: none;
}
.reset-password-content button {
    background-color: #28a745;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
}
.reset-password-content button:hover {
    background-color: #1e7e34;
}




    .contact-container {
        max-width: 700px;
        margin: 40px auto;
        background: #e8fbe8;
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .contact-container h2 {
        color: #2b7a2b;
        text-align: center;
        margin-bottom: 20px;
    }
    .contact-warning {
        background: #d4f5d4;
        padding: 12px;
        border-radius: 8px;
        font-size: 14px;
        line-height: 1.5;
        text-align: center;
    }
    .contact-container h3 {
        margin-top: 20px;
        color: #1c611c;
    }
    .contact-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 10px;
    }
    .contact-table td {
        padding: 8px;
        border-bottom: 1px solid #cceccc;
    }
    .contact-table td:first-child {
        font-weight: bold;
        width: 150px;
    }





        /* Стили для setting.php */
    .Setting {
        color: #2e7d32;
        font-weight: bold;
    }

    .Setting ul {
        list-style: none;
        padding: 0;
        margin: 10px 0;
    }

    .Setting .line_hr2 {
        border-bottom: 1px solid #a5d6a7;
        margin: 5px 0;
    }

    .Setting form {
        background: #e8f5e9;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(46,125,50,0.2);
        max-width: 400px;
        margin: 0 auto;
    }

    .Setting label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        color: #1b5e20;
    }

    .Setting input[type="text"] {
        width: 100%;
        padding: 10px;
        border: 1px solid #a5d6a7;
        border-radius: 5px;
        margin-bottom: 15px;
    }

    .Setting button {
        background: #43a047;
        color: #fff;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .Setting button:hover {
        background: #388e3c;
    }

    .Setting h3 {
        text-align: center;
        margin-bottom: 20px;
    }
    
    
    
    .surfing-balance-topup {
        display: none;
        background-color: #e6f7e6;
        border: 2px solid #a3d8a3;
        border-radius: 12px;
        padding: 15px;
        margin-top: 10px;
        max-width: 400px;
        text-align: center;
    }

    .surfing-balance-topup h2 {
        color: #2e7d32;
        margin-bottom: 10px;
        font-size: 16px;
    }
    
    .surfing-balance-topup p {
        margin: 5px 0;
        font-size: 13px;
        color: #1b5e20;
    }
    
    .surfing-balance-topup input {
        width: 220px;
        padding: 6px;
        margin-bottom: 8px;
        border-radius: 3px;
        border: 1px solid #a3d8a3;
        outline: unset;
        font-size: 13px;
    }
    
    .surfing-balance-topup button {
        background-color: #43a047;
        color: white;
        border: none;
        padding: 6px 12px;
        margin-right: 5px;
        border-radius: 6px;
        cursor: pointer;
        font-size: 13px;
    }
    
    .surfing-balance-topup button:last-child{
        background-color: #006699;
    }
    
    .surfing-balance-topup button:hover {
        background-color: #2e7d32;
    }
    
    .surfing-balance-topup button:last-child:hover{
        background-color: #005580;
    }