.btn .fa,
.btn .fas {
    color: var(--text-inside-bgColored);
}

.notifications-list .dropdown-item {
    white-space: normal;
}

img.notifCountryImg {
    width: 25px;
}

.dot.new-notif {
    display: none;
}

div.iframeBlockWarningMessage {
    text-align: center;
    font-weight: bold;
    color: var(--bs-danger);
    margin-bottom: 15px;
}

::-webkit-calendar-picker-indicator {
	background-image: var(--inputs-dateBox);
}

#lang-switch option {
    color: var(--text-color) !important;
    background: var(--chosen-highlighted);
}

#notification-dropdown svg g path {
    fill: var(--text-color);
}

#main_menu li svg,
#main_menu li svg g path {
    fill: var(--text-color);
}

.offerSection {
    background: transparent;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dashboard-section {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

span.whitePriv {
    font-size: 22px;
    font-weight: 500;
}

span.orangeNet {
    color: var(--bs-orange);
    font-size: 22px;
    font-weight: 900;
}

span.ver {
    font-size: 14px;
    font-weight: 100;
}

.privNetSec {
    line-height: .7;
}

.generalDataContainer,
.mainAPContainer,
.lastTWNOrdersBlock {
    height: fit-content;
}

div.dahsboardSecondContainer {
    margin-top: 20px !important;
}

button.filter-top-btn {
    background-color: var(--all-offer-btn-search-bg);
}

.mainOffersBlock .section .section-title p {
    background: var(--all-offer-title-bg);
    margin-bottom: 10px;
}

.iti--separate-dial-code .iti__selected-flag {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

button#register {
    color: var(--text-color);
}

.section .section-title::before {
    background-repeat: no-repeat;
}

.section.offerSection .section-title+div {
    border: none;
}

div.soMainLeftBlock {
    overflow-y: scroll;
    padding: 0px 8px 0px 8px !important;
}

div.offersBlock {
    background: transparent var(--all-offer-content-bg) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029 !important;
    border-radius: 5px;
    position: relative;
    padding: 0 12px 12px 12px;
    display: table;
    height: 100%;
    width: 100%;
}

img.offerIcon {
    width: 35px;
    position: absolute;
}

img.offerIcon.leftIcon {
    top: -10px;
    left: 35px;
    z-index: 1;
}

img.offerIcon.rightIcon {
    bottom: -10px;
    right: 35px;
    z-index: 1;
}

.offerTopBlock {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

@keyframes move-twink-back {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 5000px;
    }
}

@-webkit-keyframes move-twink-back {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 5000px;
    }
}

@-moz-keyframes move-twink-back {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 5000px;
    }
}

@-ms-keyframes move-twink-back {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 5000px;
    }
}

.nightSkyEffectBlock {
    width: 135px;
    height: 135px;
    position: absolute;
    border-radius: 50%;
}

.stars,
.twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.stars {
    z-index: 0;
}

.twinkling {
    z-index: 1;
    box-shadow: var(--all-offer-star-circle-bs) !important;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

.allOffersBlock .offerTopBlock,
.so_infoLeft .offerTopBlock {
    background: transparent;
}

img.offerImg {
    max-width: 100px;
    max-height: 100px;
    z-index: 1;
}

input#likedOffer {
    box-shadow: none !important;
}

.isLikedOffer .likedOfferList {
    background: var(--bs-orange) 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65% 65%;
    transition: .5s;
    z-index: 1;
}

.likedOfferList {
    position: absolute;
    top: 10px;
    left: -2px;
    background: var(--all-offer-licked-bg) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 9px var(--all-offer-licked-bs) !important;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65% 65%;
    cursor: pointer;
    transition: .5s;
}

.likedOfferList label.likeStatusLabel {
    width: 100%;
    height: 100%;
}

.mainOffersBlock div.popularOffersBlock,
.mainOffersBlock div.allOffersBlock {
    padding-top: 0;
}

.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(1),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(2),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(3),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(4),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(5),
.mainOffersBlock div.allOffersBlock div.offerCols:nth-child(6),
.mainOffersBlock div.popularOffersBlock div.offerCols {
    margin-top: 0 !important;
}

