/*
 * Main styles for all subnets.
 */

@import "jquery.formstyler.css";
@import "jquery.qtip-v2(3.0.3).min.css";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* --------------- fonts --------------- */
@font-face {
    font-family: "PFDinDisplayPro-Thin";
    src: url("../fonts/PFDinDisplayPro-Thin.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
/* --------------- /fonts --------------- */

/* ------------ nice-check2 ------------ */
.nice-check2 {
    display: block;
}
.nice-check2 input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    clip: rect(0, 0, 0, 0);
}
.nice-check2__wrap {
    display: block;
    width: 35px;
    height: 14px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    border: 1px solid #aab0ca;
    background: #aab0ca;
    border-radius: 15px;
    font-family: 'Arial', sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: border 0.2s ease;
    transition: border 0.2s ease;
}
.nice-check2__wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid #c2e56b;
    box-sizing: border-box;
    opacity: 0;
    background: rgb(146,201,70);
    background: -moz-linear-gradient(top, rgba(146,201,70,1) 0%, rgba(101,168,20,1) 100%);
    background: -webkit-linear-gradient(top, rgba(146,201,70,1) 0%,rgba(101,168,20,1) 100%);
    background: linear-gradient(to bottom, rgba(146,201,70,1) 0%,rgba(101,168,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c946', endColorstr='#65a814',GradientType=0 );
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.nice-check2__wrap:after {
    content: '';
    position: absolute;
    top: 3px;
    right: 23px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    transition: .2s;
}
.nice-check2 input:checked + .nice-check2__wrap {
    border-color: #489102;
}
.nice-check2 input:checked + .nice-check2__wrap:before {
    opacity: 1;
}
.nice-check2 input:checked + .nice-check2__wrap:after {
    right: 5px;
}
.nice-check2__on,
.nice-check2__off {
    position: absolute;
    top: 2px;
    font-family: 'Arial', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.nice-check2__on {
    left: 7px;
    opacity: 0;
}
.nice-check2__off {
    right: 7px;
}
.nice-check2 input:checked + .nice-check2__wrap .nice-check2__on {
    opacity: 1;
}
.nice-check2 input:checked + .nice-check2__wrap .nice-check2__off {
    opacity: 0;
}
.hide-action {
    display: none !important;
}
.filter-ads-on {
    top: 4px;
    font-size: 8px;
    left: 6px;
}
.filter-ads-off {
    top: 4px;
    font-size: 8px;
    right: 6px;
}
/* ------------ /nice-check2 ------------ */

/* ------------ promote-controls ------------ */
.promote-controls {
    text-align: center;
}
.promote-controls__title {
    font-size: 8px;
    text-align: center;
    color: #1249ae;
    margin-bottom: 1px;
    font-weight: 400;
}
.promote-controls__switcher {
    display: inline-block;
}
/* ------------ /promote-controls ------------ */

/* ------------ popup-promote ------------ */
.popup-promote {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    background: rgba(0,0,0,0.75);
    z-index: 1000;
}
.popup-promote.active {
    opacity: 1;
    visibility: visible;
}
.popup-promote__wrap {
    position: fixed;
    top: 300px;
    left: 300px;
    width: 375px;
    box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.004);
}
.popup-promote__head {
    color: #fff;
    font-size: 20px;
    padding: 11px 28px 6px;
    border: 1px solid rgb(34, 43, 111);
    border-radius: 6px 6px 0 0;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-family: "PFDinDisplayPro-Thin", sans-serif;
    background-image: -moz-linear-gradient( 90deg, rgb(34,43,111) 0%, rgb(40,50,121) 49%, rgb(45,56,130) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(34,43,111) 0%, rgb(40,50,121) 49%, rgb(45,56,130) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(34,43,111) 0%, rgb(40,50,121) 49%, rgb(45,56,130) 100%);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7);
}
.popup-promote__inner {
    padding: 21px 27px 17px 29px;
    background-color: rgb(242, 245, 248);
    border-radius: 0 0 6px 6px;
}
.popup-promote__txt {
    font-family: 'PFDinDisplayProRegular', sans-serif;
    font-size: 16px;
    color: #232c70;
    line-height: 1.3;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.popup-promote__input {
    font-size: 12px;
    color: #000;
    border: 1px solid #bbbbc5;
    border-radius: 5px;
    padding: 8px 10px;
    margin-bottom: 11px;
}
.popup-promote__error {
    color: firebrick;
}
.popup-promote__input label {
    display: block;
    width: 100%;
    vertical-align: top;
    font-size: 12px;
}
.popup-promote__input input {
    display: inline-block;
    vertical-align: top;
    border: none;
    background: none;
    width: 100px;
    margin: -1px 0 0 4px;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
}
.popup-promote__input input::-ms-clear {
    width : 0;
    height: 0;
}
.popup-promote__controls {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction:row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.popup-promote__submit,
.popup-promote__stop,
.popup-promote__edit-cancel,
.popup-promote__cancel {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px;
    height: 30px;
    border-radius: 6px;
    line-height: 28px;
    box-sizing: border-box;
}
.popup-promote__submit span,
.popup-promote__stop span,
.popup-promote__edit-cancel span,
.popup-promote__cancel span {
    position: relative;
    z-index: 2;
}
.popup-promote__submit {
    border: 1px solid #489102;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 1px 0 0 #c1e46b, inset -1px 0 0 #c1e46b, inset 0 1px 0 #c1e46b, inset 0 -1px 0 #c1e46b;
    cursor: pointer;
    background: rgb(147,201,72);
    background: -moz-linear-gradient(top, rgba(147,201,72,1) 0%, rgba(98,166,17,1) 100%);
    background: -webkit-linear-gradient(top, rgba(147,201,72,1) 0%,rgba(98,166,17,1) 100%);
    background: linear-gradient(to bottom, rgba(147,201,72,1) 0%,rgba(98,166,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c948', endColorstr='#62a611',GradientType=0 );
}
.popup-promote__submit:before {
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    box-shadow: inherit;
    border-radius: inherit;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    background: rgb(98,166,17);
    background: -moz-linear-gradient(top, rgba(98,166,17,1) 0%, rgba(147,201,72,1) 100%);
    background: -webkit-linear-gradient(top, rgba(98,166,17,1) 0%,rgba(147,201,72,1) 100%);
    background: linear-gradient(to bottom, rgba(98,166,17,1) 0%,rgba(147,201,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a611', endColorstr='#93c948',GradientType=0 );
}
.popup-promote__submit:hover:before {
    opacity: 1;
}
.popup-promote__stop,
.popup-promote__edit-cancel,
.popup-promote__cancel {
    border: 1px solid #707070;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 1px 0 0 #b3b3b3, inset -1px 0 0 #b3b3b3, inset 0 1px 0 #b3b3b3, inset 0 -1px 0 #b3b3b3;
    cursor: pointer;
    background: #8a8a8a;
    text-decoration: none;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.popup-promote__stop:hover,
.popup-promote__edit-cancel:hover,
.popup-promote__cancel:hover {
    background: #595959;
}
/* ------------ /popup-promote ------------ */

/* ------------ clicks-number ------------ */
.clicks-number,
.clicks-number * {
    box-sizing: border-box;
}
.clicks-number {
    padding-left: 0;
    padding-right: 0;
}
.clicks-number__wrap {
    position: relative;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #bbbbc5;
    height: 19px;
    overflow: hidden;
}
.clicks-number__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    vertical-align: top;
}
.clicks-number__txt {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-family: 'PFDinDisplayProRegular', sans-serif;
    font-size: 10px;
    line-height: 15px;
    padding: 0 5px;
}
.clicks-number__fill {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #135689;
    text-align: center;
    height: 100%;
    border-radius: inherit;
    box-shadow: inset 1px 0 0 #30bdf1, inset -1px 0 0 #30bdf1, inset 0 1px 0 #30bdf1, inset 0 -1px 0 #30bdf1;
    background: rgb(33,159,231);
    background: -moz-linear-gradient(top, rgba(33,159,231,1) 0%, rgba(18,99,166,1) 100%);
    background: -webkit-linear-gradient(top, rgba(33,159,231,1) 0%,rgba(18,99,166,1) 100%);
    background: linear-gradient(to bottom, rgba(33,159,231,1) 0%,rgba(18,99,166,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#219fe7', endColorstr='#1263a6',GradientType=0 );
}
.clicks-number__fill + .clicks-number__txt {
    color: #1367aa;
    line-height: 17px;
}
.clicks-number__wrap_full {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: 1px solid #489102;
    box-shadow: inset 1px 0 0 #c1e46b, inset -1px 0 0 #c1e46b, inset 0 1px 0 #c1e46b, inset 0 -1px 0 #c1e46b;
    background: rgb(145,200,70);
    background: -moz-linear-gradient(top, rgba(145,200,70,1) 0%, rgba(98,166,17,1) 100%);
    background: -webkit-linear-gradient(top, rgba(145,200,70,1) 0%,rgba(98,166,17,1) 100%);
    background: linear-gradient(to bottom, rgba(145,200,70,1) 0%,rgba(98,166,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91c846', endColorstr='#62a611',GradientType=0 );
}
/* ------------ /clicks-number ------------ */

/* ------------ clicks-edit ------------ */
.clicks-edit {
    text-align: center;
}
.clicks-edit__btn {
    display: inline-block !important;
    vertical-align: top;
    width: 18px;
    height: 17px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAYAAAA3WXuFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJFOEQyNzkzQ0ZGMTFFOUEyNzQ5NEZGREVBMUVDNkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJFOEQyN0EzQ0ZGMTFFOUEyNzQ5NEZGREVBMUVDNkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQkU4RDI3NzNDRkYxMUU5QTI3NDk0RkZERUExRUM2QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQkU4RDI3ODNDRkYxMUU5QTI3NDk0RkZERUExRUM2QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgBbv+UAAASnSURBVHjaxJjPbxtFFMff7A/bsYOrNAlN8K84TuqUkgYQlaCCQzlxwLRIiFY+cqgE50oh/ANxkLgg8VMcUIWEhHpCCAkkEIJKHKAEwYGU1HbqH6mS0OZHa8dr7+7wZmfXdULWXttJGOmrjHdndz/7nfd23oRQSqGxDVx4Gw64iaj3UZdQS6iXUH9aJwU43MZgrnjjJy/1nXsNfE+cGcHf36Mm/w8g9qwrvolHk67x06DXNJCGx8H3+DMDjVCHCaSj8ixEaE0BquuGxKEx8E09bUH5hUOapk9Qz6PeLN/4a66WmQdQ7iOibkg8FgPX4MMM6qRkBnKscR73obFM+dp0BWPmRBJBkth/0YBaXNjwAsyKgTiA7AUiEpxChV23LiHM69h5zx0MEaDdURCBgOgSoJReesOC6RmLJ6XIFPi8/T2l+Wtf4bELqBRCgRforBScgFp2AdSNzQ/x+ALpf3Vus/fMC35wP9SdJZUtoGsZKN9cZDAfMxhPLJ6Uo1NANf6mdGsFStd/rGH3FdSXzK2eUGB2O19kMOw6yqbMD7IPDHu2N6C6nAZCSNtAlVsZ5ghz+1PUZ57R4xflyCQGsPbAwd5B8D35nFz67aerJlQKYTCg4FtzmsGIISPiy1tQ+uU7dvLdDk3Kon5GXUWYhBR+zEjt/zTfAEI9i1DXGNRp1DeNpyWekBrQaon1cuYbdtJcBkx0PCEFTqAz6t5xRjTQ1m+z7keoP3afrzsEtKuI5jAjYwnxkQnQVc0WRl3+GyrZ9ByLn73GmA51BcRhIrGEOBwHagujg3Z7ESpL9jA7HWLqEMaNMMLw8SbOIMzKTYTJNIVpANI6cYjDhEcTAn5pdduYQZjVDCi3shbMEdRmswUPQGt7yjhMKJoQBkcxITR+j10iugr6aroRJoU622oFbnfKOExwJEEGokZqWwtlowhFmH+yoOSW6jCecHC61c3raY93cQLjQX3hDkQSpD9im9oCTpO+ngMln6vDuEPhaV2pOqpR+Fu1njIvWzBdCANHw7bOAHNmJ8zLrqGhaeIP4fnWYfHAodZTds4TCp6F3mP2AQy4TN1fAaWQn8Wfb5mHj7D31h3GKXdIa+nQKdTnlXxhhm7hV1ZT+DUNYsfgngEz0wDDF1VWlLEx4BSouUNszA9mMZ5SivjA8iqOrxrX8WsxNvCYcY5n0q5SgPKxDhJZcPCljopebx/LLAuqWizMkO1VTOsqZlMNWJ8d2xPGKtf0thxqCjRJPF6QguPyDqjl4mWhdheE6h0sWYr2MCYRfwbAfqT9KeLygE48IAVislpMW7XMO0qhUDa/vKnm1RvlzwCHWWYEJrF3COtSI51ZEecKhuVqIWdBfeComjSDmjh3CN0R7B2qFTPsVhmN7zAtLbRV8jusKOqLK7W38yLqBqrczSakxTP2cIjYOjTf/aaImg6BU4cwhkCHg2psyaBEdx7UjJ4SltVGafD7PvMcpXIvgNpO2mP4aywL+sJ+LKimOtkG2WUXW+E0lfDPCk8zvRXQr5JUeYpS3IJbqzHdH2us1xJEvqtV1zZZ/XG9FdB5dW3lMv4NH/A/He6ZO9pis0H/CjAAKFB/br2Mq+sAAAAASUVORK5CYII=');
    background-size: contain;
}
/* ------------ /clicks-edit ------------ */

/* ------------ active-promo ------------ */
.active-promo.teaser > td {
    background: #d9edf9;
}
.active-promo.teaser-link > td {
    background: #cddbeb;
}
/* ------------ /active-promo ------------ */

/* ------------ active-edit ------------ */
.active-edit.teaser > td {
    position: relative;
    z-index: 1001;
}
.active-edit.teaser-link > td {
    position: relative;
    z-index: 1001;
}
/* ------------ /active-edit ------------ */

.smart-popup {
    padding: 30px 0 0;
    width: 85%;
    left: 50% !important;
    top: 50% !important;
    max-height: 80vh;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.smart-popup__wrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 900px;
    height: 510px;
}
.smart-popup__wrap iframe {
    border: none;
    width: 100%;
    height: calc(100% - 4px);
}

.no-upper {
    text-transform: inherit!important;
}

.no-upper-all, .no-upper-all * {
    text-transform: none!important;
}

.form_add_edit_purses #purseDescription {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.widget-ecpm-column {
    font-weight: bold;
    text-transform: inherit!important;
}

.site-ecpm-column {
    min-width: 30px;
    font-weight: bold;
    text-transform: inherit!important;
}

.site-page_erpm-column {
    min-width: 30px;
    font-weight: bold;
    text-transform: inherit!important;
}

.plot-eCpm {
    text-transform: none!important;
}

.header-clicks, .header-ctr-clicks {
    cursor: pointer;
}

.hidden-clicks, .hidden-ctr, .hidden-clicks-ctr{
    display: none;
}

.invisible > * {
    display: none;
}

.wrap_status_adc .invisible {
    display: none;
}

div.phpdebugbar-header-right > span.phpdebugbar-indicator > .phpdebugbar-fa-copy {
    color: red;
}

/**
 * Teasers/Landings types icons
 */
.ad_type {
    padding: 2px 8px;
    border-radius: 3px;
    color: #fff;
    background-color: #99cccc;
    border: 1px solid #99cccc;
    display: inline-block;
    cursor: default;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}

.ad_type.ad_type__g {
    background-color: #409500;
    border: 1px solid #409500;
}
.ad_type.ad_type__pg {
    background-color: #1b5297;
    border: 1px solid #1b5297;
}
.ad_type.ad_type__r {
    background-color: #e86700;
    border: 1px solid #e86700;
}
.ad_type.ad_type__nc17 {
    background-color: #000;
    border: 1px solid #000;
}
.ad_type.ad_type__nsfw {
    background-color: #df0000;
    border: 1px solid #df0000;
}
.ad_type.ad_type__b {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
}
.ad_type.ad_type__x {
    background-color: #4c5d63;
    border: 1px solid #4c5d63;
}

/** lp black notification **/
.lp-black-notification {
    margin-top: 5px;
}

/*----- emoji-picker -----*/
.emoji-input-wrapper {
    display: inline-block;
    position: relative;
}
body .emoji-popup {
    width: 200px!important;
    height: 215px!important;
    padding: 5px;
    overflow-y: hidden;
    z-index: 9999!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.emoji-category {
    display: block;
    width: 100%;
    height: 170px;
    padding-right: 10px;
    box-sizing: border-box;
    overflow-y: auto;
}
.emoji-item {
    display: inline-block;
    margin: 3px 0;
    font-size: 22px;
    width: 24px;
    height: 30px;
}
.emoji-item__svg {
    width: 100%;
    height: 100%;
}
.emojiBtn{
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    top: 9px;
    right: 3px;
    opacity: .7;
    transition: opacity .3s ease;
    background: url("images/emoji-picker/smile-icon.svg") no-repeat;
    background-size: 15px 15px;
    vertical-align: top;
    cursor: pointer;
}
.emojiBtn:hover {
    opacity: 1;
}

.emoji-popup__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-right: 5px;
}
.emoji-popup__tab{
    display: inline-block;
    width: 24px;
    height: 29px;
    background: url("images/emoji-picker/icon-set-smiles.png") no-repeat;
    background-size: 42px 350px;
    border: 0;
    opacity: .7;
    vertical-align: top;
}
div[data-tab=smiley_people] {
    background-position: -9px -34px;
}
div[data-tab=smiley_people].active {
    background-position: -9px -5px;
}
div[data-tab=animals_nature] {
    background-position: -9px -145px;
}
div[data-tab=animals_nature].active {
    background-position: -9px -118px;
}
div[data-tab=activity] {
    background-position: -9px -89px;
}
div[data-tab=activity].active{
    background-position: -9px -61px;
}
div[data-tab=travel_places]{
    background-position: -9px -196px;
}
div[data-tab=travel_places].active{
    background-position: -9px -170px;
}
div[data-tab=symbols]{
    background-position: -9px -248px;
}
div[data-tab=symbols].active{
    background-position: -9px -222px;
}
.emoji-popup__tab:hover {
    opacity: 1;
}
.emoji-item {
    margin: 2px;
    cursor: pointer;
}
.emoji-picker.checkDirectionEl {
    padding-right: 20px !important;
}

.schedule-label {
    margin: 0 !important;
    padding: 6px 5px 0 14px;
    width: 120px !important;
    box-sizing: border-box;
}
.box .schedule-label + * {
    margin-left: 0 !important;
}
/*----- /emoji-picker -----*/

/* ----- disabled select style -----*/
.classDisCusel {
    opacity: .5;
    pointer-events: none;
}
/* ----- disabled select style -----*/

.countedField input,
.countedField textarea {
    font-size: 12px;
}

/*----- translate button -----*/
.translate {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("images/translate.svg") 0 0 no-repeat;
    background-size: cover;
    margin: 0 5px;
    vertical-align: middle;
    cursor: pointer;
}
.translate:hover,
.translate.active{
    background: url("images/translate-active.svg") 0 0 no-repeat;
    background-size: cover;
}
/*----- /translate button -----*/

/*----- profile cusel GA width -----*/
.profile #cuselFrame-ga-web-property,
.profile #cuselFrame-ga-datasets-select {
    width: 200px!important;
}
/*----- /profile cusel width -----*/

.with_conversion #cuselFrame-stage {
    display: block;
}
.teaser-status-tooltip .blocked {
    margin: 0 auto;
}
.table .teaser td.status {
    text-align: center;
}

/*----- blocked teaser reason (tooltip)-----*/
.qtip.qtipMain.qtipReject{
    width: 100%;
    max-width: 450px !important;
    max-height: 320px;
    font-size: 11px;
    line-height: 13px;
    overflow: auto;
}
.qtipReject .rej__list__item{
    margin-bottom: 8px;
}
.qtipReject .rej__list{
    margin: 5px auto;
}
.qtipReject .reject__title{
    max-width: 300px;
    margin: 6px auto 10px;
}
.qtipReject .rej__list__header{
    display: flex;
    align-items: center;
    margin: 5px 0;
}
.qtipReject .reject-text{
    line-height: 15px;
}
.qtip-content .blocked-tooltip {
    margin: 5px 0;
}
/*----- /blocked teaser reason (tooltip) -----*/

.table .actions.active {
    background: #fff;
    z-index: 1001;
}

/*----- self-registered-timezone -----*/
.self-registered-timezone #timezone_sel_select {
    margin: 5px 0 0;
}
.self-registered-timezone #timezone_sel_selector-button {
    width: 100%;
    text-align: left;
    padding: 8px 7px 8px 20px;
    height: 32px;
}
.self-registered-timezone #timezone_sel_main-drop-down-{
    width: 100%;
    padding: 5px;
    max-height: 200px;
    overflow: hidden;
}
.self-registered-timezone #timezone_sel_dropdown {
    width: 100%;
    max-height: 165px;
    height: auto;
    text-align: left;
    padding-left: 12px;
    box-sizing: border-box;
}
.self-registered-timezone #timezone_sel_search-input {
    margin: 0;
    box-sizing: border-box;
    padding-left: 9px;
}
/*----- /self-registered-timezone -----*/

/*----- push-banner-smart -----*/
.smart-banner {
    overflow:hidden;
    width: auto;
    margin-left: -25px;
    margin-right: -25px;
    background: url("mgid/images/bg-push-banner-smart.jpg") 50% 100% no-repeat;
    background-size: cover;
}
.smart-banner__wrap {
    max-width: 1056px;
    margin: 0 auto;
    padding: 0 0 10px;
}
.smart-banner__wrap:after {
    content: '';
    clear: both;
    display: table;
}
.smart-banner__title {
    float: left;
    width: 32%;
    padding: 12px 0 0 30px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.smart-banner__description {
    float: left;
    width: 40%;
    padding: 11px 0 0 56px;
}
.smart-banner__controls {
    float: right;
    width: 15%;
    position: relative;
    padding: 11px 30px 0 0;
}
.smart-banner__controls .smart-btn {
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    background: #fe0102;
    border-radius: 4px;
    padding: 13px 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.smart-banner__controls .smart-btn:hover {
    background: #cd0102;
}
.smart-banner__controls .smart-close {
    position: absolute;
    top: 0;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url("mgid/images/push-banner-close-btn.png") 50% 50% no-repeat;
    cursor: pointer;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.smart-banner__description ul {
    display: block;
    padding: 0;
    margin: 0;
}
.smart-banner__description li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 10px;
    margin: 0 25px 3px 0;
    color: #fff;
    font-size: 12px;
}
.smart-banner__description li:before {
    content:'';
    position: absolute;
    width: 4px;
    height: 4px;
    top: 6px;
    left: 1px;
    background: #fff;
    border-radius: 50%;
}
.smart-banner__description > span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
}
/*----- /push-banner-smart -----*/

/* ----- unacceptable content ---- */
.unacceptable {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: auto;
}
.unacceptable.center {
    display: block;
    text-align: center;
}
.unacceptable__item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    overflow: hidden;
}
.unacceptable__image {
    -webkit-filter: none;
    filter: none;
    transition: .5s filter ease;
}
.unacceptable__image.blur {
    -webkit-filter: blur(13px);
    filter: blur(13px);
}
.unacceptable__image.blur:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, rgba(133,133,133,0.3) 0%, rgba(0,0,0,0.3) 33%, rgba(0,0,0,0.3) 77%, rgba(133,133,133,0.3) 100%);
}
.unacceptable__image img {
    display: block;
}
.unacceptable__text {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    font-size: 12px;
    padding: 0 40px;
    color: #fff;
    transform: translateY(-50%);
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 50px;
}
.unacceptable__text:before {
    content: '';
    display: block;
    width: 37px;
    height: 30px;
    background: url('images/eye-slash.svg') 0 0 no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.unacceptable__btn {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #fff;
    padding: 15px 0;
    cursor: pointer;
    color: #fff;
}
.unacceptable__revert-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('images/icon_spin.png') 5px no-repeat;
    background-size: 20px 20px;
    padding: 5px;
    opacity: .5;
    cursor: pointer;
    transition: opacity .3s ease;
}
.unacceptable__revert-btn:hover {
    opacity: 1;
}
/* ----- /unacceptable content ---- */

/* ------------ conversion ------------ */
.conversion__wrap {
    display: inline-block;
    border: 1px solid #b6c4dc;
    border-radius: 3px;
    float: left;
    padding: 5px;
    margin-bottom: 15px;
}
.conversion__wrap .cusel {
    margin-right: 0;
}
/* ------------ /conversion ------------ */

/* ------------ popup ------------ */
.popup {
    box-sizing: border-box;
}
.popup_confirm {
    width: 520px !important;
}
#confirmation.popup__confirmation {
    margin-top: 0;
}
.popup__confirmation {
    padding: 40px 0 0;
}
.popup__confirmation:after {
    content: '';
    clear: both;
    display: table;
}
.popup__confirmation .button {
    margin: 0 10px 15px 0;
}

.popup_purses {
    box-sizing: border-box;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.popup.popup_purses {
    padding: 30px 20px 20px 20px;
}
/* ------------ /popup ------------ */

/* ----- urlError ----- */
.urlError__link {
    display: inline-block;
    width: 13px;
    height: 13px;
    text-decoration: none;
    margin-left: 5px;
    vertical-align: middle;
    background: url("images/question-circle-icon.svg") no-repeat;
}
/* ----- /urlError ----- */

/* ----- general-user ----- */
.profile .general-user__title {
    font-size: 12px;
}
.general-user__id {
    margin-left: 19px;
}
/* ----- /general-user ----- */

/* ----- selective-bidding source td ----- */

.table-quality-analysis .td-widget-sources {
    position: relative;
    padding-right: 25px;
}

/* ----- /selective-bidding source td ----- */

/* ------------ table ------------ */
#campaign,
#campaign-daily-stat,
#goods-daily-stat,
#widgets,
.table-wrap,
.table.sites {
    min-width: 914px;
    overflow: auto;
    margin-bottom: 30px;
    -webkit-overflow-scrolling: touch;
}
.h-scroll {
    width: 100%;
    overflow-x: auto;
}
#widgets,
#widgets .table {
    overflow: visible;
}
.table {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    width: 100%;
    border-spacing: 0;
    border-bottom: 1px dotted #cccccc;
    position: relative;
}
.table th {
    text-transform: uppercase;
    color: #333333;
    border-top: 1px solid #CCCCCC;
    border-right:1px solid #cccccc;
    border-bottom: 1px solid #CCCCCC;
    font-weight: 100;
    font-size: 11px;
    padding:9px 15px;
    height:15px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    min-width: 27px;
    background-color: #f2f2f2;
}
.table .action a {
    color: #414141;
    text-align: left;
    text-decoration: none;
    margin: 0 auto 7px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 110px;
    font-size: 11px;
    line-height: 1.4;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
.publisher-layout .table th {
    text-transform: inherit!important;
    font-size: 12px;
}
.publisher-layout .calendar .field {
    font-size: 12px;
    width: 166px;
}
.publisher-layout table th.r-tooltip .pict {
    right: 4px!important;
}
.publisher-layout .sites .icon {
    margin-right: 0;
}
.publisher-layout a.dot {
    text-decoration: none;
}
.publisher-layout a.dot:hover {
    text-decoration-style: solid;
    text-decoration: underline;
    border-bottom: 0px;
}
.publisher-layout .filter-panel .cusel {
    text-transform: inherit!important;
    font-size: 12px;
}
.publisher-layout .graph-tooltip.y div {
    text-transform: inherit!important;
}
.publisher-layout .header-ctr-clicks .arrow-icon-small {
    right: 0;
}
.table .action a div {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.4;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.table .action a:hover {
    color: #000;
}
.table .action a:hover div {
    opacity: 1;
}
.table .action-preview {
    min-width: 120px;
    max-width: 120px;
}
.table td.collapse-menu {
    padding: 0;
    vertical-align: middle;
}
.table .collapse-menu .invisible {
    margin: 0;
}
.table .wrap_statustext.paused a,
.table .wrap_statustext.active a {
    width: 20px;
    height: 20px;
}
.table .wrap_statustext .invisible {
    display: none;
}
/* ------------ /table ------------ */

/* ------------ user ------------ */
.user-change-lang {
    display: inline-block;
    position: absolute;
    width: 33px;
    height: 21px;
    top: 10px;
    left: 200px;
    padding-right: 7px;
    text-align: left;
    overflow: hidden;
    z-index: 2;
}
.user-change-lang.show {
    min-width: 300px;
    display: block;
    padding-right: 0;
    overflow: visible;
}
.user-change-lang a {
    display: none;
    width: 25px;
    height: 18px;
    margin: 0 3px;
    cursor: pointer;
    filter: grayscale(100%);
    transition: all .3s ease;
    border: 1px solid #ccc;
}
.user-change-lang a.activeLocale {
    display: inline-block;
    position: relative;
}
.user-change-lang a.activeLocale:after {
    position: absolute;
    content: '';
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    top: 7px;
    right: -8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.user-change-lang.show a.activeLocale:after {
    display: none;
}
.user-change-lang.show a {
    display: inline-block;
    margin-left: 3px;
}
.user-change-lang a:hover,
.user-change-lang a.activeLocale {
    filter: grayscale(0);
}
.user-change-lang.show:after {
    display: none;
}
/* ------------ /user ------------ */

/*!* ------------ widgets ------------ *!*/
#widgets .wrap_edit_links a img {
    width: 20px;
    margin-right: 10px;
    opacity: 0.4;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
#widgets .wrap_edit_links a:hover {
    color: #000;
}
#widgets .wrap_edit_links a:hover img {
    opacity: 1;
}
#widgets .wrap_edit_links a span {
    margin-top: 4px;
}
#widgets table.pub_widgets td.edit_links {
    padding: 8px;
    vertical-align: top;
}
#widgets .td_audience_edit_links a,
#widgets .wrap_edit_links a,
.widgets-table-wrapper .td_audience_edit_links a,
.widgets-table-wrapper .wrap_edit_links a {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    text-decoration: none;
    margin: 0 2px 2px 2px;
    opacity: .4;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
#widgets .td_audience_edit_links a:hover,
#widgets .wrap_edit_links a:hover {
    opacity: 1;
}
/*!* ------------ /widgets ------------ *!*/

