{"content": "\n<div class=\"djDebugPanelTitle\">\n  <button type=\"button\" class=\"djDebugClose\">\u00bb</button>\n  <h3>\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u0448\u0430\u0431\u043b\u043e\u043d\u0430: <code>include/css.html</code></h3>\n</div>\n<div class=\"djDebugPanelContent\">\n  <div class=\"djdt-scroll\">\n    \n      <code>&lt;style&gt;\n    html,\n    body,\n    #map {\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        margin: 0;\n        height: 100%;\n    }\n\n    body {\n        font-family: &#x27;Nunito Sans&#x27;, sans-serif;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .bootstrap-select&gt;.dropdown-toggle.bs-placeholder,\n    .bootstrap-select&gt;.dropdown-toggle.bs-placeholder:active,\n    .bootstrap-select&gt;.dropdown-toggle.bs-placeholder:focus,\n    .bootstrap-select&gt;.dropdown-toggle.bs-placeholder:hover {\n        color: #000;\n        background: white;\n    }\n\n    span#alertDate {\n        background: #F44336;\n        /* margin: 5px; */\n        margin-top: 10px;\n        display: none;\n        border-radius: 5px;\n        padding: 5px;\n        color: white;\n    }\n\n    .images_advert a {\n        text-decoration: none;\n    }\n\n    .subTitle_resume {\n        font-size: 19px;\n\n    }\n\n    .advert_company {\n        color: #636363;\n    }\n\n    .advert_salary {\n        font-size: 26px;\n        margin-bottom: -5px;\n        font-weight: 900;\n        color: #8648E0;\n    }\n\n    .adverHeadingInCard {\n        font-size: 28px;\n        font-weight: bold;\n    }\n\n    .advert_date {\n        color: grey;\n        margin-bottom: -3px;\n        font-size: 14px;\n    }\n\n    .viewInCart {\n        font-size: 14px;\n        color: grey;\n    }\n\n\n\n    .main_cat_item_link a {\n        font-size: 16px;\n        color: black;\n        text-decoration: none;\n    }\n\n    .main_cat_item_link {\n        font-size: 13px;\n    }\n\n    .main_cat_item_title {\n        margin-bottom: 0px;\n        font-weight: 700;\n        font-size: 26px;\n\n    }\n\n    .main_cat_item {\n        padding: 10px;\n        border-radius: 5px;\n    }\n\n\n\n    .salaryCaruselPosts {\n        margin-bottom: 0px;\n        font-weight: bold;\n        color: black;\n    }\n\n    .dateCaruselPosts {\n        font-size: 12px;\n        color: grey;\n    }\n\n    .headingCaruselPosts {\n        font-size: 15px;\n        line-height: 1.2;\n        color: black;\n    }\n\n    .under_pic_adv {\n        font-size: 15px;\n    }\n\n    .adv_company {\n        margin-bottom: 3px;\n        color: grey;\n        font-size: 14px;\n    }\n\n    .adv_title {\n        margin-bottom: 5px;\n        line-height: 1.3;\n    }\n\n    .adv_price {\n        font-weight: 700;\n        font-size: 18px;\n    }\n\n\n\n    .main_but_seacrh {\n        background: #8648E0;\n        border-color: #8648e0;\n        color: white;\n    }\n\n    .main_but_seacrh:hover {\n        background: #6c35c0;\n        border-color: #8648e0;\n        color: white;\n    }\n\n    a.city_link {\n        color: #5C5C5C;\n        font-weight: 700;\n    }\n\n    .top_head {\n        background: rgb(132, 0, 255);\n        background: linear-gradient(90deg, rgba(132, 0, 255, 1) 0%, rgba(44, 0, 85, 1) 100%);\n    }\n\n    .add_post {\n        font-weight: 700;\n        color: #8648E0;\n        font-size: 18px;\n        text-decoration: none;\n    }\n\n    .logo_head {\n        float: left;\n        margin-right: 20px;\n    }\n\n    a.account_link {\n        font-weight: 700;\n        color: #8648E0;\n        font-size: 18px;\n        text-decoration: none;\n    }\n\n    .ico_head_right {\n        margin-left: 10px;\n    }\n\n    .main_category {\n        background: #8648E0;\n        border-color: #6b37b9;\n    }\n\n    .main_category:hover {\n        background: #6b37b9;\n    }\n\n    a.footer_link {\n        font-weight: 300;\n        color: grey;\n        text-decoration: none;\n        font-size: 14px;\n        margin-right: 10px;\n    }\n\n\n\n    h3 {\n        font-weight: 700;\n    }\n\n    a.link_advert_in_category {\n        text-decoration: none;\n    }\n\n    .advert_in_category_title {\n        font-size: 20px;\n        color: black;\n        line-height: 1.3;\n        margin-bottom: 10px;\n    }\n\n    .advert_in_category {\n\n        padding-bottom: 15px;\n        padding-top: 15px;\n        transition: 0.3s;\n        margin-bottom: 10px;\n    }\n\n    .advert_in_category:hover {\n        background: #8548e011;\n    }\n\n    .advert_in_cat_salar {\n        font-weight: 700;\n        color: black;\n        font-size: 18px;\n        margin-top: 10px;\n    }\n\n    .link_advert_in_category .advert_company {\n        margin-bottom: 0px;\n    }\n\n    .advert_in_category_img img {\n        width: 170px;\n        height: 170px;\n        object-fit: cover;\n        border-radius: 10px;\n\n    }\n\n    .bg-body {\n        background-color: #d5c3ef !important;\n    }\n\n    .nav-link {\n        display: block;\n        padding: .5rem 1rem;\n        color: #333;\n        text-decoration: none;\n        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;\n    }\n\n    #indicator {\n        width: 100px;\n        height: 100px;\n        top: calc(50% - 50px);\n        left: calc(50% - 50px);\n        animation: spin 1s linear infinite;\n    }\n\n    #circle {\n        fill: none;\n        stroke: rgba(74, 1, 122, 0.664);\n        stroke-linecap: round;\n        stroke-width: 4;\n        animation: draw 3s ease-in-out infinite;\n    }\n\n    .test {\n        height: 500px;\n        background: red;\n    }\n\n    @keyframes draw {\n        0% {\n            stroke-dasharray: 20, 282.6;\n        }\n\n        50% {\n            stroke-dasharray: 200, 282.6;\n        }\n\n        100% {\n            stroke-dasharray: 20, 282.6;\n        }\n    }\n\n    @keyframes spin {\n        to {\n            transform: rotate(360deg);\n        }\n    }\n\n    .linkBusy {\n        color: black;\n        cursor: pointer;\n        margin-bottom: 5px;\n        transition: 0.3s;\n    }\n\n    .cb1 {\n        accent-color: #8648e0 !important;\n        width: 15px;\n        height: 15px;\n    }\n\n    .linkBusy:hover {\n        color: #8648e0;\n    }\n\n    .checkFalse {\n        background: rgb(231 231 231);\n        color: black;\n        padding: 5px;\n        border-radius: 3px;\n        margin-right: 5px;\n        font-size: 13px;\n        border: 0px;\n        margin-bottom: 5px;\n    }\n\n    .cancelDelete {\n        margin-left: 10px;\n        cursor: pointer;\n    }\n\n    .viewTotalCard {\n        color: rgb(77, 77, 77) !important;\n        font-size: 12px;\n    }\n\n    .subTitleCat {\n        color: rgb(77, 77, 77) !important;\n        font-weight: 700;\n    }\n\n    .totalAdverCount {\n        color: rgb(77, 77, 77) !important;\n        font-size: 15px;\n    }\n\n    #minSalary {\n        width: 150px;\n        display: inline;\n        margin-left: 10px;\n    }\n\n    #ageFrom,\n    #ageTo {\n        width: 80px;\n        display: inline;\n        margin-left: 5px;\n        margin-right: 5px;\n    }\n\n    .ApiStyle {\n        pointer-events: none;\n        opacity: 0.5;\n    }\n\n    .postLinks {\n        color: black;\n        cursor: pointer;\n        margin-bottom: 3px;\n        transition: 0.3s;\n    }\n\n    .postLinks:hover {\n        color: rgb(134 72 224);\n    }\n\n    .linkProf {\n        display: table;\n        cursor: pointer;\n        transition: 0.3s;\n        margin-bottom: 5px;\n    }\n\n    .spanLinkProf {\n        transition: 0.3s;\n    }\n\n    input[type=&quot;radio&quot;]:checked+span {\n        font-weight: bold;\n        background: #8648e0;\n        color: white !important;\n        padding: 3px;\n        border-radius: 3px;\n    }\n\n\n    .linkProf:hover {\n        color: rgb(134 72 224);\n    }\n\n    .circleProf {\n        display: none;\n    }\n\n    .ActiveLinkProf {\n        background: #8648e0;\n        color: white !important;\n        display: inline-block;\n        border-radius: 5px;\n        padding-left: 5px;\n        padding-right: 5px;\n    }\n\n    .nav-tabs .nav-link {\n        margin-bottom: -1px;\n        background: 0 0;\n        border: 1px solid transparent;\n        border-top-left-radius: .25rem;\n        border-top-right-radius: .25rem;\n        border-top: 4px solid white;\n    }\n\n    .nav-tabs .nav-item.show .nav-link,\n    .nav-tabs .nav-link.active {\n        color: #8648e0;\n        background-color: #fff;\n        border-color: #dee2e6 #dee2e6 #fff;\n        border-top: 4px solid #8648e0;\n        font-weight: bold;\n    }\n\n    a:visited {\n        color: #000 !important;\n        text-decoration: none !important;\n    }\n\n    li.no-results {\n        display: none !important;\n    }\n\n    .requiredStart {\n        color: red;\n    }\n\n    .ListAdverInAccount img {\n        width: 100px;\n        height: 100px;\n        object-fit: cover;\n        border-radius: 5px;\n    }\n\n    .statusAdvListAcc {\n        font-size: 12px;\n    }\n\n    .ListAdverInAccountTitle {\n        font-size: 18px;\n        line-height: 1.3;\n        margin-bottom: 0px;\n    }\n\n    .table {\n        display: block !important;\n        overflow-x: auto !important;\n        width: 100% !important;\n    }\n\n    a.ListAdvertLinkAccount {\n        color: #04b !important;\n    }\n\n    .thumb {\n        height: 75px;\n        width: 75px;\n        object-fit: cover;\n        border: 1px solid #cfcfcf;\n        margin: 10px 5px 0 0;\n        border-radius: 5px;\n    }\n\n    .dropdown.bootstrap-select.mb-2.regionNav {\n        width: 100% !important;\n    }\n\n    .dropdown.bootstrap-select.mb-2.cityNav {\n        width: 100% !important;\n    }\n\n    button.btn.btn-secondary.dropdown-toggle.btn-sm.drop_cat {\n        background: white !important;\n        color: black !important;\n        border: 0px !important;\n        padding: 0px !important;\n        padding-left: 3px !important;\n        padding-right: 3px !important;\n        font-size: 17px;\n        margin-right: 10px;\n        margin-top: -1px;\n        display: block;\n    }\n\n    .top_menu_new {\n        margin-top: -14px;\n        border-radius: 5px;\n    }\n\n    .dropdown-toggle::after {\n        color: #5c00b0;\n    }\n\n    .mainSearchCat {\n        border: 1px solid #5c00b0;\n    }\n\n    a.btn.btn-outline-secondary.btn-sm.add_job_bullet.shadow.mt-2.add_ad_btn_nav {\n        background: #8648e0 !important;\n        color: white !important;\n        font-weight: bold;\n        letter-spacing: 0.5px;\n        transition: 0.3s;\n        border-color: #8648e0 !important;\n    }\n\n    a.btn.btn-outline-secondary.btn-sm.add_job_bullet.shadow.mt-2.add_ad_btn_nav:hover {\n        background: #5b2ca3 !important;\n    }\n\n\n    .customControl {\n        display: none;\n        background-color: #fff;\n        padding: 5px;\n        border-radius: 3px;\n        max-width: 250px;\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n    }\n\n    .closeButton {\n        flex-basis: 15px;\n        flex-grow: 0;\n        flex-shrink: 0;\n        padding: 3px;\n        height: 15px;\n        cursor: pointer;\n        background: url(&quot;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgLjdsLS43LS43TDcgNi4zLjcgMCAwIC43IDYuMyA3IDAgMTMuM2wuNy43TDcgNy43bDYuMyA2LjMuNy0uN0w3LjcgN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==&quot;) 50% no-repeat;\n        opacity: 0.3;\n    }\n\n    .content {\n        padding: 5px;\n        max-height: 250px;\n        overflow: auto;\n    }\n\n    a,\n    a:visited {\n        color: #04b;\n        text-decoration: none !important;\n    }\n\n    .add_job_bullet:hover {\n        background: #e7e7e7 !important;\n\n    }\n\n    .dateViewList {\n        margin-top: 10px;\n    }\n\n    .dropdown-item {\n        display: block;\n        width: 100%;\n        padding: .25rem 1rem;\n        clear: both;\n        font-weight: 400;\n        color: #212529;\n        text-align: inherit;\n        text-decoration: none;\n        white-space: nowrap;\n        background-color: transparent;\n        border: 0;\n        font-size: 13px;\n    }\n\n    .menu_nav a {\n        color: black !important;\n        margin-right: 10px;\n        transition: 0.3s;\n    }\n\n    .menu_nav a:hover {\n        color: #6f00d7 !important;\n    }\n\n    .typeAdvGridUser {\n        border-radius: 10px;\n        font-size: 20px;\n        background: #6f00d7;\n        color: white;\n        padding: 15px;\n        transition: 0.3s;\n    }\n\n    .typeAdvGridUser p {\n        margin-bottom: 0px;\n    }\n\n    .typeAdvGridUser:hover {\n        background: #8111eb;\n    }\n\n    .removeExpList {\n        color: red;\n        cursor: pointer;\n        font-size: 13px;\n    }\n\n    .editExpList {\n        color: rgb(141, 141, 141);\n        cursor: pointer;\n        font-size: 13px;\n\n    }\n\n    .titleResumeExp {\n        font-weight: bold;\n        font-size: 18px;\n        margin-bottom: -5px;\n    }\n\n    .periodExp {\n        font-size: 14px;\n        color: grey;\n    }\n\n    .ExplistItem {\n        border: 2px dotted rgb(227 227 227);\n        border-radius: 5px;\n        padding: 10px;\n        margin: 0px;\n        margin-top: 7px;\n        background: white;\n        margin-bottom: 10px;\n    }\n\n    .educationItem {\n        border: 2px dotted rgb(227 227 227);\n        border-radius: 5px;\n        padding: 10px;\n        margin: 0px;\n        margin-top: 7px;\n        background: white;\n        margin-bottom: 10px;\n    }\n\n    .educationItem p {\n        margin-bottom: 0px;\n    }\n\n    span.attachDel {\n        margin-left: -22px;\n        margin-right: 10px;\n        /* display: unset; */\n        margin-top: -4px;\n        position: absolute;\n        color: #F44336;\n        cursor: pointer;\n    }\n\n    .minibadges {\n        cursor: pointer;\n    }\n\n    .bg-secondary {\n        background-color: #8648e0 !important;\n        color: white;\n        font-weight: normal;\n    }\n\n    .badgeactiv {\n        background: #8648e0 !important;\n        color: white !important;\n    }\n\n    .form-check-input:checked {\n        background-color: #8648e0;\n        border-color: #8648e0;\n    }\n\n    @media(max-width:600px) {\n        .main_cat_item img {\n            width: 100% !important;\n            height: 122px;\n            object-fit: cover;\n            border-radius: 5px;\n            margin-bottom: 10px;\n        }\n    }\n\n    /* yandex map css */\n    .check_select ul {\n        margin-left: 10px !important;\n    }\n\n    .check_select li:before {\n        content: &quot;\u2751 &quot;;\n        /* \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0436\u0435\u043b\u0430\u0435\u043c\u044b\u0439 \u0441\u0438\u043c\u0432\u043e\u043b \u043f\u0435\u0440\u0435\u0434 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c \u0441\u043f\u0438\u0441\u043a\u0430 */\n        font-size: 20px;\n        position: absolute;\n    }\n\n    .check_select span.check-mark {\n        position: absolute;\n        display: inline-block;\n        /* right: 15px; */\n        top: 4px !important;\n        left: 6px;\n        color: #8100f9;\n    }\n\n    .check_select span.text {\n        margin-left: 5px;\n    }\n\n    .active_advert_dropdown {\n        background: #8648e0;\n        border-color: #8648e0;\n    }\n\n    .active_advert_dropdown:focus {\n        background: #8648e0 !important;\n        border-color: #8648e0 !important;\n    }\n\n    .active_advert_dropdown:hover {\n        background: #8648e0 !important;\n        border-color: #8648e0 !important;\n    }\n\n    .active_advert_dropdown::after {\n        color: #fefeff;\n    }\n\n    .btn_akcent {\n        background: #8648e0 !important;\n        border-color: #8648e0 !important;\n        color: white;\n    }\n\n    .btn_akcent:hover {\n        color: white;\n        background: #6c35be !important;\n        border-color: #6c35be !important;\n    }\n\n    .btn_akcent:focus {\n        color: white;\n        background: #6c35be !important;\n        border-color: #6c35be !important;\n    }\n\n    .pages_main {\n        flex: 1 0 auto;\n    }\n\n    .footer_anv {\n        flex: 0 0 auto;\n    }\n\n    .adv_banner img {\n        width: 100%;\n        margin-bottom: 5px;\n        height: 170px;\n    }\n\n    .adv_banner_pre {\n        width: 100%;\n        margin-bottom: 5px;\n        height: 170px;\n    }\n\n    .main_cat_item img {\n        width: 100% !important;\n        height: 180px;\n        object-fit: cover;\n        border-radius: 5px;\n        margin-bottom: 10px;\n    }\n\n    .main_advert_img {\n        width: 100%;\n        border-radius: 10px;\n        height: 434px;\n        object-fit: cover;\n    }\n\n    .main_advert_img_pre {\n        width: 100%;\n        border-radius: 10px;\n        height: 434px;\n        object-fit: cover;\n    }\n\n    .dop_img_adv {\n        width: 100%;\n        height: 100px;\n        border-radius: 10px;\n        object-fit: cover;\n    }\n\n    .dop_img_adv_pre {\n        width: 100%;\n        margin-top: 5px;\n        height: 100px;\n        border-radius: 10px !important;\n        object-fit: cover;\n\n    }\n\n    .sub_title_in_advert_page {\n        font-weight: bold;\n        font-size: 18px;\n        background: #f7f7f7;\n        padding: 5px;\n        padding-left: 10px;\n    }\n\n\n\n\n    /* Skeleton \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a */\n    :root {\n        --loading-grey: #ededed;\n    }\n\n    .carusel_home_pre {\n        height: 180px;\n    }\n\n    .carusel_home_pre,\n    .adv_banner_pre,\n    .main_advert_img_pre,\n    .dop_img_adv_pre {\n        border-radius: 5px;\n        background-color: var(--loading-grey);\n        background: linear-gradient(100deg,\n                rgba(255, 255, 255, 0) 40%,\n                rgba(255, 255, 255, .5) 50%,\n                rgba(255, 255, 255, 0) 60%) var(--loading-grey);\n        background-size: 200% 100%;\n        background-position-x: 180%;\n        animation: 0.8s loading ease-in-out infinite;\n    }\n\n\n\n    @keyframes loading {\n        to {\n            background-position-x: -20%;\n        }\n    }\n&lt;/style&gt;</code>\n    \n  </div>\n</div>\n"}