.offerImgBlock {
    position: relative;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.btnViewOfferBlock {
    display: table-footer-group;
    width: 100%;
}

.titleBlock {
    display: flex;
    justify-content: center;
    align-items: center;
}

.offerInfoBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.offerInfoTable {
    width: 100%;
}

.offerInfoTable td:nth-child(1),
.offerInfoTable th:nth-child(1) {
    text-align: left;
    padding-left: 10px;
}

.generalLineChartBlock {
    height: 270px;
    box-shadow: 0px 3px 6px var(--dashboard-gicB-bs) !important;
    background-color: var(--dashboard-gicC-bg);
}

.offerInfoTable td:nth-child(2),
.offerInfoTable th:nth-child(2) {
    text-align: center;
    white-space: nowrap;
}

.offerInfoTable td:nth-child(3),
.offerInfoTable th:nth-child(3) {
    text-align: right;
    padding-right: 10px;
}

.offerInfoTable tr {
    background: var(--all-offer-info-table-bg) 0% 0% no-repeat padding-box;
}

.offerInfoTable tbody tr {
    border-top: 0.5px solid var(--all-offer-info-table-border-bg);
}

button.btn.view-offer,
button.btn.view-offer:hover,
button.btn.view-offer:focus {
    color: var(--all-offer-view-button-text-color);
    background-color: var(--all-offer-view-button-bg);
    box-shadow: var(--all-offer-view-button-bs) !important;
    border: none;
}

img.offerInfoCountryImg {
    width: 27px;
}

div.likedOfferCheckBlock {
    display: flex;
    align-items: center;
}

div.likedOfferCheckBlock label {
    margin: 0;
}

.noOfferTitle {
    text-align: center;
}

.offerPaginationBlock {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
}

.offerPaginationBlock .pagination_link {
    width: 34px;
    height: 34px;
    background: var(--all-offer-pag-uns-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 5px 5px 5px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dataTables_wrapper .dataTables_paginate .page-link svg g {
    fill: var(--text-color);
}

.offerPaginationBlock .activePagOffers {
    background: var(--bs-orange);
    color: var(--text-inside-bgColored);
    cursor: context-menu;
}

.so_infoLeft {
    background: transparent var(--section-content-bg) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
    border-radius: 10px;
    height: calc(100% - 86px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 30px;
}

.primalInfoBlock {
    padding: 50px 0px 20px 0px;
}

.offerIndicators .so_ptitle {
    color: var(--text-orange);
}

.offerIndicators p {
    margin-bottom: 5px;
    font-size: 20px;
}

.so_description {
    margin: 10px 31px;
    border-top: 1px solid var(--single-offer-description-border-bg);
    border-bottom: 1px solid var(--single-offer-description-border-bg);
    padding: 20px 0;
}

.so_descr {
    font-weight: 300;
}

.so_infoLeft {
    display: table;
    width: 100%;
}

.requestPaybump {
    padding: 50px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.row.so_footerBlock .btn.so_paybumpRequest {
    box-shadow: var(--all-offer-view-button-bs) !important;
    border-radius: 5px;
    background-color: var(--all-offer-view-button-bg);
    color: var(--all-offer-view-button-text-color);
    border: none;
}

div.so_InfoRight {
    background: transparent var(--single-offer-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
    border-radius: 10px;
    width: 100%;
    height: calc(100% - 70px);
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
}

.so_TitleBlock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--all-offer-title-bg);
    margin-bottom: 10px;
}

div.singleOfferContentBlock button.MetroMenuBackButton {
    background-color: var(--bs-orange) !important;
    color: var(--text-inside-bgColored) !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    border: none;
    border-radius: 5px;
    margin: 0 15px;
    padding: 6px 52px;
    cursor: pointer;
    pointer-events: all;
}

button.MetroMenuBackButton,
#termsTraffic,
#mediaOgTags,
#redirectSubID,
#pixelsPostback,
#descriptionBlock,
#landingsForms {
    display: none;
}

div.so_section-title {
    position: relative;
    pointer-events: none;
    border-bottom: 8px solid var(--bs-orange);
    background: var(--single-offer-title-module-bg);
}

.section .so_section-title p {
    margin: 0;
    padding: 10px 0 3px 0;
    text-align: center;
    font-size: 24px;
    border-radius: 10px 10px 0px 0px;
    background-color: var(--bs-orange);
    color: var(--text-inside-bgColored);
}

div.landingFormTableBlock {
    padding: 10px;
}

table.so_DPTable td,
table.so_priceTable td,
table.so_DPTable th,
table.so_landFormTable.offerInfoTable td,
table.so_landFormTable.offerInfoTable th {
    border-right: 2px solid var(--all-offer-info-table-border-bg);
    text-align: center;
}

table.so_DPTable td,
table.so_landFormTable.offerInfoTable td {
    background-color: var(--all-offer-info-table-bg);
    padding: 3px;
}

table.so_priceTable th:nth-child(3),
table.so_priceTable td:nth-child(3),
table.so_DPTable th:last-child,
table.so_DPTable td:last-child,
table.so_landFormTable.offerInfoTable td:last-child,
table.so_landFormTable.offerInfoTable th:last-child {
    border-right: none;
}

table.so_DPTable td:first-child,
table.so_priceTable td:first-child,
table.so_landFormTable.offerInfoTable td:first-child {
    display: flex;
    justify-content: left;
}

table.so_landFormTable.offerInfoTable tbody td.landTD span.linksingleoffer,
table.so_landFormTable.offerInfoTable tbody td.formTD span.linksingleoffer {
    display: inline-flex;
    cursor: pointer;
}

.dynPayoutGeneralInfoBlock label {
    width: 100%;
    text-align: center;
}

table.so_landFormTable.offerInfoTable tbody td.landTD div.landLinkImg {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    margin-left: 5px;
}

table.so_landFormTable.offerInfoTable tbody td.formTD div.frmLinkImg {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    margin-left: 5px;
}

table.so_DPTable .landFormCountryFlagBlock,
table.so_landFormTable.offerInfoTable .landFormCountryFlagBlock {
    max-width: 28px;
    max-height: 18px;
    margin-right: 10px;
}

table.so_DPTable .landFormCountryFlagBlock img.landFormFlagImg,
table.so_landFormTable.offerInfoTable .landFormCountryFlagBlock img.landFormFlagImg {
    max-width: 100%;
    max-height: 100%;
}

.linksRow .landingLinkBlock {
    margin-bottom: 20px;
}

.linksRow .landingLinkToView {
    padding: 50px 10px;
    border: 1px solid var(--bs-orange);
    border-radius: 10px;
    background-color: var(--inputs-bg);
    margin: 10px 0;
}

.descriptionBlockContainerInfo {
    padding: 51px 15px;
    border: 1px solid var(--bs-orange);
    border-radius: 10px;
    background-color: var(--inputs-bg);
    margin: 10px;
    max-height: 500px;
    overflow-y: auto;
}

.linksRow .txtLinkLand {
    position: absolute;
    left: -1000px;
    top: -1000px;
}

ul.row_statsTitle_block,
ul.row_pixelTitle_block,
ul.row_termsCondTrafficTitle_block,
ul.row_MediaTitle_block,
ul.row_redirectSubidTitle_block {
    border: none;
}

ul.row_statsTitle_block li,
ul.row_pixelTitle_block li,
ul.row_termsCondTrafficTitle_block li,
ul.row_MediaTitle_block li,
ul.row_redirectSubidTitle_block li {
    cursor: pointer;
}

ul.row_statsTitle_block a.nav-link,
ul.row_pixelTitle_block a.nav-link,
ul.row_termsCondTrafficTitle_block a.nav-link,
ul.row_MediaTitle_block a.nav-link,
ul.row_redirectSubidTitle_block a.nav-link {
    margin: 0;
    padding: 10px 0 3px 0;
    text-align: center;
    font-size: 24px;
    border-radius: 10px 10px 0px 0px;
    border: none;
    color: var(--text-color);
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

button.btn.sp_square_btn,
div.singleOfferContentBlock button.btn {
    box-shadow: var(--all-offer-view-button-bs) !important;
    border-radius: 5px;
    background-color: var(--all-offer-view-button-bg);
    color: var(--all-offer-view-button-text-color);
    border: none;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

button.btn.sp_square_btn:hover,
div.singleOfferContentBlock div.row.so_footerBlock .btn.so_paybumpRequest:hover,
div.singleOfferContentBlock button.btn:hover {
    background-color: var(--bs-orange);
    color: var(--text-inside-bgColored);
}

ul.row_statsTitle_block a.nav-link:hover,
ul.row_pixelTitle_block a.nav-link:hover,
ul.row_termsCondTrafficTitle_block a.nav-link:hover,
ul.row_MediaTitle_block a.nav-link:hover,
ul.row_redirectSubidTitle_block a.nav-link:hover {
    background-color: var(--bs-orange);
    color: var(--text-inside-bgColored);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

ul.row_statsTitle_block a.nav-link.active,
ul.row_pixelTitle_block a.nav-link.active,
ul.row_termsCondTrafficTitle_block a.nav-link.active,
ul.row_MediaTitle_block a.nav-link.active,
ul.row_redirectSubidTitle_block a.nav-link.active {
    background-color: var(--bs-orange);
    color: var(--text-inside-bgColored);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

div.so_statistics-section,
div.so_pixelsTab-section,
div.so_redirect_subidTab-section,
div.so_MediaTab-section,
div.so_termsCondTrafficTab-section {
    pointer-events: all;
}

div#addorder-content input,
div#addorder-content select {
    background-color: var(--inputs-bg);
    color: var(--text-color);
    border-radius: 25px;
    border: var(--inputs-border);
    box-shadow: var(--inputs-bs) !important;
    transition: background-color .3s ease;
    padding-top: 12px;
    padding-bottom: 12px;
}

div.pixelPostbackContent .allpixelsBlock,
div.offerMediaContent .allpixelsBlock {
    margin: 10px;
    background: transparent var(--single-offer-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
    border: 1px solid #00000000;
    border-radius: 10px;
}

div.offerMediaContent .allpixelsBlock {
    margin-top: 10px !important;
}

div.pixelPostbackContent div.pixelsRow div.pixelTxtBlock {
    text-align: center;
    background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    padding-top: 41px;
    padding-bottom: 15px;
}

div.redirectSubIDBlock .allpixelsBlock,
div.termsCondTrafficBlock .allpixelsBlock,
div.offerogTagsContent .allpixelsBlock {
    margin: 10px;
    background: transparent var(--single-offer-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
    border: 1px solid #00000000;
    border-radius: 10px;
}

div.redirectSubIDBlock div.pixelsRow div.pixelTxtBlock {
    text-align: center;
    background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    padding-top: 41px;
    padding-bottom: 15px;
}

#pixels div.pixelLeftBlock,
#custom_pixel div.pixelLeftBlock,
#postbackurl div.pixelLeftBlock,
#redirectBlock div.pixelLeftBlock,
#pixels .pixelCentralBtnBlock,
#custom_pixel .pixelCentralBtnBlock,
#postbackurl .pixelCentralBtnBlock,
#redirectBlock .pixelCentralBtnBlock,
#pixels div.pixelRightBlock,
#custom_pixel div.pixelRightBlock,
#redirectBlock div.pixelRightBlock,
#postbackurl div.pixelRightBlock {
    padding: 0;
}

#pixels div.pixelLeftBlock div.pixelTxtBlock,
#postbackurl div.pixelLeftBlock div.pixelTxtBlock,
#redirectBlock div.pixelLeftBlock div.pixelTxtBlock,
#custom_pixel div.pixelLeftBlock div.pixelTxtBlock {
    margin: 10px 5px 3px 10px;
}

#pixels div.pixelRightBlock div.pixelTxtBlock,
#postbackurl div.pixelRightBlock div.pixelTxtBlock,
#redirectBlock div.pixelRightBlock div.pixelTxtBlock,
#custom_pixel div.pixelRightBlock div.pixelTxtBlock {
    margin: 10px 10px 3px 5px;
}

#pixels span.pixelTxt::after,
#postbackurl span.pixelTxt::after,
#redirectBlock span.pixelTxt::after,
#custom_pixel span.pixelTxt::after {
    content: '';
    width: 100%;
    height: 13px;
    display: block;
    margin-top: 15px;
}

#pixels .pixelLabelsBlock,
#postbackurl .pixelLabelsBlock,
#redirectBlock .pixelLabelsBlock,
#custom_pixel .pixelLabelsBlock {
    display: flex;
    align-items: center;
    padding: 10px;
}

#pixels .pixelLabelsBlock h5,
#postbackurl .pixelLabelsBlock h5,
#redirectBlock .pixelLabelsBlock h5,
#custom_pixel .pixelLabelsBlock h5 {
    margin: 0;
}

#pixels .pixelInputBlock,
#postbackurl .pixelInputBlock,
#redirectBlock .pixelInputBlock,
#custom_pixel .pixelInputBlock {
    text-align: center;
    background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    padding-top: 41px;
    padding-bottom: 15px;
}

#custom_pixel .pixelInputBlock {
    padding: 0;
}