/* ------------ news ------------ */
.news .tit {
    border: 1px solid transparent;
}
/* ------------ /news ------------ */

/* ------------ rules-based ------------ */
.rules-based {
    position: relative;
    padding: 13px 14px !important;
}
.rules-based,
.rules-based * {
    box-sizing: border-box;
}
.rules-based__head {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}
.rules-based__label {
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    color: #2D3882;
    float: none;
    letter-spacing: 0;
    background: none;
    text-align: left;
    margin: 0;
}
.rules-based__toggle {
    text-align: right;
    margin-left: 10px;
}
.rules-based__head .rules-based__head-tooltip {
    position: static;
    margin-left: 10px;
}
.rules-based__toggle .switch {
    margin-right: 0;
}
.rules-based__loader {
    width: 70px;
    height: 50px;
    margin: 0 auto;
    background: url(images/Ellipsis-2.5s-40px.svg) no-repeat center;
    background-size: contain;
}
.rules-based__row {
    display: flex;
    padding: 0 10px 0 0;
    background: #E7EBF3;
    border: 1px solid #B7C4DC;
    border-radius: 3px;
    margin-bottom: 11px;
    -webkit-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}
.rules-based__row_new,
.rules-based__row.active,
.rules-based__row:hover {
    box-shadow: 1px 3px 8px rgba(33, 36, 107, 0.2);
}
.rules-based__row_pattern {
    display: none !important;
}
.rules-based__cell {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 22px;
    color: #000;
    text-align: center;
    white-space: nowrap;
    margin: 0 2px;
}
.rules-based__cell > * {
    display: inline-block;
    vertical-align: inherit;
}
.rules-based__cell_id {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 42px;
    color: #2D3882;
    text-align: center;
    margin-right: 5px;
    border-right: 1px solid #B6C4DC;
}
.rules-based__cell b {
    font-weight: inherit;
    color: #2D3882;
    text-transform: uppercase;
}
.rules-based__txt {
    white-space: nowrap;
}
.rules-based__input {
    width: 70px;
    height: 24px;
    background: linear-gradient(180deg, #FDFDFD 0%, rgba(255, 255, 255, 0) 100%), #F3F3F5;
    border: 1px solid #BBBBC5;
    border-radius: 3px;
    color: #333;
    font-size: 10px;
    padding: 0 3px;
    text-align: center;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
.rules-based__input_amount {
    margin-right: 0;
}
.rules-based__field {
    position: relative;
    display: inline-block;
    width: 56px;
}
.rules-based__field .rules-based__input {
    width: 100%;
}
.rules-based__input.error, .rules-based__select select.error {
    border-color: #DF481C;
}
.rules-based__input.error + .rules-based__currency {
    border-left: 1px solid #DF481C;
}
.rules-based__currency {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 41%;
    padding-right: 1px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #BBBBC5;
    border-radius: 0 3px 3px 0;
    background: #e7e7ea;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, border-color 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease, border-color 0.2s ease;
}
.rules-based__currency-sign,
.rules-based__currency-sign-coins,
.rules-based__currency-rate {
    display: none;
}
.rules-based__field_rate .rules-based__currency,
.rules-based__field_sign_coins .rules-based__currency,
.rules-based__field_sign .rules-based__currency {
    visibility: visible;
    opacity: 1;
    font-size: 9px;
}
.rules-based__field_rate .rules-based__input,
.rules-based__field_sign_coins .rules-based__input,
.rules-based__field_sign .rules-based__input {
    padding-right: 41%;
}
.rules-based__field_rate .rules-based__currency-rate,
.rules-based__field_sign_coins .rules-based__currency-sign-coins,
.rules-based__field_sign .rules-based__currency-sign {
    display: block;
    font-size: 9px;
}
.rules-based__new-btn {
    padding: 0 18px;
    background: linear-gradient(180deg, #3BA2E8 0%, #1E66A9 100%), #C4C4C4;
    border: 1px solid #1E5F90;
    box-sizing: border-box;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 2px 1px #4EC4F9;
    border-radius: 3px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.rules-based__new-btn.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.rules-based__new-err {
    padding-left: 1.5em;
    background:url(../styles/images/icon_alert.svg) left no-repeat;
}
.rules-based__manual-locked {
    width: 15px;
    float: left;
    padding-top: 10px;
    margin-right: -15px;
    cursor: pointer;
    background:url(../styles/images/rbo_manual_overridden.svg) left no-repeat;
    background-size: contain;
}
.rules-based__actions {
    position: relative;
    min-width: 45px;
    min-height: 30px;
}
.rules-based__when-hover,
.rules-based__when-active {
    position: absolute;
    top: 8px;
    right: 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
.rules-based__actions-item {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    opacity: 0.45;
    background-color: transparent;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.rules-based__actions-item:first-child {
    margin-left: 0;
}
.rules-based__delete {
    background-image: url(images/icon_delete.svg);
}
.rules-based__save {
    background-image: url(images/icon_save.svg);
}
.rules-based__cancel {
    background-image: url(images/icon_cancel.svg);
}
.rules-based__actions-item:hover {
    opacity: 1;
}
.rules-based__row_new .rules-based__when-hover {
    display: none;
}
.rules-based__row_new .rules-based__when-active,
.rules-based__row.active .rules-based__when-active,
.rules-based__row:not(.active):hover .rules-based__when-hover {
    visibility: visible;
    opacity: 1;
}
.rules-based__row.error {
    border: 1px solid #DF481C;
}
.rules-based__row_new {
    border: 1px solid #2d67a3;
}
.rules-based__select select {
    width: 80px;
    height: 22px;
    font-size: 9px;
    text-transform: uppercase;
    text-overflow: ellipsis;
}
.rules-based__rules-copy-popup-select select {
    font-size: 9px;
    text-transform: uppercase;
    text-overflow: ellipsis;
}
.rules-based__rules-copy-popup-select {
    width: 72%;
}
.rules-based-cuSel.rules-based-copy-popup-cuSel {
    width: 100% !important;
}
.pict.inline-tooltip {
    position: initial;
    display: inline-block;
}
.rules-based .select-switch__txt {
    min-width: 37px;
    font-size: 9px;
    line-height: 23px;
}
.rules-based .select-switch__txt:first-child {
    padding: 0 7px;
}
.rules-based__row_wrap {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
}
.rules-based .cusel {
    display: inline-block;
}
.rules-based__toggle {
    display: flex;
}
.rules-based__cell .select-switch__wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    overflow: hidden;
}
.rules-based__cell_text {
    line-height: 24px;
}
.indicator-values .rules-based__cell_text {
    display: inline-block;
    margin-right: 6px;
}
.single-value {
    display: flex;
    align-items: center;
}
.rules-based span[disabled] {
    pointer-events: none;
    color: rgba(102, 102, 102, .7);
}
.rules-based .cusel .jScrollPaneContainer {
    width: 100% !important;
    height: auto!important;
    max-height: 76px !important;
}
.rules-based .cusel.rules-based__analyze-indicator .jScrollPaneContainer {
    max-height: 72px !important;
}
.rules-based .cusel span {
    height: 14px;
    line-height: 10px;
}

.rules-based .cuselText {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rules-based__cell_period {
    margin-left: 0;
}
.rules-based__cell_period .rules-based__cell_text {
    margin-right: 5px;
}
.indicator-values {
    margin: 0 5px 0 0;
}
.rules-based__action-value {
    margin-left: 5px;
}
.rules-based__cell_action-value {
    margin-left: 0;
}
.rules-based__cell_action-value .rules-based__cell_text {
    margin-right: 5px;
}
.rules-based__cell_actions {
    display: flex;
    align-items: center;
    margin: 0;
}
.rules-based__wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.interval-divider {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}

.rules-based__widget-level {
    min-width: 70px;
    max-width: 70px;
}
.rules-based__analyze-indicator {
    min-width: 134px;
    max-width: 134px;
}
.rules-based__analyze-stage {
    min-width: 80px;
    max-width: 80px;
}
.rules-based__analyze-operator {
    min-width: 102px;
    max-width: 102px;
}
.rules-based__rule-period {
    min-width: 107px;
    max-width: 107px;
}
.rules-based__action-value {
    min-width: 175px;
    max-width: 175px;
}
.rules-based__otherwise-action {
    min-width: 125px;
    max-width: 125px;
}
.select-switch__wrap.active .select-switch__txt + .select-switch__txt {
    padding: 0 5px 0 0;
}
.rules-based__preset-popup-row {
    margin-top: 10px;
}
.rules-based__preset-popup-description {
    text-align: left;
}
.rules-based__rules-copy-popup-description {
    text-align: left;
    width: 25%;
}
.rbo-preset-popup .rules-based-cuSel {
    width: auto;
}
.rbo-preset-popup .save {
    margin-top: 20px;
    margin-bottom: 0;
}
/* ------------ /rules-based ------------ */

/* ------------ calendar ------------ */
.calendar {
    position: relative;
    margin: 7px 0 0 4px;
    float: left;
    cursor: pointer;
}
.calendar .incorrect {
    color: #ff0000!important;
    border: 1px solid #ff0000!important;
    border-radius: 5px;
    height: 17px!important;
}
.calendar-label {
    float: left;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    margin-right: 10px;
}
.calendar .popup {
    min-width: 400px;
    height: 240px;
    padding: 5px;
    overflow: hidden;
    z-index: 999;
    position: absolute;
    top: 30px;
    background: #fff;
    border: 1px solid #b6c4dc;
    border-radius: 3px;
    z-index: 999;
    box-shadow: 0 3px 3px #eeeef4;
    cursor: default;
}
#filter .calendar .popup {
    right: initial;
}
.calendar .timezone {
    font-size: 12px;
    line-height: 24px;
    color: #666666;
}
.calendar .field {
    float: right;
    padding: 6px 0 0 2px;
    font-size: 10px;
    letter-spacing: 0.25px;
    line-height: 1;
    background-position: 98% 3px;
    background-repeat: no-repeat;
    width: 150px;
    height: 24px;
    border: 1px solid #bbbbc5;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.calendar #c1, .calendar #c2 {
    float: left;
    margin: 5px;
    width: 180px;
    overflow: hidden;
    max-height: 194px;
}
/* ------------ /calendar ------------ */

/* ------------ run_continuously ------------ */
#run_continuously {
    display: none;
}
.run_continuously_box .calendar .popup {
    min-width: 202px;
}
.run_continuously_box .common-popup .popup_close {
    background: none;
}
.run_continuously_box .calendar .popup {
    right: 0;
}
/* ------------ /run_continuously ------------ */

/* ------------ schedule ------------ */
.schedule {
    margin: 0 0 6px 0
}
.schedule .calendar {
    margin: 5px 6px 0 5px;
}
.schedule .icon {
    padding: 4px 0 0 0;
    height: 18px;
    margin: 0;
    display: inline-block;
    float: left;
}
.schedule .title {
    font-weight: 700;
    color:#222b6e;
    text-transform: uppercase;
    margin: 1px 10px 0 15px;
}
.schedule .pause {
    background: url(../styles/images/icon_info.svg) no-repeat;
    margin: 0 15px 0 0;
    padding: 4px 0 0 0;
}
.schedule input[type="checkbox"] {
    float: left;
    margin: 8px 0 0 15px;
    cursor: pointer;
}
.schedule .check {
    margin: 4px 0 0 7px;
}
.schedule div.check {
    margin: 7px 20px 0 0;
}
.schedule label {
    display: block;
    float: left;
    clear: both;
    text-transform: uppercase;
    margin: 12px 10px 0 14px;
}
.schedule .ad {
    margin: 8px 10px 0 14px;
}
.schedule .edit {
    color: #1249AE;
    display: block;
    float: left;
    margin: 5px 0 0 7px;
    padding: 6px 0 0 0;
}
.schedule .field {
    width: 139px;
}
.schedule .calendar + .calendar {
    margin-left: 0;
}
.schedule a.button.blue.show {
    width: 409px;
    box-sizing: border-box;
    height: 24px;
    text-align: center;
}
.schedule .calendar-start {
    margin-right: 20px;
}
/* ------------ /schedule ------------ */

/* ------------ fieldset-blocking_form ------------ */
#fieldset-blocking_form td.day-button {
    height:25px;
    background-color: #5B91B8;
    cursor: pointer
}
#fieldset-blocking_form td.day-button.hovered {
    background-color: #EFEFF1;
}
#fieldset-blocking_form td.hour-th.hovered-th,
#fieldset-blocking_form td.week-day.hovered-th {
    background-color: #D8E0EC;
}
#fieldset-blocking_form .presets td.blocking-check .calendar-label,
#fieldset-blocking_form .fieldset td {
    line-height: 1.4;
    margin-bottom: 5px;
    margin-top: 5px;
}
/* ------------ /fieldset-blocking_form ------------ */

/* ----- arrow-icon-small ----- */
.arrow-icon-small {
    display: none;
}
.header-ctr-clicks .arrow-icon-small{
    display: inline-block;
    vertical-align: middle;
    transform: rotate(-90deg);
    cursor: pointer;
    transition: all .3s ease;
    right: 18px;
    top: 0;
}
.header-ctr-clicks .arrow-icon-small-rotate{
    position: absolute;
    top: -6px;
    right: -4px;
    width: 19px;
    height: 22px;
}
.paddings-for-additional-columns{
    padding-right: 13px;
}

.min_width_clicks_ctr {
    min-width: 110px !important;
}
.arrow-icon-small-rotate {
    transform: rotate(-270deg) !important;
    right: 2px;
}
.arrow-icon-img {
    width: 14px;
    height: 10px;
}
.header-clicks, .header-ctr {
    cursor: default;
}
.col-paid_clicks,
.col-internal_clicks,
.col-ctr_wages,
.col-ctr_int_exchange,
.hidden-clicks_ctr{
    display: none;
}

/* ----- /arrow-icon-small ----- */

/* ----- dropdown ----- */
.dropdown {
    position: relative;
    display: inline-block;
    z-index: 99;
}
.dropdown-btn {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 18px;
    background: linear-gradient(180deg, #3BA2E8 0%, #1E66A9 100%), #C4C4C4;
    border: 1px solid #1E5F90;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 2px 1px #4EC4F9;
    font-weight: 700;
    font-size: 11px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    cursor: pointer;
    transition: .3s box-shadow ease;
}
.dropdown-btn:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    margin-left: 10px;
}
.dropdown-btn-list {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    display: none;
    min-width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 999;
}
.dropdown-btn-list-item {
    padding: 0 20px;
    line-height: 22px;
    cursor: pointer;
    background-color: transparent;
    transition: background-color .3s ease;
}
.dropdown-btn-list-item-text {
    font-size: 11px;
    text-transform: uppercase;
    color: inherit;
    white-space: nowrap;
    transition: color .3s ease;
}
.dropdown-btn-list-item:hover{
    background-color: #232c70;
}
.dropdown-btn-list-item:hover .dropdown-btn-list-item-text {
    color: #ffffff;
}
.dropdown.disabled {
    opacity: .5;
    pointer-events: none;
}
.dropdown-btn-list-item.disabled {
    opacity: .5;
    pointer-events: none;
}
.dropdown.open .dropdown-btn {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.dropdown-btn-list-item.top-bordered {
    border-top: solid #bbbbc5 1px;
}
/* ----- /dropdown ----- */

/* ------------ audience-title ------------ */
.audience-title #h2-tooltip {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    float: none;
}
/* ------------ /audience-title ------------ */