#pixels div.pixelLeftBlock div.pixelInputBlock,
#postbackurl div.pixelLeftBlock div.pixelInputBlock,
#redirectBlock div.pixelLeftBlock div.pixelInputBlock,
#custom_pixel div.pixelLeftBlock div.pixelInputBlock {
    margin: 0px 5px 3px 10px;
    height: calc(100% - 140px);
}

#pixels div.pixelRightBlock div.pixelInputBlock,
#postbackurl div.pixelRightBlock div.pixelInputBlock,
#redirectBlock div.pixelRightBlock div.pixelInputBlock,
#custom_pixel div.pixelRightBlock div.pixelInputBlock {
    margin: 0px 10px 3px 5px;
    height: calc(100% - 140px);
    display: flex;
    justify-content: center;
    align-items: center;
}

#redirectBlock div.pixelLeftBlock div.pixelInputBlock {
    height: calc(100% - 170px) !important;
    margin: 0px 5px 10px 10px;
}

#redirectBlock div.pixelRightBlock div.pixelInputBlock {
    height: calc(100% - 170px) !important;
    margin: 0px 10px 10px 5px;
}

#redirectBlock div.allpixelsBlock div.pixelsRow div.offer_redirect_exist_block {
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.notchr {
    width: 30px;
    height: 30px;
    margin: 0px 10px;
    cursor: pointer;
}

.notchr input {
    opacity: 0;
}

.pixel_idInputBlock,
div.termsCondTrafficContent div.trafficMainBlock .trafficBlock,
div.offerogTagsContent div.agTagsMainBlock .col-12 {
    padding: 10px;
    text-align: left;
}

div.termsCondTrafficContent div.termsAndCondMainBlock .termsAndCondBlock,
div.termsCondTrafficContent div.trafficMainBlock .trafficBlock {
    text-align: left;
    max-height: 200px;
    overflow-y: auto;
}

div.termsCondTrafficContent div.trafficMainBlock .trafficBlock {
    padding: 10px;
}

div.termsCondTrafficContent div.termsAndCondMainBlock .termsAndCondBlock {
    padding: 10px 30px;
    font-weight: 300;
}

.pixel_idInputBlock input,
#subidBlock div.subidMainBlock div.pixelsRow table input.subids,
.eventcol input,
.agTagsMainBlock input,
#og-offer_image,
.valuecol input {
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    border-radius: 5px;
}

#subidBlock div.subidMainBlock div.pixelsRow table input.subids,
.agTagsMainBlock input {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.selectedPixelTxt,
.selectedPixel {
    font-weight: 300;
    letter-spacing: 0.4px;
}

.pixelfbBlockif {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pixelfbBlockif .col-6 {
    padding: 10px;
    font-weight: 300;
    letter-spacing: 0.4px;
}

div.thxpageviewBlock {
    display: inline-grid;
}

div.thxpageviewBlock .notchr {
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    position: relative;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 187px;
    height: 37px;
    margin: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

div.thxpageviewBlock .notchr input {
    position: absolute;
}

div.thxpageviewBlock .notchr:hover,
div.thxpageviewBlock .checkedLocationLabel,
.pixelControlBtn:hover {
    background-color: var(--bs-orange);
    color: var(--text-inside-bgColored);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

div.thxpageviewBlock .notchrpageview {
    margin: 41px 0 0 0;
}

div.pixelsRow {
    height: calc(100% - 16px);
}

div.pixelLabelsBlock label.labeltitlechange {
    cursor: pointer;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

div.pixelLabelsBlock label.checkedTypeLabel,
div.pixelLabelsBlock label.labeltitlechange:hover {
    filter: none;
    -webkit-filter: none;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.btnPixelBlock {
    margin: 0 10px 10px 10px;
    background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
}

button.btn.custom-btn {
    color: var(--text-color);
}

button.btn.custom-btn,
div.btnPixelBlock button.pixelControlBtn,
button.savePixelsSettings,
button.viewAllMedia,
button.downloadAllMediaZip,
button.saveCustomPixelsSettings,
button.deleteCustomPixelsSettings,
button.savePostbackSettings,
button.deletePostbackSettings,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid,
#subidBlock div.subidMainBlock div.pixelsRow button.remove-subid,
div.saveSubidSettingsBlock button.savesubidsSettings,
div.saveogTagsSettingsBlock button.saveogTagsSettings,
div.saveogTagsSettingsBlock button.removeogTagsSettings,
#redirectBlock div button.btn {
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    background-color: var(--single-offer-inside-container-module-bg) !important;
    border: none;
    border-radius: 5px;
    margin: 0 15px;
    padding: 6px 52px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

button.btn.custom-btn:hover,
div.btnPixelBlock button.pixelControlBtn:hover,
button.savePixelsSettings:hover,
button.viewAllMedia:hover,
button.downloadAllMediaZip:hover,
button.saveCustomPixelsSettings:hover,
button.deleteCustomPixelsSettings:hover,
button.savePostbackSettings:hover,
button.deletePostbackSettings:hover,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid:hover,
#subidBlock div.subidMainBlock div.pixelsRow button.remove-subid:hover,
div.saveSubidSettingsBlock button.savesubidsSettings:hover,
div.saveogTagsSettingsBlock button.saveogTagsSettings:hover,
div.saveogTagsSettingsBlock button.removeogTagsSettings:hover,
#redirectBlock div button.btn:hover {
    background-color: var(--bs-orange) !important;
    color: var(--text-inside-bgColored);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

div.generalPixelTestBlock {
    margin-top: 0 !important;
    padding: 10px;
}

div.generalPixelTestBlock div.pixelTestLeftPart {
    background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    padding: 10px;
}

div.generalPixelTestBlock div.pixelTestLeftPart span {
    font-weight: 300;
}

div.generalPixelTestBlock div.pixelTestLeftPart span b {
    font-weight: 900;
}

div.pixelTestRightPart {
    padding: 0 0 0 3px;
}

div.pixelTestRightPart div.linkTestPixelBlock {
    background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    padding: 10px;
    height: 100%;
}

div.pixelTestRightPart div.linkTestPixelBlock div.row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
}

div.pixelTestRightPart div.linkTestPixelBlock div.pixelTestImgBlock {
    width: 80px;
    height: 80px;
}

div.pixelTestRightPart div.linkTestPixelBlock div.centerElements {
    display: flex;
    justify-content: center;
    align-items: center;
}

.colorYellow {
    color: #ffce50;
}

div.pixelTestRightPart div.linkTestPixelBlock p {
    margin: 0;
    font-weight: 300;
}

div.saveSettingsBlock,
div.saveogTagsSettingsBlock,
div.viewAllMediaBlock,
div.saveSubidSettingsBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 20px 0;
}

div.downloadAllOfferMediaDiv button.downloadAllMediaZip {
    padding: 6px 30px;
}

div.downloadAllOfferMediaDiv {
    margin-top: 10px;
}

div.saveSettingsBlock button.savePixelsSettings,
div.viewAllMediaBlock button.viewAllMedia,
div.downloadAllOfferMediaDiv button.downloadAllMediaZip,
div.saveSettingsBlock button.saveCustomPixelsSettings,
div.saveSettingsBlock button.deleteCustomPixelsSettings,
div.saveSettingsBlock button.savePostbackSettings,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid,
#subidBlock div.subidMainBlock div.pixelsRow button.remove-subid,
div.saveSubidSettingsBlock button.savesubidsSettings,
div.saveogTagsSettingsBlock button.saveogTagsSettings,
div.saveogTagsSettingsBlock button.removeogTagsSettings,
div.saveSettingsBlock button.deletePostbackSettings {
    margin: auto;
}

.customPixelCode,
.postbackCode {
    box-shadow: inset 0px 0px 7px #000000 !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

#postbackurl .thxpageviewBlock {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}

#postbackurl .postbackWayBlock {
    display: flex;
    justify-content: center;
    align-items: center;
}

#postbackurl div.pixelLeftBlock div.pixelInputBlock,
#redirectBlock .pixelInputBlock {
    padding: 0;
}

#postbackurl .useGlobalPostbackLabel {
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 280px;
    margin: 10px auto;
}

#postbackurl .useGlobalPostbackLabel input#useGlobalPostBack {
    box-shadow: none !important;
    margin: 0;
}

span.pixelTxt,
#redirectBlock span {
    font-weight: 300;
}