/* ------------ title-warning ------------ */
form#ghits_new_add #title-warning {
    padding: 10px 6px 10px 28px;
    color: #757575;
}
#title-warning, #advert_text-warning {
    width: 410px;
    padding: 10px 6px 10px 28px;
    background-color: #FFFDEB;
    background-image: url('../styles/images/icon_warning.svg');
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 15px;
    box-sizing: border-box;
}
/* ------------ /title-warning ------------ */

/* ------------ targeting-msg ------------ */

.targeting-msg {
    border-radius: 4px;
    display: none;
    font: 400 10px/12px Arial, sans-serif;
    margin: 10px 5px;
    padding: 7px 13px 7px 42px;
    position: relative;
}

.targeting-msg:before {
    background-size: cover;
    content: '';
    left: 17px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 13px;
}

/* ------------ targeting-alert ------------ */
.targeting-alert {
    background-color: #FFECEB;
}
.targeting-alert:before {
    background: url("../styles/images/icon_warning_red.svg") no-repeat;
}
.targeting-alert-clone {
    float: left;
    margin-top: 4px;
}
/* ------------ /targeting-alert ------------ */

/* ------------ targeting-warning ------------ */
.targeting-warning {
    background-color: #FFEA78;
}
.targeting-warning:before {
    background: url("../styles/images/icon_warning.svg") no-repeat;
}
/* ------------ /targeting-warning ------------ */

@media all and (min-width: 1024px) {
    .user-change-lang a {
        margin: 0 3px;
    }
}

@media all and (min-width: 1100px) {

    /* ------------ rules-based ------------ */
    .rules-based__select select {
        width: 90px;
    }
    /* ------------ /rules-based ------------ */

}

@media all and (min-width: 1200px) {

    /*----- push-banner-smart -----*/
    .smart-banner__description {
        width: 42%;
    }
    .smart-banner__description li {
        margin: 0 45px 3px 0;
        font-size: 14px;
    }
    .smart-banner__description > span {
        font-size: 17px;
    }
    /*----- /push-banner-smart -----*/

}

.icon_rescanning {
    width: 20px;
    height: 19px;
    background-image: url(images/icon_rescanning.svg);
    background-size: contain;
}

.icon_ai_recommendation {
    width: 20px;
    height: 19px;
    margin: 3px auto;
    background-image: url(images/ai_recommendation.svg);
    background-size: contain;
}

/* Progress bar */

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
    background-color: #5cb85c;
}

.file-upload-progress {
    padding: 5px;
}

/* Progress bar */

/* Tooltip styles */

.tooltipster-fade {
    background: rgb(255,237,199);
    color: rgb(0,0,0);
    border: 2px solid rgb(236, 129, 77);
    border-radius: 2px;
}