#redirectBlock .pixelInputBlock select.form-control,
#redirectBlock .pixelInputBlock .chosen-container {
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    padding: 5px;
}

#redirectBlock .pixelInputBlock .chosen-container a.chosen-single {
    padding: 5px !important;
    background-color: transparent !important;
    border: none !important;
}

#redirectBlock .createOfferRedirectBlock,
#redirectBlock .createFormRedirectBlock {
    margin-top: 10px;
    text-align: center;
}

#redirectBlock div button.btn,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid {
    background-color: var(--bs-orange) !important;
    color: var(--text-inside-bgColored);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

button#download-landing:hover div,
button#download-landing:hover i {
    color: var(--text-inside-bgColored);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.chosen-container-single .chosen-single {
    box-shadow: var(--inputs-bs) !important;
}

#redirectBlock div button.btn:hover,
#subidBlock div.subidMainBlock div.pixelsRow button.add-new-subid:hover {
    background-color: #141413 !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#redirectBlock div.pixelRightBlock div.pixelInputBlock {
    padding: 10px;
    text-align: left;
    display: block !important;
}

#redirectBlock .createOfferRedirectBlock {
    margin-top: 78px;
}

#subidBlock .subidMainBlock,
div.termsCondTrafficContent div.termsAndCondMainBlock,
div.termsCondTrafficContent div.trafficMainBlock,
#ogTagsBlock div.agTagsMainBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

#subidBlock div.subidMainBlock div.pixelsRow,
div.termsCondTrafficContent div.termsAndCondMainBlock div.pixelsRow,
div.termsCondTrafficContent div.trafficMainBlock div.pixelsRow,
#ogTagsBlock div.agTagsMainBlock div.pixelsRow {
    text-align: center;
    background: var(--single-offer-inside-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
    width: 100%;
    height: 100%;
}

#subidBlock div.subidMainBlock div.pixelsRow table tr.makeBordertr {
    border-top: 2px solid var(--bs-orange) !important;
}

.subid_warn {
    font-weight: 300;
}

#og-offer_image {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.allowedTrafficList {
    list-style: none;
    padding-left: 0;
}

ul.allowedTrafficList li.trafficListEl {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 5px;
    font-weight: 300;
}

ul.allowedTrafficList li.trafficListEl div {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.offerMediaContent h5 {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0;
}

.medscaricareblock div.dowloadIconDiv {
    margin: auto;
    height: 44px;
    width: 36px;
}

.offerMediaContent .pixelTestLeftPart div.dowloadIconDiv {
    margin-left: 10px;
}

div.dowloadIconDiv {
    width: 20px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.imgmedblock {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    height: 132px;
    position: relative;
    box-shadow: inset 0px 0px 7px var(--all-offer-licked-bs) !important;
}

.imgmedblock .mediaimage {
    max-height: 90%;
    max-width: 90%;
}

.medscaricareblock {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: rgba(220, 117, 0, .8);
    width: 100%;
    height: 0;
    border-radius: 5px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.imgmedblock:hover .medscaricareblock {
    display: flex;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    height: 100%;
}

.medscaricareblock span {
    margin: auto;
    letter-spacing: 0.52px;
    font-size: 20px;
    color: var(--text-inside-bgColored);
}

.medscaricareblock a {
    text-decoration: none !important;
}

#MediaBlock .so_downloadMediaTxtBlock {
    display: flex;
    justify-content: left;
    align-items: center;
}

#tns1-ow {
    padding: 15px 0 !important;
}

.viewOfferMediaGallery .col-4 {
    margin-top: 20px;
}

.viewOfferMediaGallery .imgmedblock {
    height: 350px;
    width: 100%;
}

.viewOfferMediaGallery video {
    width: 90%;
}

.topOffersBlock {
    background-color: var(--dashboard-t20o-bg);
}

.topOffersBlock p {
    font-size: 14px;
}

.topOffersBlock .popularity {
    width: 100px;
}

.mainNewsContainer,
.mainNewsContainer,
.viewWeekPerformBlock,
.viewLatestCampaignsBlock,
.lastTWNOrdersContainer,
.mainAPContainer,
#generalData,
#generalChartData,
.landingFormTableBlock,
#pixels,
#custom_pixel,
#postbackurl,
#redirectBlock,
#subidBlock,
#MediaBlock,
#ogTagsBlock,
#termsCondBlock,
#trafficBlock {
    position: relative;
}

.dashboard-section {
    background: none;
}

.generalTimeSelectorBlock {
    overflow-y: auto;
}

.generalTimeSelectorBlock,
.selectByListTime,
.generalDataViewBlock,
.generalDataViewContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock {
    display: flex;
    justify-content: center;
    margin-left: 20px;
    align-items: center;
}

.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label.timeSelectorLabel.checkedTimeSelectorLabel span,
.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label.timeSelectorLabel:hover span {
    color: var(--text-inside-bgColored);
}

.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label.timeSelectorLabel span {
    cursor: pointer;
    letter-spacing: 0.63px;
    color: var(--text-color);
    text-transform: uppercase;
}