.tooltipster-content {
    font-size: 12px;
    line-height: 14px;
}

/* Tooltip styles */

::selection {
    background: #b4d5fe !important;
}

.table-teaser-goods .col10t {
    width: 240px;
}

.table-teaser-goods #sortShow,
.table-teaser-goods #sortClicks,
.table-teaser-goods #sortSpent {
    margin-left: 10px;
}

.news img:first-child {
    width: 240px;
    height: auto;
}

.news video {
    float: left;
    display: block;
    border: 0;
    margin:0 10px 0 0;
    max-width: 100%;
    max-height: 200px;
}

form#ghits_new_add.ghits-edit-teaser-big {
    margin: 0;
}
form#ghits_new_add.ghits-edit-teaser-big .ll.full-width {
    width: 100%;
}
.publisher-layout a.custom-report-saved-button {
    width: auto!important;
}

.publishers-ads-moderation .teaser-status-text {
    display: inline-block;
    padding: 5px 5px;
    border-radius: 3px;
    min-width: 68px;
    text-align: center;
}

.publishers-ads-moderation .teaser-status-text.status-pending {
    background-color: #a0aabe;
    color: #ffffff;
    border: 1px solid #818a9b;
}

.publishers-ads-moderation .teaser-status-text.status-blocked {
    background-color: #f0d1ce;
    color: #b93e2d;
    border: 1px solid #d8b8b5;
}

.publishers-ads-moderation .teaser-status-text.status-active {
    background-color: #e2f2cf;
    color: #64a82b;
    border: 1px solid #d1e3bc;
}
.publishers-ads-moderation .teaser-status-timer {
    display: none;
    color: #8891A1;
    padding: 0 4px;
    margin-top: 8px;
}
.publishers-ads-moderation .teaser-status-timer-time {
    color: #1249ae;
}
.publishers-ads-moderation td.status {
    vertical-align: middle;
}

.publishers-ads-moderation td.image {
    vertical-align: middle;
}

.publishers-ads-moderation td.image img, .publishers-ads-moderation td.image video {
    display: block;
    width: 224px;
    border: 1px solid #b6c5dc;
    margin: 5px;
    border-radius: 2px;
}
.publishers-ads-moderation td.landing-link-field {
    max-width: 380px;
}
.publishers-ads-moderation td.landing-link-field a {
    color: #2D3882;
    word-break: break-word;
}

.publishers-ads-moderation td.title-field,
.publishers-ads-moderation td.landing-link-field,
.publishers-ads-moderation td.impressions-field,
.publishers-ads-moderation td.actions-field,
.publishers-ads-moderation td.category-field,
.publishers-ads-moderation td.comment {
    vertical-align: middle;
}
.publishers-ads-moderation td.comment .comment-btn {
    border: none;
    padding: 0;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background: url("mgid/images/icons/icon_comment.svg") 50% no-repeat;
}
.publishers-ads-moderation td.comment .comment-btn.active {
    background-image: url("mgid/images/icons/icon_comment_active.svg");
}
.publishers-ads-moderation td.actions-field {
    min-width: 250px;
}