.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label.timeSelectorLabel {
    cursor: pointer;
    background-color: var(--dashboard-gic-btn-bg);
    box-shadow: inset 0px 1px 4px var(--dashboard-gic-btn-bs) !important;
    border-radius: 34px;
    padding: 5px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label.timeSelectorLabel.checkedTimeSelectorLabel,
.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label.timeSelectorLabel:hover {
    background-color: var(--bs-orange);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.generalTimeSelectorBlock .selectByListTime .timeSelectorBlock label input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

.generalDataViewBlock .generalDataViewContainer {
    width: 100%;
    padding: 20px 10px;
    overflow-y: hidden;
    overflow-x: scroll;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
    user-select: none;
    position: relative;
    scroll-behavior: auto;
}

.generalDataViewContainer.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.generalDataViewBlock {
    background: var(--section-content-horBG);
    margin-top: 20px !important;
    overflow: hidden;
    scroll-behavior: auto;
    box-shadow: 0px 3px 6px var(--dashboard-gicB-bs) !important;
}

.generalDataViewContainer .iconBlock {
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.generalDataViewContainer .gdClicksBlock .iconBlock {
    background-image: var(--dashboard-gic-img-click);
}

.generalDataViewContainer .gdLeadsBlock .iconBlock {
    background-image: var(--dashboard-gic-img-leads);
}

.generalDataViewContainer .gdCRBlock .iconBlock,
.generalDataViewContainer .gdEPCBlock .iconBlock {
    background-image: var(--dashboard-gic-img-crEpc);
}

.generalDataViewContainer .gdPayoutBlock .iconBlock {
    background-image: var(--dashboard-gic-img-payout);
}

.gd_container {
    width: 135px;
    height: 135px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 25px;
    position: relative;
    pointer-events: none;
}

.gi_insideCircle {
    display: flex;
    flex-wrap: wrap;
    width: 85px;
    height: 85px;
    background-color: var(--dashboard-gic-bg);
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0px 0px 6px var(--dashboard-gic-bs) !important;
}

.crEpcMixedBlock .crNumber {
    line-height: 0.3;
}

.crEpcMixedBlock .epcTxt,
.crEpcMixedBlock .crNumber,
.crEpcMixedBlock .epcNumber {
    font-size: 14px;
}

.gi_iconBlock,
.clicksTxt,
.clicksNumber,
.leadsTxt,
.leadsNumber,
.crTxt,
.crNumber,
.epcTxt,
.epcNumber,
.payoutTxt,
.payoutNumber {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.gi_iconBlock .arrow {
    width: 12px;
    height: 24px;
    margin-left: 10px;
}

.gi_iconBlock .thisGenInfIsEqual {
    width: 15px;
    height: 15px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.thisGenInfIsUp {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.thisGenInfIsDown {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#generalChartData {
    margin-top: 20px;
}

div.mainAPContainer {
    padding: 0px 10px 0px 20px;
}

.approvedPendingPayoutBlock {
    width: 100%;
    height: auto;
    background: transparent linear-gradient(90deg, #242729 0%, #15161780 46%, #242729 100%) 0% 0% no-repeat padding-box;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
}

.approvedPayoutBlock,
.pendingPayoutBlock {
    display: grid;
    justify-content: center;
}

@keyframes spin-circleGalaxy {
    0% {
        transform: rotate(0deg) scale(1);
        -webkit-transform: rotate(0deg) scale(1);
        -moz-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
        -o-transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
        -webkit-transform: rotate(180deg) scale(1.1);
        -moz-transform: rotate(180deg) scale(1.1);
        -ms-transform: rotate(180deg) scale(1.1);
        -o-transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
        -webkit-transform: rotate(360deg) scale(1);
        -moz-transform: rotate(360deg) scale(1);
        -ms-transform: rotate(360deg) scale(1);
        -o-transform: rotate(360deg) scale(1);
    }
}

@keyframes spin-circle {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@keyframes spin-circle-reverse {
    0% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
}

.wrap_apData {
    width: 155px;
    height: 155px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #151617;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: inset 0px 0px 6px #000000, 0px 0px 9px #64615e !important;
}

.approvedTitleTxt,
.pendingTitleTxt {
    letter-spacing: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.pendingTitleTxt {
    margin: 0;
}

.approvedMainBlock,
.pendingMainBlock {
    width: 75%;
    height: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: inset 0px 0px 3px #000000c4 !important;
    font-size: 23px;
    font-weight: bold;
}

.rotationParticionAP {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    animation: spin-circle 4s ease-in-out infinite;
    -webkit-animation: spin-circle 4s ease-in-out infinite;
}

.rotationParticionAPtest1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    animation: spin-circleGalaxy 20s linear infinite;
    -webkit-animation: spin-circleGalaxy 20s linear infinite;
}

.rotationParticionAPtest2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    animation: spin-circleGalaxy 10s linear infinite;
    -webkit-animation: spin-circleGalaxy 10s linear infinite;
}

.rotationParticionAPtest3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    animation: spin-circle-reverse 25s linear infinite;
    -webkit-animation: spin-circle-reverse 25s linear infinite;
}

.multidotsBlock {
    width: 240px;
    height: 220px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.mainAPContainer .topTWNOffers-title .twnOrdersTitleBackS,
div.mainNewsContainer .latestNews-title .twnOrdersTitleBackS,
div.lastTWNOrdersContainer div.lastTWNOrders-title .twnOrdersTitleBackS,
div.weekPerformContainer div.weekPerform-title .twnOrdersTitleBackS,
div.latestCampaignsContainer div.latestCampaigns-title .twnOrdersTitleBackS {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    height: 90%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right;
}

div.mainAPContainer .topTWNOffers-title .twnOrdersTitleBack,
div.mainNewsContainer .latestNews-title .twnOrdersTitleBack,
div.lastTWNOrdersContainer div.lastTWNOrders-title .twnOrdersTitleBack,
div.weekPerformContainer div.weekPerform-title .twnOrdersTitleBack,
div.latestCampaignsContainer div.latestCampaigns-title .twnOrdersTitleBack {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 90%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left;
}

div.mainAPContainer .topTWNOffers-title,
div.mainNewsContainer .latestNews-title,
div.lastTWNOrdersContainer div.lastTWNOrders-title,
div.weekPerformContainer div.weekPerform-title,
div.latestCampaignsContainer div.latestCampaigns-title {
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    background: var(--section-title-bg);
    position: relative;
}

.blockForNewsContainer,
.blockForNoNewsContainer,
.viewLatestCampaignsBlock,
.lastTWNOrdersContainer .viewLastTwnOrdersBlock {
    background: var(--section-title-bg);
}

div.weekPerformContainer div.weekPerform-title .twnOrdersTitleBackS,
div.weekPerformContainer div.weekPerform-title .twnOrdersTitleBack {
    width: 40%;
}

div.latestCampaignsContainer div.latestCampaigns-title .twnOrdersTitleBackS,
div.latestCampaignsContainer div.latestCampaigns-title .twnOrdersTitleBack {
    width: 55%;
}

/*div.weekPerformCol {
    padding-left: 20px !important;
}
*/
.lastTwnOCountryImg {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    width: 55px;
    height: 55px;
}

.lastTwnO_countryBlock {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0px 0px 6px #000000, 0px 0px 9px #64615e !important;
    border-radius: 50%;
    position: relative;
    margin: 15px auto;
}

.lastTwnO_spin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    border-left: 2px solid var(--bs-orange);
    border-right: 2px solid var(--bs-orange);
    border-radius: 50%;
    animation: spin-circle 10s linear infinite;
    -webkit-animation: spin-circle 10s linear infinite;
}

.newsBlock,
.viewWeekPerformBlock,
.viewLatestCampaignsBlock,
.lastTWNOrdersContainer .viewLastTwnOrdersBlock {
    max-height: 505px;
    overflow-x: hidden;
    overflow-y: auto;
}

.newsBlock .blockForNewsContainer,
.viewLatestCampaignsBlock .col-12,
.lastTWNOrdersContainer .viewLastTwnOrdersBlock .col-12 {
    background-color: var(--dashboard-lastOr-bg);
}

.newsBlock .blockForNewsContainer:nth-child(even),
.viewLatestCampaignsBlock .col-12:nth-child(even),
.lastTWNOrdersContainer .viewLastTwnOrdersBlock .col-12:nth-child(even) {
    background-color: transparent;
}

.lastTwnOColBlock,
.lastTwnOInfoBlock {
    display: flex;
    justify-content: left;
    align-items: center;
}

.viewLastTwnOrdersBlock .multidotsBlock {
    width: 80px;
    height: 70px;
}

.viewLastTwnOrdersBlock .wrap_apData {
    width: 60px;
    height: 60px;
}

.lastTwnOPayoutBlock {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.TWN_multidotsBlock {
    width: 120px;
    height: 120px;
}

.TWN_multidotsBlock,
.TWN_rotationLastLayer,
.TWN_rotationFiveLayer,
.TWN_rotationFourLayer,
.TWN_rotationThreeLayer,
.TWN_wrap_Data {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.TWN_rotationLastLayer {
    width: 95px;
    height: 95px;
}

.TWN_rotationFiveLayer {
    width: 85px;
    height: 85px;
}

.TWN_rotationFourLayer {
    width: 80px;
    height: 80px;
}

.TWN_rotationThreeLayer {
    width: 75px;
    height: 75px;
}

.TWN_wrap_Data {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--dashboard-lastOr-circle-bg);
    box-shadow: inset 0px 0px 6px var(--dashboard-lastOr-circle-bs) !important;
}

.TWN_rotationParticionLast,
.TWN_rotationParticionFive,
.TWN_rotationParticionFour,
.TWN_rotationParticionThree,
.TWN_rotationParticion {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
}

.TWN_rotationParticionFive,
.TWN_rotationParticionThree {
    animation: spin-circle-reverse 4s linear infinite;
    -webkit-animation: spin-circle-reverse 4s linear infinite;
}

.TWN_rotationParticionLast,
.TWN_rotationParticionFour,
.TWN_rotationParticion {
    animation: spin-circle 4s linear infinite;
    -webkit-animation: spin-circle 4s linear infinite;
}

.latestCampBlock {
    background-image: var(--dashboard-t20o-img);
}

.latestCampBlock {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.latestCampOffersImg {
    width: 200px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

img.latestCampImg {
    max-width: 110px;
    max-height: 110px;
}

.col-5.latestCampInfoBlock {
    display: flex;
    align-items: center;
}

.latestCampOPayoutMaxBlock {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .col-3.latestCampOPayoutMaxBlock {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
} */

.latestCampOPayoutMax {
    font-size: 20px;
    text-align: center;
    color: var(--text-orange);
}

.latestCampOPayoutMax span {
    font-size: 16px;
    color: var(--text-color);
}

.latestCampOName {
    font-size: 20px;
    font-style: italic;
}

.viewWeekPerformBlock {
    background-image: url("/assets/img/weekPerfBack.svg");
    background-color: var(--dashboard-weekPerf-bg);
    height: 100%;
}

div.showThisWeekDayContainer,
div.showAllWeekDaysContainer {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-top: 25px !important;
}

div.weekDayPerformBlock {
    width: calc(100% / 7);
    height: 145px;
    margin: 0 5px;
    position: relative;
}

.dayOfTheWeek {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--dashboard-weekPerf-fw);
}

.showThisWeekDayContainer .day-dayWrap {
    cursor: auto;
    background-image: none;
}

.day-dayWrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-image: var(--dashboard-weekPerf-img);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 99% 60%;
}

.day-dayWrap .performanceBlockOfWeek {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    height: 42px;
    box-shadow: 0px 3px 7px #00000080 !important;
    background-color: var(--bs-orange);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

div.showThisWeekDayContainer {
    padding-top: 70px !important;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockCount {
    height: 91px;
    width: 100%;
    display: table;
    align-items: center;
    justify-content: center;
    top: -45px;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockCount span.amountWP {
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 65px;
    color: var(--text-inside-bgColored);
    text-shadow: 0px 3px 6px var(--dashboard-weekPerf-ts);
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockCount span.txtWP {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--text-inside-bgColored);
}

/* WEEK PERFORM LEVEL WIDTH ZERO EARN */
div.day-dayWrap.zeroLevelEarn div.performanceBlockCount {
    top: 55px !important;
}

div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(1) {
    top: 60px !important;
}

div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(2),
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(3),
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(4),
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(5),
div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(6) {
    display: none;
}

div.day-Selected div.day-dayWrap.zeroLevelEarn div.performanceBlockOfWeek:nth-child(1) {
    top: 70px !important;
}

div.day-Selected div.day-dayWrap.zeroLevelEarn div.performanceBlockCount {
    top: 20px !important;
}

/* End of WEEK PERFORM LEVEL WIDTH ZERO EARN */

/* WEEK PERFORM LEVEL WIDTH 2 PLACE */
div.day-dayWrap.levelEarn_2 div.performanceBlockCount {
    top: 5px;
}

div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(1) {
    top: 10px;
}

div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(2) {
    top: 20px;
}

div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(3) {
    top: 30px;
}

div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(4) {
    top: 40px;
}

div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(5) {
    top: 50px;
}

div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(6) {
    top: 60px;
}

div.day-dayWrap.levelEarn_2 div.performanceBlockOfWeek:nth-child(7) {
    display: none;
}

/* End of WEEK PERFORM LEVEL WIDTH 2 PLACE */

/* WEEK PERFORM LEVEL WIDTH 3 PLACE */
div.day-dayWrap.levelEarn_3 div.performanceBlockCount {
    top: 15px;
}

div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(1) {
    top: 20px;
}

div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(2) {
    top: 30px;
}

div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(3) {
    top: 40px;
}

div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(4) {
    top: 50px;
}

div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(5) {
    top: 60px;
}

div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(6) {
    display: none;
}

div.day-dayWrap.levelEarn_3 div.performanceBlockOfWeek:nth-child(7) {
    display: none;
}

/* End of WEEK PERFORM LEVEL WIDTH 3 PLACE */

/* WEEK PERFORM LEVEL WIDTH 4 PLACE */
div.day-dayWrap.levelEarn_4 div.performanceBlockCount {
    top: 25px;
}

div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(1) {
    top: 30px;
}

div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(2) {
    top: 40px;
}

div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(3) {
    top: 50px;
}

div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(4) {
    top: 60px;
}

div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(5) {
    display: none;
}

div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(6) {
    display: none;
}

div.day-dayWrap.levelEarn_4 div.performanceBlockOfWeek:nth-child(7) {
    display: none;
}

/* End of WEEK PERFORM LEVEL WIDTH 4 PLACE */

/* WEEK PERFORM LEVEL WIDTH 5 PLACE */
div.day-dayWrap.levelEarn_5 div.performanceBlockCount {
    top: 35px;
}

div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(1) {
    top: 40px;
}

div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(2) {
    top: 50px;
}

div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(3) {
    top: 60px;
}

div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(4) {
    display: none;
}

div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(5) {
    display: none;
}

div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(6) {
    display: none;
}

div.day-dayWrap.levelEarn_5 div.performanceBlockOfWeek:nth-child(7) {
    display: none;
}

/* End of WEEK PERFORM LEVEL WIDTH 5 PLACE */

/* WEEK PERFORM LEVEL WIDTH 6 PLACE */
div.day-dayWrap.levelEarn_6 div.performanceBlockCount {
    top: 45px;
}

div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(1) {
    top: 50px;
}

div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(2) {
    top: 60px;
}

div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(3) {
    display: none;
}

div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(4) {
    display: none;
}

div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(5) {
    display: none;
}

div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(6) {
    display: none;
}

div.day-dayWrap.levelEarn_6 div.performanceBlockOfWeek:nth-child(7) {
    display: none;
}

/* End of WEEK PERFORM LEVEL WIDTH 6 PLACE */

/* WEEK PERFORM LEVEL WIDTH 7 PLACE */
div.day-dayWrap.levelEarn_7 div.performanceBlockCount {
    top: 55px;
}

div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(1) {
    top: 60px;
}

div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(2) {
    display: none;
}

div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(3) {
    display: none;
}

div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(4) {
    display: none;
}

div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(5) {
    display: none;
}

div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(6) {
    display: none;
}

div.day-dayWrap.levelEarn_7 div.performanceBlockOfWeek:nth-child(7) {
    display: none;
}

/* End of WEEK PERFORM LEVEL WIDTH 7 PLACE */

.day-dayWrap .performanceBlockCount {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    height: 42px;
    top: -5px;
    opacity: 1;
    z-index: 99;
    font-size: 22px;
    font-weight: normal;
    color: var(--text-inside-bgColored);
    text-wrap: nowrap;
}

.day-dayWrap .performanceBlockOfWeek:nth-child(1) {
    box-shadow: 0px 0px 7px var(--bs-orange) !important;
    top: 0;
    opacity: 1;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    z-index: 99;
}

.day-dayWrap .performanceBlockOfWeek:nth-child(2) {
    top: 10px;
    opacity: .35;
    z-index: 7;
}

.day-dayWrap .performanceBlockOfWeek:nth-child(3) {
    top: 20px;
    opacity: .3;
    z-index: 6;
}

.day-dayWrap .performanceBlockOfWeek:nth-child(4) {
    top: 30px;
    opacity: .25;
    z-index: 5;
}

.day-dayWrap .performanceBlockOfWeek:nth-child(5) {
    top: 40px;
    opacity: .2;
    z-index: 4;
}

.day-dayWrap .performanceBlockOfWeek:nth-child(6) {
    top: 50px;
    opacity: .15;
    z-index: 3;
}

.day-dayWrap .performanceBlockOfWeek:nth-child(7) {
    top: 60px;
    opacity: .1;
    z-index: 2;
}

.day-dayWrap div.performanceBlockOfWeekBase {
    display: none;
    z-index: 1;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    height: 42px;
    background-color: var(--dashboard-weekPerf-bc);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    top: 62px;
    opacity: 1;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(2) {
    top: 15px;
    opacity: .35;
    z-index: 7;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(3) {
    top: 30px;
    opacity: .3;
    z-index: 6;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(4) {
    top: 45px;
    opacity: .25;
    z-index: 5;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(5) {
    top: 60px;
    opacity: .2;
    z-index: 4;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(6) {
    top: 75px;
    opacity: .15;
    z-index: 3;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(7) {
    top: 75px;
    opacity: .1;
    z-index: 2;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(8) {
    background-color: transparent;
    border-radius: unset;
    box-shadow: none !important;
    height: 92px;
    bottom: 10px;
    width: 122%;
}

.showThisWeekDayContainer .day-dayWrap .performanceBlockOfWeek:nth-child(8) img {
    width: 100%;
    content: var(--dashboard-weekPerf-imgMain);
}

.showThisWeekDayContainer .day-dayWrap div.performanceBlockOfWeekBase {
    display: none;
    z-index: 1;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 92px;
    background-color: var(--dashboard-weekPerf-bc);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    top: 80px;
    opacity: 1;
}

.weekPerformContainer {
    height: 100%;
}

.day-Selected {
    width: 225px;
    height: 225px;
}

.day-Selected div.performanceBlockOfWeek {
    height: 91px;
    width: 100%;
    border-radius: 100%;
}

.slcttxt span {
    white-space: nowrap;
}

.gi_bgBlock {
    position: absolute;
    width: 165px;
    height: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

#platformNotificationMod.show {
    z-index: 999;
    padding: 20px 20px 0px 20px;
}

.newsBlock {
    padding: 0px 5px 10px 5px;
}

.blockForNewsContainer {
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    box-shadow: 0px 3px 6px var(--dashboard-news-bs) !important;
    border: 1px solid #00000000;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
}

.blockForNoNewsContainer {
    margin: 10px 0px 0px 0px;
    box-shadow: 0px 3px 6px var(--dashboard-news-bs) !important;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
}

.blockForNewsContainer .blockForNewsCol {
    background-color: var(--dashboard-news-bg);
    box-shadow: inset 0px 0px 7px var(--dashboard-news-bs) !important;
    width: 100%;
    height: 90px;
    padding: 5px;
    overflow-y: hidden;
}

.blockForNoNewsContainer .blockForNoNewsCol {
    background-color: var(--dashboard-news-bg);
    box-shadow: inset 0px 0px 7px var(--dashboard-news-bs) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
}

div.newsBlockTitle div.newsTitle span {
    letter-spacing: 0.32px;
    color: var(--text-orange) !important;
    font-size: 15px;
}

.newsDescr {
    font-size: 14px;
    height: 40px;
    overflow: hidden;
}

.newsDateBlock {
    text-align: right;
}

.newsDate {
    color: var(--text-orange);
    font-size: 11px;
}

img.newsImg {
    max-width: 200px;
    max-height: 200px;
}

#dashboardWrapperView.show {
    z-index: 999;
}

.topTWNOffersBlock {
    max-height: 505px;
    overflow-x: hidden;
    overflow-y: auto;
}

.top20offers-image {
    width: 150px;
    height: 100px;
    background-image: var(--dashboard-t20o-img);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top20offers-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.popularity {
    white-space: nowrap;
}

.ofridBlockCopy {
    display: flex;
    justify-content: center;
    align-items: center;
}

span.offerIndicator_five {
    box-shadow: inset 0px 0px 7px var(--info-box-bs) !important;
    border-radius: 5px;
    background-color: var(--inputs-bg);
    color: var(--text-color);
    border: 1px solid transparent;
    transition: background-color .3s ease;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 10px;
}

#notificationSoundBlock {
    display: none;
}

div.specialLiveNotificationBlock {
    box-shadow: 0px 3px 6px #0000000d !important;
    background-color: var(--topbar-bg-transp);
    border-radius: 7px;
    backdrop-filter: blur(7px);
    border: 1px solid var(--text-orange);
    position: relative;
}

div.specialLiveNotificationBlock button.close {
    color: var(--text-orange);
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
}

div.specialLiveNotificationBlock p {
    margin-bottom: 5px;
}

div.specialLiveNotificationBlock .fa-solid.fa-bells {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.linksAddSubIDBlock .linksAddSubIDInputBlock span {
    margin-left: 10px;
    font-size: 12px;
    color: var(--bs-red);
}

.linksAddSubIDBlock .linksAddSubIDBtnBlock {
    margin-top: 10px;
}

div.privNetFirst {
    display: none !important;
}

div.copyPreviewInfoBlock {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

div.copyInfoBlock,
div.previewInfoBlock,
div.copyLandTxtInfoWarn,
div.previewLandTxtInfoWarn {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.copyInfoBlock div.copyLandTxtInfoWarn::before {
    content: '';
    width: 40px;
    height: 20px;
    background-image: url('/assets/img/leftCopy.svg');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 5px;
}

div.previewInfoBlock div.previewLandTxtInfoWarn::before {
    content: '';
    width: 40px;
    height: 20px;
    background-image: url('/assets/img/leftPreview.svg');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 5px;
}

div#soPubPerformanceBlock {
    background: transparent var(--single-offer-container-module-bg) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--all-offer-licked-bs) !important;
    border-radius: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 30px;
    position: relative;
}

div#soPubPerformanceBlock div.progress {
    height: 25px;
    border-radius: 5px;
    background-color: var(--inputs-bg);
    position: relative;
}

div.so-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
}

div.progress-bar {
    box-shadow: inset 0px 0px 7px var(--info-box-bs) !important;
    height: 25px;
}

.soPerc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
}

div.zeroProgresBarData div.progress-bar {
    width: 100% !important;
    background-color: var(--inputs-bg) !important;
    background-image: none;
}

div.positiveProgress.zeroProgresBarData div.soPerc {
    color: var(--bs-success);
}

div.negativeProgress.zeroProgresBarData div.soPerc {
    color: var(--bs-danger);
}

div.pendingProgress.zeroProgresBarData div.soPerc {
    color: var(--bs-info);
}

div.goToLoginBlock {
    width: 100%;
    text-align: center;
}

div.goToLoginBlock i {
    color: var(--text-orange);
}

#chat-viewer .content .header {
    background: var(--tickets-title-module-bg);
}

.so_offer_status_block {
    color: var(--bs-red);
}

td.noDataRowBlock {
    display: table-cell !important;
}

.section .section-title p {
    z-index: 11;
}

.section .section-title::before {
    z-index: 1;
}

div.isInPauseOffer div.offersBlock {
    box-shadow: 0px 0px 6px var(--bs-red) !important;
}

div.isInPauseOffer div.offersBlock p.offerTitle {
    text-align: center;
}

.socialNetworkBlock-mobile,
.socialNetworkBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

.socialNetworkBlock-mobile {
    margin: 0;
    padding-top: 25px;
}

.socialNetworkWrapper-mobile,
.socialNetworkWrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.socialNetworkBlock-mobile img,
.socialNetworkWrapper img {
    width: 40px;
    height: 40px;
    margin: 0 10px;
}

.socialTxt {
    font-size: 14px;
    font-weight: 100;
    white-space: nowrap;
}

.terms_cond_href {
    color: var(--text-orange);
    font-weight: 700;
    text-decoration: underline;
}

#register-form .terms__cond_span {
    white-space: nowrap;
}

.error-template {
    background-color: var(--swal-transparent-bg);
    border-radius: 10px;
    box-shadow: 0px 3px 6px var(--dashboard-news-bs) !important;
}

.error-template .title {
    color: var(--text-orange);
}

.privacy_policy_block span {
    cursor: pointer;
}

.privacy_policy_block span,
.privacy_policy_block a,
.privacy_policy_block {
    font-weight: 900;
    color: var(--bs-orange);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.privacy_policy_block span:hover,
.privacy_policy_block a:hover,
.privacy_policy_block span:focus,
.privacy_policy_block a:focus {
    color: var(--text-color);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

@media (max-width: 1440px) {
    #topbar .actions .searchbar .input-group.search-active input {
        width: 200px;
    }
}

@media (max-width: 1200px) {

    div.mainAPContainer {
        padding: 0;
    }

}

@media (max-width: 768px) {

    #register-form .terms__cond_span {
        white-space: normal;
    }

    .socialNetworkBlock {
        display: none;
    }

    div.copyPreviewInfoBlock {
        display: none;
    }

    .generalDataViewBlock .generalDataViewContainer {
        overflow: hidden;
        flex-wrap: wrap;
    }

    #pdomains-table tfoot tr td:nth-child(1),
    #pdomains-table tfoot tr td:nth-child(2) {
        display: none;
    }

    table tbody tr td button.btn {
        padding: 10px;
        white-space: nowrap;
    }

    div.postback-actions {
        flex-direction: row !important;
        margin-bottom: 1rem !important;
    }

    div.postback-actions button.add-postback {
        margin-bottom: 0px !important;
        margin-right: 10px;
    }

    #topbar div.brand.d-flex {
        display: none !important;
    }

    div.offerCols {
        margin-bottom: 15px;
    }

    .imgmedblock {
        margin: auto;
    }

    .so_infoLeft {
        display: block;
    }

    #content.singleOfferContentBlock .mobBlockInfoSO {
        margin-top: 15px;
    }

    #main_section #content.singleOfferContentBlock {
        height: auto;
    }

    #main_section {
        overflow-y: auto;
        padding-bottom: 30px;
    }

    #topbar a#openPageslide {
        border-bottom: none;
    }

    #topbar .approvedPendingBlockTopbar,
    #topbar .theme-switcher,
    #topbar .lang-switch {
        display: none !important;
    }

    #topbar .actions .searchbar .input-group.search-active input {
        width: 120px;
    }

    div.showAllWeekDaysContainer {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
    }

    div.weekDayPerformBlock:nth-child(1),
    div.weekDayPerformBlock:nth-child(2),
    div.weekDayPerformBlock:nth-child(3) {
        margin-top: 0;
    }

    div.weekDayPerformBlock {
        width: calc(100% / 4);
        margin-top: 35px;
    }

    .ofridBlockCopy label {
        padding: 0 10px;
        width: 100%;
    }

    div.landingFormTableBlock,
    span.offerIndicator_five {
        overflow-x: auto;
    }

    div.so_description {
        margin: 10px;
    }

    .requestPaybump {
        padding: 10px;
    }

    .col-4.landingFormTableBlock.dp_section {
        width: 100%;
    }

    div.so_InfoRight {
        height: 100%;
        padding-bottom: 25px;
        margin-top: 40px;
    }

    .so_InfoRight button.btn.MetroMenuBackButton {
        float: right;
        margin-top: 10px;
    }

    div.section-title.needs-collapse.so_TitleBlock button.MetroMenuBackButton {
        display: none !important;
    }

    button.btn.MetroMenuBackButton.onlyMobBtnBack {
        position: absolute;
        right: 15px;
        top: 0;
        margin: 0;
    }

    div#landingsForms p.landingFormTitle,
    ul.row_pixelTitle_block a.nav-link {
        font-size: 17px;
    }

    #pixels .pixelLabelsBlock {
        flex-wrap: wrap;
    }

    .notchr {
        width: 25px;
        height: 25px;
        margin: 5px;
    }

    div.thxpageviewBlock {
        width: 100%;
    }

    div.thxpageviewBlock .notchr {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

    .btnPixelBlock {
        padding: 15px 0;
    }

    button.saveCustomPixelsSettings,
    button.deleteCustomPixelsSettings,
    div.saveogTagsSettingsBlock button.removeogTagsSettings,
    div.saveogTagsSettingsBlock button.saveogTagsSettings,
    div.btnPixelBlock button.pixelControlBtn {
        margin: 0 5px;
        padding: 6px 25px;
    }

    div.pixelTestRightPart,
    div.generalPixelTestBlock div.pixelTestLeftPart {
        width: 100%;
    }

    div.pixelTestRightPart {
        padding: 3px 0 0 0;
    }

    div.pixelTestRightPart div.linkTestPixelBlock div.pixelTestImgBlock {
        width: 30px;
        height: 30px;
        background-size: 100% 100%;
    }

    body.swal2-toast-shown .swal2-container.swal2-top {
        width: 90% !important;
    }

    div#redirectBlock div button.btn {
        padding: 6px;
        font-size: 14px;
        margin: 0 5px;
    }

    div#redirectBlock .createOfferRedirectBlock {
        margin-top: 70px;
    }

    .viewOfferMediaGallery .imgmedblock,
    .imgmedblock {
        height: 90px;
    }

    div.saveSettingsBlock {
        flex-wrap: wrap;
    }

    div.saveSettingsBlock button.deletePostbackSettings,
    div.saveSettingsBlock button.deleteCustomPixelsSettings {
        margin-top: 10px;
    }

    #custom_pixel div.pixelLeftBlock div.pixelInputBlock,
    #custom_pixel div.pixelRightBlock div.pixelInputBlock {
        height: calc(100% - 170px);
    }

    div.mb-Info-Block .onlyMobBlockWrapper {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher label {
        display: block;
    }

    div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher #slider {
        position: absolute;
        opacity: 0;
        height: 0;
        width: 0;
        cursor: pointer;
    }

    div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher .switcher-wrapper {
        position: relative;
        width: 80px;
        height: 36px;
        background-color: var(--topbar-element-bg);
        transition: background-color;
        border-radius: 24px;
        margin: 0 18px;
    }

    div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher .switcher-wrapper .moon-icon {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 5%;
        height: 20px;
        width: 20px;
        color: var(--text-color);
        transform: translate(50%, -50%) rotate(0deg);
        transition: background-color 250ms, opacity 150ms, transform 500ms cubic-bezier(0.26, 2, 0.46, 0.71);
    }

    div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher #slider:checked~.switcher-wrapper .moon-icon {
        opacity: 1;
        transform: translate(0, -50%) rotate(15deg);
    }

    div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher .switcher-wrapper .switcher {
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translate(0, -50%);
        height: 26px;
        width: 26px;
        background-color: var(--topbar-slider-touch-bg);
        border-radius: 50%;
        transition: background-color 250ms, transform 500ms cubic-bezier(0.25, 1.61, 0.63, 0.71);
    }

    div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher #slider:checked~.switcher-wrapper .switcher {
        transform: translate(45px, -50%);
    }

    div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher .switcher-wrapper .sun-icon {
        position: absolute;
        top: 50%;
        right: 5%;
        height: 20px;
        width: 20px;
        opacity: 1;
        transform: translate(-15%, -50%) rotate(0deg);
        transform-origin: 50% 50%;
        transition: background-color 250ms, opacity 150ms, transform 500ms cubic-bezier(0.26, 2, 0.46, 0.71);
    }

    div.mb-Info-Block .onlyMobBlockWrapper.theme-switcher #slider:checked~.switcher-wrapper .sun-icon {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(15deg);
    }

    div.mb-Info-Block .onlyMobBlockWrapper.lang-switch .input-group-text {
        height: calc(2.25rem + 2px);
        border-radius: 20px 0px 0px 20px !important;
        background-color: var(--topbar-element-bg);
        border: none !important;
        color: var(--text-color);
    }

    div.mb-Info-Block .onlyMobBlockWrapper.lang-switch .input-group-text svg {
        fill: currentColor;
    }

    div.mb-Info-Block .onlyMobBlockWrapper.lang-switch .custom-select {
        background-color: var(--topbar-element-bg);
        border: none;
        color: var(--text-color);
        width: 50px;
        line-height: 1;
        float: right;
        border-radius: 0px 20px 20px 0px;
        padding: 5px;
        -webkit-appearance: none;
    }

    div.mb-Info-Block .onlyMobBlockWrapper .approved,
    div.mb-Info-Block .onlyMobBlockWrapper .pending {
        font-size: 14px;
        width: 100%;
        box-shadow: inset 0px 1px 4px #00000087 !important;
        border-radius: 34px;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        flex-wrap: wrap;
    }

    div.mb-Info-Block .onlyMobBlockWrapper .pending {
        background-color: var(--text-orange);
    }

    div.mb-Info-Block .onlyMobBlockWrapper .approved {
        background-color: var(--text-green);
    }

    .mb-Info-Block {
        padding-top: 25px;
    }

    div.mb-Info-Block .onlyMobBlockWrapper .approved span#approved,
    div.mb-Info-Block .onlyMobBlockWrapper .pending span#pending {
        width: 100%;
        text-align: center;
    }

    div.mb-Info-Block .onlyMobBlockWrapper.approvedPendingBlockTopbar {
        padding: 0 5px;
    }

    .lang-switch.onlyMobBlockWrapper,
    .theme-switcher.onlyMobBlockWrapper {
        margin-top: 10px;
    }

}

@media (min-width: 768px) {

    .socialNetworkBlock-mobile {
        display: none !important;
    }

    div.mb-Info-Block .onlyMobBlockWrapper {
        display: none !important;
    }

    div.so_InfoRight button.onlyMobBtnBack {
        display: none !important;
    }

    div.so_InfoRight {
        position: absolute;
        top: 0;
        left: 0;
    }

    div.row.so_footerBlock {
        display: table-footer-group;
        width: 100%;
    }

    #soMetroMenuList {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .so_InfoRight button.btn.MetroMenuBackButton {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

}