.publishers-ads-moderation td.impressions-field .head-title {
    color: #5b91b8;
}

.publishers-ads-moderation td.impressions-field .head-no-imps {
    color: #9aa3b7;
}

.publishers-ads-moderation .switch-toggle {
    background-color: #E7E7EB!important;
    height: 26px;
}

.publishers-ads-moderation .switch-toggle input[type="radio"]:focus,
.publishers-ads-moderation .switch-toggle input:checked + label,
.publishers-ads-moderation .switch-toggle label:focus,
.publishers-ads-moderation .switch-toggle label {
    outline: none;
}

.publishers-ads-moderation .switch-toggle label {
    display: inline-block;
    color: #545454;
    text-shadow: none;
}

.publishers-ads-moderation .switch-toggle [value="active"]:checked ~ label:nth-of-type(3) {
    color: #64a82b;
}
.publishers-ads-moderation .switch-toggle [value="blocked"]:checked ~ label:nth-of-type(1) {
    color: #b93e2d;
}
.publishers-ads-moderation .switch-toggle a {
    display: inherit!important;
}

.publishers-ads-moderation .switch-toggle a.status-pending {
    background-color: #a0aabe;
    color: #ffffff;
}

.publishers-ads-moderation .switch-toggle a {
    border-color: #8f8f91;
    box-shadow: none;
    width: 20%!important;
}

.publishers-ads-moderation .switch-toggle [value="blocked"]:checked ~ a {
    background-color: #f0d1ce;
    color: #b93e2d;
    width: 40%!important;
}
.publishers-ads-moderation .switch-toggle [value="active"]:checked ~ a {
    background-color: #e2f2cf;
    color: #64a82b;
    width: 40%!important;
}
.publishers-ads-moderation .switch-toggle img.switch-loader {
    position: absolute;
    top: -3px;
    display: none;
    margin-left: -15px;
}

.publishers-ads-moderation .switch-toggle label:not(.disabled) {
    cursor: pointer;
    width: 40%!important;
}

.publishers-ads-moderation .switch-toggle label.disabled {
    min-height: 1px;
    width: 20%!important;
}

.publishers-ads-moderation .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
    left: 60%!important;
}

.publishers-ads-moderation .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
    left: 40%!important;
}

.ads-moderation-comment-popup {
    padding: 0!important;
    background: #F7F7FA!important;
}
.ads-moderation-comment-popup .comment-popup-container {
    padding: 20px;
}
.ads-moderation-comment-popup .comment-popup-title {
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #2D3882;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ads-moderation-comment-popup .comment-popup-body {
    margin-top: 20px;
}
.ads-moderation-comment-popup .comment-popup-label {
    display: block;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    color: #2D3882;
}
.ads-moderation-comment-popup .pict {
    height: 18px;
    position: static;
}
.ads-moderation-comment-popup .comment-popup-field {
    font-family: 'Arial';
    display: block;
    color: #333;
    border: 1px solid #bbbbc5;
    box-shadow: inset 1px 2px 3px #BBBBC5;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0;
    margin-top: 6px;
    font-size: 12px;
    line-height: 14px;
    resize: none;
    padding: 12px 16px 16px;
    min-height: 130px;
}
.ads-moderation-comment-popup .popup_close {
    right: 24px;
    top: 24px;
}
.ads-moderation-comment-popup .comment-popup-button-list {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 16px;
}
.ads-moderation-comment-popup .comment-popup-button {
    padding: 6px 28px;
    height: auto;
    line-height: 1;
    border-radius: 3px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px rgb(0 0 0 / 25%);
}
.ads-moderation-comment-popup .comment-popup-button-close {
    background: linear-gradient(180deg, #D7DDE8 0%, #9AA1AD 100%);
    border: 1px solid #8891A1;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 20%), inset 0px 2px 1px #e3e6ea;
    position: static;
    width: auto;
}
.ads-moderation-comment-popup .comment-popup-button-close::before,
.ads-moderation-comment-popup .comment-popup-button-close::after{
    display: none;
}
.ads-moderation-comment-popup .comment-popup-button-submit {
    background: linear-gradient(180deg, #95CA46 0%, #64A82B 100%), #C4C4C4;
    border: 1px solid #539825;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 20%), inset 0px 2px 1px #b5dd5b;
}
.ads-moderation-comment-popup .comment-popup-card {
    padding: 12px 16px 16px;
    background: #FFFFFF;
    border: 1px solid #B7C4DC;
    border-radius: 3px;

}
.ads-moderation-comment-popup .comment-popup-info {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-bottom: 8px;
    gap: 8px;
    font-family: 'Arial';
    font-style: normal;
    color: #000000;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}
.ads-moderation-comment-popup .comment-popup-name {
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.02em;
}
.ads-moderation-comment-popup .comment-popup-date {
    color: #A0AABE;
}

#custom-ad input[type="file"] {
    position: absolute;
    top: -50%;
    right: -50%;
    font-size: 200px;
    opacity: 0;
}

#custom-ad input[name="imageLink"] {
    width: 73%;
}

#custom-ad #image-styler {
    margin: 0;
    height: 26px;
    position: relative;
    overflow: hidden;
}

#alert-popup > .line {
    width: 100%;
}

#alert-popup > h3 {
    margin: 30px auto;
    font-weight: 400;
}

#alert-popup button {
    display: inline-block;
    font-weight: bold;
    float: right;
}