/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fa-solid-900.d9824d00.eot");
    src: url("../webfonts/fa-solid-900.d9824d00.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.128d2b0b.woff") format("woff"), url("../webfonts/fa-solid-900.00ddaede.ttf") format("truetype"), url("../webfonts/fa-solid-900.666a82cb.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    src: url("../fonts/Roboto.11eabca2.ttf") format("truetype");
}

.adBanner {
    background-color: transparent;
    height: 1px;
    width: 1px;
}

#wrapfab {
    position: absolute;
}

#aBlockDetected {
    width: 700px;
    height: auto;
    position: fixed;
    z-index: 9999;
    top: 250px;
    text-align: center;
    padding: 30px;
    left: calc(50% - 350px);
}

#aBlockDetected i {
    font-size: 75px;
    border: 2px solid #e9595a;
    color: #e9595a;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    padding: 10px;
    margin-bottom: 20px;
}

#aBlockDetected p {
    font-size: 50px;
}

#aBlockDetected span {
    font-size: 30px;
}

span {
    cursor: default;
}

.cursorPointer,
.bodyContainer.cursorPointer *,
input[type='file'],
.fa-pencil-alt,
::-webkit-file-upload-button,
.select2-container * {
    cursor: pointer;
}

html {
    background: none;
    cursor: default;
}

body.smart-style-3,
body:not(.menu-on-top).desktop-detected {
    background: #f5f5f5 !important;
    min-height: 100vh !important;
}

.tableWrapper {
    padding: 5px 13px 13px;
    background: #fff;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-top: none;
    border-color: #f1f1f1;
    margin-bottom: 13px;
    box-shadow: -1px 1px 1px 0 rgba(204, 204, 204, .8);
}

.tableOverflow {
    overflow-x: auto;
}

.tableWrapper .refreshBtn {
    margin-left: -30px;
}

.table {
    width: 100%;
    white-space: nowrap;
}

.table thead tr th,
.table tbody tr td {
    word-wrap: normal;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
}

.column-left-aligned {
    float: left;
}

.dollar:before {
    display: inline;
    content: '$';
}

.euro:after {
    display: inline;
    content: '€';
}

.fa-euro-sign {
    float: right;
    margin-left: 10px;
}

.gold {
    white-space: nowrap;
}

.fa-gold-sign:before,
.gold:before {
    vertical-align: middle;
    display: inline-block;
    content: '';
    background-image: url(https://vignette.wikia.nocookie.net/monsterlegends/images/b/b0/Gold_Bar_Icon.png/revision/latest?cb=20130530154209);
}

.gold:before {
    width: 20px;
    height: 17px;
    background-size: 20px 17px;
}

.fa-gold-sign:before {
    width: 66px;
    height: 60px;
    background-size: 66px 60px;
}

.infinitySign:before {
    display: block;
    font-family: FontAwesome;
    content: '\f534';
}

#left-panel .fa-gold-sign {
    position: relative;
    left: 1px;
    top: -20px;
}

#left-panel .fa-gold-sign:before {
    width: 29px;
    height: 24px;
    background-size: 29px 24px;
    position: absolute;
    left: 0;
    top: 0;
}

/* fix smartadmin check/radioboxes */

label input[type=checkbox].checkbox+span,
label input[type=radio].radiobox+span {
    z-index: 1;
}

.ui-datepicker {
    width: auto;
}

.flR {
    float: right;
}

.flL {
    float: left;
}

.tAC {
    text-align: center;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.noPadding {
    padding: 0;
}

.smart-form .checkbox input+i:after,
label input[type=checkbox].checkbox+span:before,
label input[type=radio].radiobox+span:before,
.select2-container .select2-choice .select2-arrow b,
.select2-search:before {
    font-family: FontAwesome
}

/* BS validation fixes start */

.has-success-b .input-group-addon,
input[type=text]:focus+.inputGroupAddon__copy {
    color: #468847;
    border-color: #468847;
    background-color: #dff0d8;
}

input[type=text]:focus+.inputGroupAddon__copy {
    border-left: 1px solid #468847;
}

.has-success-b .form-control {
    border-color: #468847 !important;
}

.has-error-b .input-group-addon {
    color: #b94a48;
    border-color: #b94a48;
    background: #f2dede;
}

.has-error-b label {
    color: #b94a48 !important;
}

.smart-style-3 .has-error-b .form-control {
    border-color: #b94a48 !important;
}

.help-block-b {
    display: none;
}

.has-error-b .help-block-b {
    display: block;
    color: #b94a48;
}

.errorMessagesBlock {
    color: #b94a48 !important;
}

.requiredLabel {
    position: relative;
    display: inline-block !important;
}

.requiredLabel:after {
    display: block;
    content: '*';
    position: absolute;
    top: 0;
    right: -5px;
    color: #e22c29;
}

.has-error label,
.has-error label .fa {
    color: #b94a48 !important;
}

.has-error input,
.has-error label .fa,
.has-error .select2-container-active .select2-choice {
    border-color: #b94a48 !important;
}

.directUrlLabel {
    cursor: url(../img/help-cursor.6f921f62.png), auto;
    text-decoration: underline;
    text-decoration-style: dotted;
}

/* BS validation fixes end */

/* Terms and Conditions */

.terms {
    margin: 20px;
}

#processingModal td {
    border: 1px solid black;
    padding: 5px;
    text-align: left;
}
/* Terms and Conditions end*/

/* Modal dialog general settings start */

.modal-dialog {
    display: table;
    max-width: 855px;
}

/* Modal dialog general settings end */

.form-control,
.input-group .form-control.confirmPassword,
.input-group .form-control.hasDatepicker,
.select2-choices,
a.select2-choice,
.input input,
.accountWrapper .input-group .form-control {
    border-radius: 5px !important;
}

.select2-dropdown-open .select2-choices,
.select2-dropdown-open a.select2-choice {
    border-radius: 5px 5px 0 0 !important;
}

.input-group .form-control,
.input-group .input-group-addon,
#timeDistributionRow .form-control.hasDatepicker,
.accountWrapper .input-group .form-control.firstPassword,
#paymentDatetimeWrapper .form-control,
.input-group.advDate .form-control+.input-group-addon {
    border-radius: 5px 0 0 5px !important;
}

.input-group .form-control+.input-group-addon,
.input-group.postbackUrlInfo .input-group-addon,
.input-group .input-group-addon+.form-control {
    border-radius: 0 5px 5px 0 !important;
}

/* Login page start */

.timer-block {
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}

.timer-block span:first-child {
    font-weight: bold;
}

.loginPage {
    position: relative;
}

.loginPage .btn {
    font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif;
    padding: 0 22px;
}

.loginPage ~ .modal .modal-content {
    background: #ebebed;
}

.bottomArticles p {
    font-size: 15px;
}

#header .userInfoBlock {
    color: white;
}

#logo {
    cursor: pointer;
}

.logo {
    background: url("../img/Logo.8603d5aa.png") 0 0 no-repeat;
    background-size: contain;
    height: 300px;
}

.startPageTitle {
    font-weight: bold;
    margin: 0;
    font-size: 23px;
    margin-bottom: 10px;
}

.startPageTabHeader {
    border-bottom: 1px solid white;
    overflow: hidden;
    margin-bottom: 20px;
}

.startPageTabHeader a {
    font-size: 20px;
    font-weight: bold;
    display: block;
    width: 50%;
    float: left;
    padding-bottom: 10px;
}

.startPageTabHeader a,
.startPageTabHeader a:hover,
.startPageTabHeader a:active {
    color: #585858;
}

.startPageTabHeader a.active {
    border-bottom: 3px solid white;
    color: white;
}

.loginPage .startPageContent input:not([type='checkbox']) {
    background-color: transparent;
    border-width: 0 0 1px 0;
    border-color: #8b8b8b;
    width: 100%;
    color: white;
    box-shadow: none;
    font-size: 16px;
    padding: 8px 0;
}

.loginPage .startPageContent input:not([type='checkbox']):focus::placeholder {
    color: transparent;
}

.loginPage .startPageContent input:not([type='checkbox']):-webkit-autofill,
.loginPage .startPageContent input:not([type='checkbox']):-webkit-autofill:hover,
.loginPage .startPageContent input:not([type='checkbox']):-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    box-shadow: 0 0 0 1000px #383838 inset !important;
}

.alertRow {
    position: absolute;
    width: 100%;
    top: 20px;
}

.alert .close {
    line-height: 1;
    font-size: 15px;
}

.containerVatCountries option {
    display: none;
}

.startPageFormWrapper {
    width: 60%;
    margin-left: 6%;
}

.startPageCheckboxesBlock {
    width: 40%;
}

.captchaBlock {
    width: 59%;
}

.startPageFormWrapper form > div {
    margin-bottom: 26px;
    position: relative;
}

.startPageFormWrapper .errorMessagesBlock {
    position: absolute;
}

.passwordGroup {
    position: relative;
}

.passwordGroup i {
    position: absolute;
    color: white;
    top: 40%;
    right: 10px;
}

@-webkit-keyframes autofill {
    to {
      color: white;
      background: transparent;
    }
}
  
.loginPage input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.forgotPassword {
    text-align: center;
    font-size: 16px;
}

.containerVatCountries {
    width: 100%;
}

.containerVatCountries a.select2-choice {
    background: transparent;
    border-radius: 0 !important;
    border-width: 0 0 1px 0;
    border-color: #8b8b8b;
    color: #8b8b8b;
    font-size: 16px;
    line-height: 39px;
    height: 39px;
    padding: 0;
}

.containerVatCountries.select2-dropdown-open a.select2-choice {
    box-shadow: none;
}

.containerVatCountries .select2-choice .select2-arrow {
    display: none;
}

.select2-drop.vat-countries {
    border-color: white;
    background: #383838;
    color: white;
}

.select2-drop.vat-countries .select2-results li {
    border-bottom: 1px solid white;
}

.select2-drop.vat-countries .select2-highlighted {
    background: #ebebed;
    color: black;
}

.select2-drop.vat-countries .select2-no-results {
    color: black;
}

.startPageCheckboxGroup {
    position: relative;
}

.startPageCheckboxGroup input {
    display: none;
}

.startPageFormWrapper form > div.notVat {
    margin: 0;
}

.notVat a {
    font-size: 10px;
    display: block;
}

.notVat label {
    margin-bottom: 0;
}

.startPageCheckboxGroup .fakeCheckbox {
    display: inline-block;
    border: 1px solid white;
    background: transparent;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 3px;
}

.startPageCheckboxGroup input:checked +.fakeCheckbox:after {
    display: block;
    position: absolute;
    font-family: FontAwesome;
    content: '\f00c';
    color: white;
    text-align: center;
}

.startPageCheckboxGroup span {
    color: white;
    vertical-align: top;
}

.startPageCheckboxGroup a {
    color: #52b582;
    display: block;
    position: relative;
    top: -11px;
    left: 17px;
    letter-spacing: -0.5px;
}

.startPageButton {
    margin: 0 auto;
    display: block;
    width: 230px;
    border-radius: 20px;
    background: #52b582;
    color: #a3fdef;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    border: none;
    padding: 12px 0;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
    margin-bottom: 15px;
}

.newModalButton {
    border-radius: 20px;
    background: #52b582;
    color: #a3fdef;
    font-weight: bold;
    border: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    padding: 8px 18px;
}

.externalLinks {
    position: absolute;
    bottom: 8%;
    left: 16%;
}

.externalLinks a {
    margin-right: 10px;
}

.needAccountBlock {
    text-align: center;
    font-size: 14px;
}

.needAccountBlock span {
    color: white;
}

#recaptcha > div {
    margin: 0 auto;
}

button[disabled] {
    opacity: .65;
}

.display-image {
    margin-top: 0;
}

.smart-style-3 #header,
.smart-style-3 .btn-header>:first-child>a,
.smart-style-3 .btn-header>:first-child>a:hover,
.btn-header label {
    background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #00A678), color-stop(1, #008A67)) !important;
    background-image: -o-linear-gradient(top, #00A678 0%, #008A67 100%) !important;
    background-image: -moz-linear-gradient(top, #00A678 0%, #008A67 100%) !important;
    background-image: -webkit-linear-gradient(top, #00A678 0%, #008A67 100%) !important;
    background-image: -ms-linear-gradient(top, #00A678 0%, #008A67 100%) !important;
    background-image: linear-gradient(to top, #00A678 0%, #008A67 100%) !important;
}

.btn-header a,
.btn-header a:hover,
.btn-header label {
    display: inline-block;
    border: 1px solid #008A67;
    color: #fff;
    font-size: 17px;
    box-shadow: none;
    cursor: pointer !important;
    border-radius: 2px;
    width: 30px;
    padding: 2px;
    text-align: center;
    margin-top: 10px;
}

.notificationsButton {
    position: relative;
}

.notificationsWindow {
    position: absolute;
    bottom: -400px;
    right: 0;
    height: 400px;
    width: 400px;
    border: 1px solid #ccc;
    border-top: none;
    background: white;
    opacity: 0;
    box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, .3);
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
    visibility: hidden;
    overflow: auto;
}

#notifications:checked~.notificationsWindow {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.notificationsWindow h3 {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 15px;
    font-size: 15px;
    margin: 0;
}

.notificationsWindow .notification {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.notificationsCounter {
    min-width: 15px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px;
    border-radius: 3px;
    background: #f2a716;
    font-size: 9px;
    line-height: 9px;
}

.readAllButton {
    border: none;
    background: none;
    cursor: pointer;
    float: right;
}

.unread {
    box-shadow: inset 0 0 15px 0 rgba(150, 150, 150, .3);
}

.notification b {
    display: block;
}

.notification t {
    display: block;
    color: #888;
    font-size: 11px;
}

.smart-style-3 #logo img {
    width: 180px;
}

#main.loginPage {
    margin-left: 0;
    padding-bottom: 0;
    background: #383838;
    height: 100%;
    min-height: calc(100vh - 1px);
}

.startPagePolygon {
    clip-path: polygon(0 0, 50% 0, 30% 100%, 0 100%);
    background: #ebebed;
    height: 100%;
    min-height: calc(100vh - 1px);
    position: relative;
}

.startPageContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    font-family: Roboto;
    padding-top: 10%;
}

.logo {
    margin: 0 40px 0 75px;
}

.loginPage .login-desc-box-l {
    min-height: 350px;
    width: 50%;
}

.loginPage h4.paragraph-header {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 15px;
    width: 270px;
}

.loginPage .login-app-icons {
    vertical-align: top;
    margin-top: 90px;
    width: 300px;
}

.loginPage h5.about-heading {
    color: #565656;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 5px;
}

.registrationForm .checkbox i,
.registrationForm .checkbox:hover i,
.registrationForm .checkbox input:checked+i,
.registrationForm .checkbox input:focus+i,
.registrationForm .checkbox input+i:after {
    color: #00a678;
    border-color: #00a678;
}

.hide {
    display: none;
}

/* Login page end */

/* Left Panel Start */

.menu-item-parent {
    cursor: pointer;
}

#left-panel {
    background: white;
    border: none;
}

.loginInfo {
    margin-right: -20px;
    border-right: 1px solid #ccc;
    background: #fff;
    padding: 20px 10px;
}

.loginInfo img {
    width: 80px;
    border-radius: 40px;
    display: block;
    margin: 0 auto 10px;
    cursor: pointer;
}

.loginInfo span,
.loginInfo span:before {
    vertical-align: middle;
}

.userName {
    color: #03a679;
    font-size: 17px;
    max-width: 90%;
    display: inline-block;
    white-space: nowrap;
}

.fa-cog {
    cursor: pointer;
    color: #444;
}

.currentBalance {
    color: black;
    font-size: 13px;
    width: auto;
    overflow: visible;
    display: block;
}

.currentBalance span {
    color: #444;
}

#left-panel nav {
    background: white;
    margin-right: -20px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-shadow: -3px 2px 2px 0 #ccc;
}

.hidden-menu #left-panel nav,
.hidden-menu #left-panel .loginInfo {
    margin-right: 0;
}

#left-panel nav ul li {
    background: transparent;
    border: none;
}

#left-panel nav ul li i {
    color: black;
    font-size: 25px;
}

#left-panel nav ul li .ng-binding {
    font-size: 17px;
}

#left-panel ul li.active:not(.open) {
    background: #f5f5f5;
}

#left-panel nav ul li.active i {
    color: #03a679;
}

#left-panel ul li.active a:before {
    display: none;
}

nav em {
    color: #444;
}

.minified .currentBalance,
.minified .loginInfo .fa-cog {
    display: none;
}

.minified .loginInfo {
    padding: 5px;
}

.minified .loginInfo img {
    margin: 0 auto 5px;
    width: 30px;
}

.minified .userName {
    font-size: 13px;
}

.billingIcon {
    width: 31px;
    height: 26px;
    margin-right: 5px;
    background: url(../img/iconBillingPassive.e7c7575e.png) no-repeat;
    margin-top: -5px;
    margin-bottom: -5px;
}

.active .billingIcon {
    background: url(../img/iconBillingActive.39a97114.png) no-repeat;
}

.minified nav>ul>li>a .fa-lg.fa-fw {
    width: auto;
}

.minified .billingIcon {
    margin: 0 auto;
}

/* Left Panel end */

/* Main Start */

#main {
    margin-left: 240px;
}

.minified #main {
    margin-left: 65px;
}

#content {
    padding: 0;
}

.contentHeader {
    background: #2a333c;
    height: 140px;
    padding: 20px 0;
    color: white;
}

.contentHeader h1 {
    font-weight: bold;
}

.contentHeader+.topBlocksWrapper {
    margin-top: -50px;
}

.row {
    padding-left: 20px;
    padding-right: 20px;
}

.jarviswidget,
.topBlockContainer,
.contentBlock,
/*new class, instead of jarvis*/

.cloneTooltip,
.sortingBlock,
.creativeWrapper,
.filtersContainer {
    box-shadow: -1px 1px 1px 0 rgba(204, 204, 204, .8);
}

.filtersContainer .topBlockContainer {
    box-shadow: none;
}

.contentBlock {
    margin: 0 0 30px;
    position: relative;
}

section .jarviswidget>header,
section .jarviswidget>div,
section .contentBlock>header,
section .contentBlock>div,
.modifyOperator .contentBlock,
.editAdvertiser .contentBlock
/*new class, instead of jarvis*/

    {
    border-color: #f1f1f1 !important;
    background-color: #ffffff !important;
}

section .jarviswidget>header,
section .contentBlock>header
/*new class, instead of jarvis*/

    {
    border-bottom: none;
    background: white;
    padding: 0 13px;
}

.jarviswidget>header>h2,
.contentBlock>header>h2,
/*new class, instead of jarvis*/

.tableWrapper h2 {
    font-weight: bold;
    margin: 0;
}

.jarviswidget .row,
.contentBlock .row
/*new class, instead of jarvis*/

    {
    padding: 0;
}

.modelCPM {
    color: #0b62a4;
}

.modelCPA {
    color: #740ba4;
}

.modelCPI {
    color: #4da74d;
}

.modelCPC {
    color: #FF9232;
}

.statusEnabled {
    color: #356e35;
}

.statusDisabled {
    color: #9e3005;
}

.modifyOperator .contentBlock,
.editAdvertiser .contentBlock {
    width: 100%;
    position: relative;
    font-size: 13px;
    margin: 0;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-top: none;
    padding: 13px 13px 0;
}

.contentBlock .contentBody {
    padding: 13px;
}

.modifyOperator .contentBlock {
    max-width: 850px;
    margin: -50px auto 20px;
}

.editAdvertiser .contentBlock {
    max-width: 600px;
    margin: 0 auto 30px;
    padding: 30px 20px 0;
}

.userAccount .contentBlock {
    max-width: 600px;
    padding: 30px 20px;
    margin-left: auto;
    margin-right: auto;
    background: white;
}

.userAccount .notificationsReasons {
    padding: 0 13px;
}

.titles {
    font-weight: bolder;
    line-height: normal;
    margin: 10px 0;
}

.notificationsReasons .filterCheckboxWrapper {
    height: auto;
}

.notificationsReasons .checkboxFake {
    line-height: 17px;
    display: inline-block;
}

.notificationsReasons span {
    display: block;
    margin-bottom: 5px;
}

.upContent {
    margin-top: -50px;
}

.generalAnalyticsWrapper .contentBlock,
.analyticsWrapper .contentBlock {
    background: white;
}

.contentBlock .widget-body {
    min-height: 100px;
    position: relative;
    padding-bottom: 13px;
    margin-top: 0;
}

.contentBlock>header h2,
.tableWrapper h2 {
    height: 100%;
    width: auto;
    display: inline-block;
    font-size: 14px;
    position: relative;
    line-height: 34px;
    letter-spacing: 0
}

table {
    text-align: center;
    font-size: 14px;
}

.table tr:nth-child(even) {
    color: #2a333c;
    background: #D9E5E2;
}

.table th,
.table .last-total:last-child td,
.tableWithTotal tr:last-child td {
    background: #ffff;
    text-align: center;
    font-size: 14px;
    font-weight: bolder;
}

.tooltip-hover {
    border-bottom: 1px dotted black;
    cursor: help;
}

th.sortable {
    color: #2a333c;
    cursor: pointer;
    text-decoration: underline;
}

th.sortable:after {
    padding-left: 4px;
    font-family: FontAwesome;
    font-size: 14px;
}

th.sort-asc:after {
    content: '\f30c';
}

th.sort-desc:after {
    content: '\f309';
}

.text-success {
    color: #03a679;
}

.onoffswitch {
    width: 35px;
}

.onoffswitch * {
    cursor: pointer;
}

.onoffswitch-switch {
    box-shadow: none;
    border: none;
    background: white;
    margin: 0;
    top: 2px;
    right: 14px;
}

.onoffswitch-switch:before {
    display: none !important;
}

.onoffswitch-label {
    border: none;
}

.onoffswitch-inner:after,
.onoffswitch-inner:before {
    height: 23px;
    text-shadow: none;
    box-shadow: none;
    content: '';
}

.onoffswitch-inner:before {
    background: #03a679;
}

.onoffswitch-inner:after {
    background: #2a333c;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 2px;
}

.searchContainer {
    padding-top: 15px;
}

.searchContainer .fa-search {
    font-size: 22px;
    margin-right: 10px;
}

.search {
    width: 170px;
    border: none;
    border-radius: 4px;
    background: #f5f5f5;
    color: black;
    padding: 3px 7px;
    font-size: 12px;
}

i.fa.fa-search.pull-right {
    cursor: pointer;
}

.inlineBlock {
    display: inline-block;
}

.pagination li {
    display: inline-block !important;
    margin: 0 3px;
}

.pagination li a {
    box-shadow: none;
    padding: 5px 15px;
    border-radius: 5px !important;
    color: black;
}

.pagination li a:not(.pages) {
    background: #2a333c;
    border-color: #2a333c;
    color: white;
}

.pagination li.active a,
.pagination li.active a:hover {
    background: #03a679;
    border-color: #03a679;
}

.alpha {
    opacity: .3;
}

.select2-hidden-accessible {
    display: none;
}

.hiddenbutton {
    display: none;
}

.ajax-progress {
    z-index: 10000;
    position: fixed;
    display: none;
    width: 100px;
    height: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    background-image: url(../img/ajax_logo.7736bf26.gif);
    background-position: center;
    background-repeat: no-repeat;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-size: cover;
}

/* Main End */

/* Dashboard Start */

.topBlocksWrapper {
    position: relative;
}

.topBlockContainer,
.calendarBlock {
    background: white;
    padding: 13px;
    text-align: center;
    box-sizing: border-box;
}

.calendarTopBlock .calendarBlock {
    padding-bottom: 5px;
    box-shadow: -1px 1px 1px 0 rgba(204, 204, 204, .8);
    box-sizing: content-box;
}

.calendarTopBlock .filterBtns {
    background: white;
    padding-bottom: 8px;
    box-shadow: -1px 1px 1px 0 rgba(204, 204, 204, .8);
}

.topBlockContainer,
.calendarTopBlock {
    margin-bottom: 26px;
    min-height: 169px;
}

.filtersContainer .topBlockContainer {
    min-height: 150px;
    padding: 0;
    margin: 13px 0;
}

.separator .topBlockContainer {
    margin: 0;
}

.topBlockHeader {
    display: block;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.topBlockContent {
    display: block;
    height: 66px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}

.topBlockContent .fa:before,
.topBlockContent .far:before,
.topBlockContent .fas:before {
    font-size: 64px;
    color: #03a679;
    margin-right: 10px;
}

.topBlockContent span {
    line-height: 60px;
    vertical-align: top;
}

.topBlockSelect {
    margin-top: 41px;
    height: 28px;
    border-color: #03a679 !important;
}

.fromLastDayText {
    display: block;
    text-align: center;
}

.calendarBlock .inlineBlock {
    width: 47%;
    text-align: center;
    position: relative;
}

.calendarBlock .inlineBlock:first-child {
    float: left;
}

.calendarBlock .inlineBlock:last-child {
    float: right;
}

.calendarBlock .input-group {
    width: 100%;
}

.calendarBlock input.hasDatepicker,
select.form-control,
select.form-control:focus {
    border-color: #03a679;
    height: 28px;
    padding: 3px 7px;
    width: 100%;
    font-size: 13px;
}

.calendarBlock .pickerBlock {
    margin: 23px 0 8px;
}

.calendarTopBlock .calendarBlock .pickerBlock {
    margin: 0 0 8px;
}

.calendarBlock input.form-control {
    z-index: 0;
    text-align: center;
}

.campaignFilter {
    border-left: 1px solid #ccc;
    margin-top: 10px;
}

.filtersContainer {
    background: white;
    margin: 0 13px 13px;
    padding: 0 0 13px;
}

.separator {
    border-left: 1px solid #ccc;
    margin: 13px 0;
}

.firstWithoutSeparator {
    margin: 13px 0;
}

@media all and (max-width:768px) {
    .campaignFilter {
        border-left: none;
    }

    .billingPage .filtersContainer {
        margin-bottom: 10px;
    }
}

.quickFilters {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
}

.quickFiltersWrapper {
    position: absolute;
    bottom: -54px;
    left: calc(50% - 60px);
    background: white;
    padding: 10px;
    border: 1px solid #ccc;
    white-space: nowrap;
    z-index: 10;
    display: none;
}

.quickFiltersWrapper:before,
.quickFiltersWrapper:after {
    border: 10px solid transparent;
    border-style: outset outset solid outset;
    border-bottom-color: #ccc;
    content: "";
    height: 0;
    left: 50px;
    top: -20px;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.quickFiltersWrapper:after {
    background: transparent;
    border-bottom-color: #fff;
    top: -19px;
}

.quickFiltersExpand,
.quickFiltersWrapper .btn {
    width: auto !important;
}

.select2-search-field {
    width: 100%;
}

.select2-search-field .select2-input {
    height: 22px;
    width: 100% !important;
}

.calendarBlock .btn {
    display: inline-block;
    margin: 0 auto;
    min-width: auto;
}

.btn {
    height: 34px;
    line-height: 34px;
}

.btn.btn-sm {
    height: auto;
    min-width: auto;
    line-height: unset;
    padding: 3px 15px;
}

.createButton {
    font-size: 17px;
}

.filterBtns {
    text-align: center;
    clear: both;
}

.clearBoth {
    clear: both;
}

.ui-datepicker-next .ui-icon,
.ui-datepicker-prev .ui-icon {
    font-family: FontAwesome
}

.ui-datepicker-next .ui-icon:before,
.ui-datepicker-prev .ui-icon:before {
    display: block;
}

.ui-datepicker-prev .ui-icon:before {
    content: '\f053';
}

.ui-datepicker-next .ui-icon:before {
    content: '\f054';
}

.refreshTopCampaign,
.refreshTopCampaign:hover {
    float: right;
    color: #03a679;
    line-height: 34px;
}

.topCampaignHint {
    border-radius: 10px;
    padding: 6px;
    color: #333;
    background: rgba(255, 255, 255, .9);
    border: 2px solid rgba(230, 230, 230, .8);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center;
    z-index: 9999;
    position: absolute;
    display: none;
    right: 5px;
    top: 0;
}

.topCampaignHint>p:nth-child(1) {
    color: #666;
    font-weight: bolder;
}

.topCampaignHint>p:nth-child(2) {
    color: #0b62a4;
}

.topCampaignHint>p:nth-child(3) {
    color: #FF9232;
}

.topCampaignHint>p:nth-child(4) {
    color: #4da74d
}

.topCampaignHint p {
    margin: 0;
}

.topCampaignLine {
    position: relative;
}

.topCampaignLine:hover .topCampaignHint {
    display: block;
}

.paymentMessage {
    color: white;
    width: 420px;
    position: absolute;
    right: 5px;
    top: -30px;
    z-index: 9999;
    padding: 5px 10px 0 20px;
}

.paymentMessage strong {
    display: block;
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 300;
}

.paymentMessage .close {
    top: 8px;
    right: 8px;
    position: absolute;
    font-size: 13px;
}

.errorMessage {
    background: #c46a69;
}

.successMessage {
    background: #5f895f;
}

.successMessage .fa-check {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 17px;
}

.SmallBox,
.paymentMessage {
    border-radius: 5px;
}

/* Dashboard End */

/* Adverts Start */

.glyphicon-trash,
.fa-trash-alt,
.fa-trash-alt:hover {
    color: #03a679;
    cursor: pointer;
}

/* TODO: Replace all glyohicon-trash to fa-trash-alt */

.allCampaignsList .search,
.operatorsList .search {
    margin: 6px 15px 6px 0;
}

.allCampaignsList .fa-search,
.operatorsList .fa-search {
    margin-top: 6px;
}

.advertsList .createButton {
    margin: 4px 0 4px 5px;
}

.advertsList .collapseBtn,
.usersPage .collapseBtn,
.sessions .collapseBtn {
    margin-top: -20px;
}

.userStatistic .upContent {
    padding: 13px;
}

.userStatistic .contentBlock {
    background: white;
    padding: 13px;
    width: 800px;
    margin: 0 auto;
}

.advertsList .filterCheckboxWrapper .checkboxFake {
    width: 80px;
    margin: 0 auto;
}

.advertsList .trafficChannelFilter .checkboxFake {
    margin: 0;
}

.advertsList.superuserRole .filterBtns {
    width: 75%;
}

.marksBlock .topBlockHeader {
    text-align: left;
}

.allCampaignsList .postbackUrl {
    position: absolute;
    top: -12px;
    margin-bottom: 30px;
    right: 0;
}

.allCampaignsList .postbackUrl label {
    float: left;
    padding: 8px;
}

.allCampaignsList .filterBtns {
    padding-top: 10px;
}

.greyHint {
    color: grey;
    font-size: 12px;
}

.txtColorOrange {
    color: darkorange;
}

.blockedOperator {
    color: grey;
}

.sortingBlock {
    background: white;
    padding: 5px;
    color: black;
    float: right;
    border-radius: 6px;
}

button.sortable {
    background: transparent;
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 3px 10px;
}

button.sortable.sort-asc,
button.sortable.sort-desc {
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .7) inset;
}

button.sortable:after {
    padding-left: 4px;
    font-family: FontAwesome;
    font-size: 14px;
    content: '\f338';
}

button.sortable.sort-asc:after {
    content: '\f30c';
}

button.sortable.sort-desc:after {
    content: '\f309';
}

.creativeWrapper {
    overflow: hidden;
    background: white;
    padding: 5px;
    position: relative;
    margin-bottom: 26px;
    max-height: 260px;
}

.creativeTitle {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .2) 100%);
    position: absolute;
    width: 100%;
    padding: 10px;
    left: 0;
    top: 0;
    color: white;
}

.creativeName {
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 4px black;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-bottom: 5px;
}

.creativeImg {
    display: inline-block;
    width: 49.5%;
    height: 250px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .3) inset;
    background-size: contain !important;
    cursor: pointer;
}

.creativeImg.inAppCreative {
    width: 100%;
}

.creativeOpBlock {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    color: white;
    padding: 10px 7px;
    text-align: center;
}

.creativeVerified {
    background: linear-gradient(to top, rgba(53, 110, 53, 1) 0%, rgba(53, 110, 53, .5) 100%);
}

.creativeDeclined {
    background: linear-gradient(to top, rgba(169, 3, 41, 1) 0%, rgba(169, 3, 41, .5) 100%);
}

.creativePending {
    background: linear-gradient(to top, rgba(255, 140, 0, 1) 0%, rgba(255, 140, 0, .5) 100%);
}

.creativePending p {
    margin-bottom: 0;
    display: inline-block;
}

.creativeLeftAction,
.creativeRightAction {
    height: 30px;
    box-shadow: 1px -1px 5px 1px rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    background: white;
    padding: 3px 6px;
}

.creativeLeftAction {
    border-radius: 0 15px 0 0;
    left: 0;
}

.creativeRightAction {
    border-radius: 15px 0 0 0;
    right: 0;
}

.creativeLeftAction i,
.creativeRightAction i {
    font-size: 19px;
    margin-top: 3px;
    color: #03a679;
}

.makeVerifiedBtns .btn.btn-sm {
    padding: 3px 10px;
}

.makeVerifiedBtns .declineBtn,
.makeVerifiedBtns .declineBtn:focus {
    background: #F4162A;
    border-color: #b71120;
}

.makeVerifiedBtns .declineBtn:hover,
.makeVerifiedBtns .declineBtn:active {
    background: #b71120;
    border-color: #b71120;
}

.declineReasonsForm {
    padding: 0 10px;
}

.declineReasonsForm .filterCheckboxWrapper {
    margin-bottom: 10px;
}

.declineReasonsForm .filterCheckboxWrapper .checkboxFake,
.declineReason_otherReason {
    padding-left: 30px;
}

.declineReasonsForm .filterCheckboxWrapper label {
    white-space: normal;
}

.declineReason_otherReason .form-control {
    resize: none;
    height: 50px;
}

.declineReason_otherReason .form-control:focus {
    border-color: #a3a3a3;
}

.creativeRightAction .fa-trash-alt {
    color: red;
}

.advCheck {
    display: none;
}

.advCheck+label {
    font-family: FontAwesome;
    position: relative;
    margin-top: 6px;
    margin-left: 4px;
    border: 2px solid black;
    border-radius: 5px;
    background: white;
    height: 20px;
    width: 20px;
}

.advCheck:checked+label:before {
    content: "\f00c";
    font-size: 16px;
    top: -3px;
    position: absolute;
}

.pagiblock {
    clear: both;
}

/* modal banners start */

.clone {
    width: 100%;
    height: 100vh;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .8);
    padding: 20px;
    opacity: 0;
    box-sizing: border-box;
    overflow: auto;
}

.clone>img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.cloneTooltip {
    width: auto;
    max-width: 500px;
    position: relative;
    margin: 0 auto 20px;
    font-size: 17px;
    background: white;
    padding: 10px 10px 10px 60px;
    border-radius: 15px;
}

.cloneTooltip .fas {
    position: absolute;
    top: 13px;
    left: 10px;
    color: #00a678;
    font-size: 40px;
}

.imageContainer {
    position: relative;
    margin: 0 auto;
    background: transparent;
    font-family: sans-serif;
}

.imageContainer.bigBannerContainer {
    background: black;
}

.bannerShadow {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
}

.bannerBorder {
    display: inline-block;
    position: relative;
    background: #e3e3e3;
    box-shadow: 0 0 5px 5px rgba(255, 255, 255, .7) inset;
    border: 3px solid #c5c5c5;
    margin-right: 10px;
    vertical-align: top;
}

.bannerMainButton {
    position: absolute;
    border: 2px solid #969696;
    box-shadow: 0 0 5px 3px rgba(255, 255, 255, .8) inset;
    bottom: 3%;
}

.bannerActionButton {
    position: absolute;
    border: 1px solid black;
    bottom: 12%;
    background: #969696;
    color: white;
    opacity: 70%;
}

.bannerLoudspeaker {
    position: absolute;
    width: 16%;
    height: 2px;
    background: #828282;
    left: 42%;
    top: 4%;
}

.bannerTimer {
    width: 16%;
    height: 6%;
    background: #666;
    border: 1px solid black;
    border-radius: 16px;
    color: white;
    position: absolute;
    left: 42%;
    top: 1%;
    vertical-align: middle;
    opacity: 70%;
}

.bannerTimer span {
    height: 100%;
    display: block;
}

.phoneScreen__toolbar .fa-phone {
    float: left;
}

.fa-times-circle {
    position: absolute;
    top: 1%;
    right: 2%;
    color: #666;
    background: white;
    opacity: 70%;
    border: 2px solid black
}

.fa-times-circle:before {
    display: block;
    margin: -1px;
}

.phoneScreen {
    position: relative;
    background: linear-gradient(to top right, #596d4d, #a3955c, #a7985d, #707951);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
}

.phoneScreen span {
    font-family: sans-serif;
    color: white;
    position: absolute;
}

.phoneScreen__textCall {
    left: 2%;
    top: 4%;
}

.phoneScreen__textName {
    top: 9%;
    left: 41%;
}

.phoneScreen__textPhone {
    top: 18%;
    left: 23%;
}

.phoneScreen__greenBtn,
.phoneScreen__redBtn {
    position: absolute;
    bottom: 8%;
    color: white;
}

.imageContainer~div .fa-phone {
    background: white;
}

.phoneScreen__greenBtn {
    left: 10%;
    padding-right: 10px;
}

.phoneScreen__greenBtn i {
    transform: scale(-1, 1);
    color: #00c700;
}

.phoneScreen__redBtn i {
    transform: rotate(225deg);
    color: #ff5a5a;
}

.phoneScreen__redBtn {
    right: 10%;
    padding-left: 10px;
}

.phoneScreen__greenBtn span,
.phoneScreen__redBtn span {
    top: 30%;
    font-size: 50%;
}

.phoneScreen__greenBtn span {
    right: -5px;
}

.phoneScreen__redBtn span {
    left: -5px;
}

.phoneScreen__msg {
    bottom: 0;
    width: 80%;
    left: 0;
    background: rgba(255, 255, 255, .4);
    margin: 0 10%;
    border-radius: 8px 8px 0 0;
    font-size: 50%;
}

.moveIcon {
    position: absolute;
    background: url(../img/ad_move.0d9fd332.png);
    width: 15%;
    height: 24%;
    background-size: 100%;
    left: 2%;
    top: 39%;
    opacity: 70%;
}

.phoneScreen__toolbar {
    width: 100%;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    color: white;
    padding: 0 1px 3px;
}

.phoneScreen__toolbar span {
    right: 1%
}

.phoneScreen__toolbar {
    font-size: 40%;
}

.applicationContent {
    background: white;
    border: 1px solid black;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
/* modal banners end */

/* Create Advert start */

.dialogForm {
    padding: 0 50px;
    width: 560px;
}

.uploadButtonContainer {
    position: relative;
    overflow: hidden;
}

.uploadButtonContainer button {
    height: 100%;
    font-size: 17px;
    border-width: 0 1px 0 0;
    padding: 0 10px;
}

.uploadGrey {
    color: black;
    background-color: #ddd;
    border: 1px solid #ccc;
}

.uploadGreen {
    color: white;
    background-color: #00a678;
    border: 1px solid #008A67;
}

.advertname {
    width: 80%;
    max-width: 95%;
}

.uploadButtonContainer>div,
.uploadButtonContainer>span>label.control-label {
    display: inline;
}

.uploadButtonContainer>span {
    margin-right: 15px;
}

.uploadButtonContainer span>label.control-label {
    line-height: 30px;
    vertical-align: middle;
}

.uploadButtonContainer div.preview {
    padding: 5px 0 5px 0;
}

.trafficChannelBlock {
    margin-bottom: 10px;
}

.trafficChannelBlock .inlineBlock:first-child {
    margin-right: 15px;
}

.trafficChannelBlock label.requiredLabel {
    margin-bottom: 10px;
}

.trafficChannelBlock .filterCheckboxWrapper {
    margin-bottom: 5px;
}

@media all and (min-width:315px)and (max-width:600px) {
    .uploadButtonContainer div {
        width: 98%;
        float: left;
        padding: 0 10px 0 0;
        margin: 0 auto;
    }

    .uploadButtonContainer div span.greyHint {
        display: block;
        margin: 0 auto;
    }

    .uploadButtonContainer div#preview {
        width: 98%;
        margin: 0 auto;
    }

    .advertname {
        width: 98%;
        margin: 0 auto;
    }

    .dialogForm#advertcreate {
        width: 92%;
        margin: 0 auto;
    }

}

.uploadButtonContainer input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(20);
    letter-spacing: 10em;
    -ms-transform: scale(20);
    opacity: 0;
    cursor: pointer;
}

.select2-results .select2-highlighted {
    background: #00A678;
}

.select2-container-multi .select2-choices .select2-search-choice {
    border-color: #008A67;
    background-color: #00a678;
}

.select2-container-active .select2-choice {
    border-color: #ccc;
}

.select2-container-multi.select2-container-active .select2-choices,
.select2-drop-active,
.select2-dropdown-open .select2-choice,
.select2-container-active .select2-choices {
    border-color: #00a678;
}

.select2-choices {
    max-height: 90px;
    overflow-y: auto !important;
    border-color: #03a679 !important;
}

select.select2 {
    display: none;
}

.select2-search-choice-close {
    font-family: FontAwesome;
}

.select2-container-multi .select2-choices {
    min-height: 28px;
    overflow-x: auto;
    width: 100%;
}

.autoHeightSelect .select2-choices {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin: 2px 0 2px 5px;
}

.select2-container.select2-container-multi {
    height: 90px;
    margin-bottom: 5px;
    width: 100%;
}

.singleSelect {
    width: 100%;
    margin-top: 31px;
}

.singleSelect.select2-container .select2-choice {
    border-color: #03a679;
    height: 28px;
    padding: 5px;
}

.singleSelect .select2-choice .select2-chosen {
    text-align: left;
    line-height: 17px;
}

.singleSelect .select2-choice .select2-arrow {
    display: none;
}

.modal-dialog .select2-container.select2-container-multi {
    height: auto;
}

.viewAdvertDialog {
    padding: 0;
}

.viewAdvertDialog .labelRight {
    line-height: 18px;
}

.viewAdvertDialog label.col-md-4:after {
    display: inline-block;
    content: ':';
}

.viewAdvertDialog section {
    margin-bottom: 10px;
}

.emptyPageMessage {
    text-align: center;
    font-size: 18px;
}

/* Create Advert end */

/* Adverts End */

/* Create Campaign start */

.campaignpager {
    padding-left: 0;
    margin: 20px auto;
    list-style: none;
    width: 682px;
}

.wizardWrapper>div {
    padding: 30px;
}

.campaignpager.wizard {
    border: none;
    background: transparent;
    box-shadow: none;
    margin-top: 20px !important;
}

.fuelux .wizard,
section .contentBlock>header.editCompanyNavBar {
    background: transparent;
    border: none !important;
    box-shadow: none;
}

.fuelux .wizard ul,
.editCompanyNavBar ul {
    margin: 0 auto !important;
    width: 682px;
    overflow: hidden;
}

.fuelux .wizard ul li,
.editCompanyNavBar ul li {
    width: 165px;
    height: 54px;
    font-size: 18px;
    line-height: 54px;
    text-align: right;
    padding-right: 35px;
    padding-left: 22px;
    color: white;
}

.fuelux .wizard ul li:first-child {
    padding-left: 10px;
}

.fuelux .wizard ul li.step2,
.editCompanyNavBar ul li.editCompanyNavBar__ads,
.editCompanyNavBar ul li.editCompanyNavBar__name {
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #60b294), color-stop(1, #149a7d));
    background-image: -o-linear-gradient(right, #60b294 0%, #149a7d 100%);
    background-image: -moz-linear-gradient(right, #60b294 0%, #149a7d 100%);
    background-image: -webkit-linear-gradient(right, #60b294 0%, #149a7d 100%);
    background-image: -ms-linear-gradient(right, #60b294 0%, #149a7d 100%);
    background-image: linear-gradient(to right, #60b294 0%, #149a7d 100%);
}

.fuelux .wizard ul li.step2 .chevron:before {
    border-left: 14px solid #149a7d;
}

.fuelux .wizard ul li.step3,
.editCompanyNavBar ul li.editCompanyNavBar__audience {
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #74b79b), color-stop(1, #67b797));
    background-image: -o-linear-gradient(right, #74b79b 0%, #67b797 100%);
    background-image: -moz-linear-gradient(right, #74b79b 0%, #67b797 100%);
    background-image: -webkit-linear-gradient(right, #74b79b 0%, #67b797 100%);
    background-image: -ms-linear-gradient(right, #74b79b 0%, #67b797 100%);
    background-image: linear-gradient(to right, #74b79b 0%, #67b797 100%);
}

.fuelux .wizard ul li.step3 .chevron:before {
    border-left: 14px solid #67b797;
}

.fuelux .wizard ul li.step4,
.editCompanyNavBar ul li.editCompanyNavBar__budget {
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #9bcaac), color-stop(1, #84be98));
    background-image: -o-linear-gradient(right, #9bcaac 0%, #84be98 100%);
    background-image: -moz-linear-gradient(right, #9bcaac 0%, #84be98 100%);
    background-image: -webkit-linear-gradient(right, #9bcaac 0%, #84be98 100%);
    background-image: -ms-linear-gradient(right, #9bcaac 0%, #84be98 100%);
    background-image: linear-gradient(to right, #9bcaac 0%, #84be98 100%);
}

.fuelux .wizard ul li.step4 .chevron:before {
    border-left: 14px solid #84be98;
}

.fuelux .wizard ul li.step4 {
    border-radius: 0 4px 4px 0;
    width: 184px;
}

.fuelux .wizard ul li.step4 span {
    margin-right: 10px;
}

.fuelux .wizard ul li.active,
.editCompanyNavBar ul li.active,
.fuelux .wizard ul li.complete,
.editCompanyNavBar ul li.complete,
.fuelux .wizard ul li.complete:hover,
.editCompanyNavBar ul li.complete:hover {
    color: white;
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #00A678), color-stop(1, #008A67));
    background-image: -o-linear-gradient(right, #00A678 0%, #008A67 100%);
    background-image: -moz-linear-gradient(right, #00A678 0%, #008A67 100%);
    background-image: -webkit-linear-gradient(right, #00A678 0%, #008A67 100%);
    background-image: -ms-linear-gradient(right, #00A678 0%, #008A67 100%);
    background-image: linear-gradient(to right, #00A678 0%, #008A67 100%);
}

.fuelux .wizard ul li.complete:hover *,
.editCompanyNavBar ul li.complete:hover * {
    cursor: pointer;
}

.fuelux .wizard ul li .chevron:before {
    top: -27px;
    border-width: 27px 27px 27px 20px !important;
}

.fuelux .wizard ul li.active .chevron:before,
.fuelux .wizard ul li.complete .chevron:before,
.fuelux .wizard ul li.complete:hover .chevron:before {
    border-left: 14px solid #008a68;
}

.fuelux .wizard ul li .badge {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 3px;
    right: 0;
    background: none;
    font-size: 50px;
}

.fuelux .wizard ul li .chevron {
    border-width: 27px 27px 27px 20px;
    right: -20px;
    border-left: 20px solid #247c58;
}

.fuelux .wizard ul li {
    padding-right: 48px;
    width: 165px;
}

.fuelux .wizard ul li:nth-child(2),
.fuelux .wizard ul li:nth-child(3) {
    padding-right: 35px;
}

.campaignpager li {
    display: inline-block;
}

.previous button[disabled="disabled"] {
    display: none;
}

.wizard .next {
    float: right;
}

.mobileViewWizard .campaignpager {
    width: auto;
}

.mobileViewWizard .steps li.complete {
    margin-left: -600px;
}

.urlGroup {
    margin-bottom: 15px;
    margin-top: 15px;
}

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

.urlParamCheckbox {
    display: none;
}

.urlParamCheckbox:checked+.urlParamLabel {
    background: #0e7152;
    color: #d2e2de;
    border: 2px solid #b6c3c0;
}

.urlParamCheckbox[disabled='disabled']+.urlParamLabel {
    background: rgb(170, 169, 169);
    border: 2px solid #b6c3c0;
    color: #053d2b;
    cursor: default;
}

.urlParamLabel {
    padding: 3px 5px;
    background: #ededed;
    border: 2px solid #b6c3c0;
    color: #053d2b;
    border-radius: 6px;
    width: 93px;
    text-align: center;
}

label.urlParamLabel.ng-binding {
    user-select: none;
}

/* Create company step 2 start */

.bannerWrapper,
.modal-dialog .bannerWrapper:hover {
    width: 250px;
    vertical-align: top;
    margin: 10px;
    display: inline-block;
    box-shadow: 0 0 10px 5px rgba(204, 204, 204, .5);
    position: relative;
    border: 1px solid transparent;
}

.bannerWrapper * {
    margin: 0;
}

.bannerImgWrapper,
.modal-dialog .bannerWrapper:hover .bannerImgWrapper {
    width: 250px;
    height: 250px;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    background: white;
    text-align: center;
}

.bannerInfoBlock,
.modal-dialog .bannerWrapper:hover .bannerInfoBlock {
    padding: 5px;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    bottom: 0;
    width: 100%;
}

.bannerInfoBlock__name {
    max-width: 130px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.checkAdv,
.checCamp,
.hiddenInput {
    visibility: hidden;
    position: absolute;
    margin: 0 !important;
    top: 0;
}

.bannerCheckboxFake,
.checkboxFake,
.radioFake {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    display: block;
    cursor: pointer;
}

.editCampaignWrapper .bannerCheckboxFake {
    width: 30px;
    height: 30px;
}

.checkboxFake,
.radioFake {
    left: 0;
}

.checkboxWithLabel {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
}

.bannerCheckboxFake:after,
.checkboxFake:after,
.radioFake:after {
    display: block;
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, .3);
    border: 2px solid #03a679;
    border-radius: 15px;
}

.bannerCheckboxFake:after {
    width: 24px;
    height: 24px;
    top: 5px;
    left: 5px;
    font-size: 15px;
}

.checkboxFake:after,
.radioFake:after {
    width: 20px;
    height: 20px;
    top: calc(50% - 12px);
    left: calc(50% - 10px);
    font-size: 20px;
}

.checkboxWithLabel:after,
.radioFake:after  {
    left: 0;
}

.bannerWrapperActive .bannerCheckboxFake:after,
.checCamp:checked + .checkboxFake:after,
.radioHidden:checked + .radioFake:after {
    font-family: FontAwesome;
    line-height: 16px;
    background: #03a679;
    color: white;
    text-align: center;
}

.bannerWrapperActive .bannerCheckboxFake:after,
.checCamp:checked + .checkboxFake:after {
    content: '\f00c';
}

.radioHidden:checked + .radioFake:after {
    content: '\f111';
    font-size: 11px;
}

.checCamp:checked+.checkboxFake:after {
    font-size: 12px;
}

.checkAdv:active ~ .bannerCheckboxFake:after {
    animation: 1s linear increase;
}

.advModerationIconEdit, .advModerationIconTrash {
    position: absolute;
    top: 3px;
    right: 8px;
    height: auto;
    width: auto;
    font-size: 20px;
}

.advModerationIconEdit {
    right: 35px;
    color: #03a679;
}

.advModerationIconTrash i, .advModerationIconTrash i:hover {
    color: red;
}

.disabledIcon {
    opacity: .3;
}

.bannerPreview {
    display: none;
    padding: 10px;
    margin-top: 17px;
    background: #f3f3f3;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 100px;
    left: 30px;
    width: 400px;
    z-index: 9999;
}

.bannerWrapper:hover .bannerPreview {
    display: block;
}

@keyframes increase {
    100% {
        transform: scale(1.5);
    }
}

.bannerImg,
.modal-dialog .bannerWrapper:hover .bannerImg {
    max-height: 100%;
    max-width: 100%;
    opacity: 1;
}

div.bannerImg {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.bannerWrapper:hover,
.bannerWrapperActive {
    border-color: #03a679;
    box-shadow: 0 0 10px 5px rgba(117, 117, 117, .8);
}

.bannerWrapper:hover .bannerImgWrapper,
.bannerWrapperActive .bannerImgWrapper {
    background: #ddd;
}

.bannerWrapper:hover .bannerImg,
.bannerWrapperActive .bannerImg {
    opacity: .7;
}

.bannerWrapper:hover .bannerPreview .bannerImg {
    opacity: 1;
}

.bannerWrapper:hover .bannerInfoBlock,
.bannerWrapperActive .bannerInfoBlock {
    background: white;
}

.bannerWrapper:hover .bannerInfoBlock *,
.bannerWrapperActive .bannerInfoBlock * {
    text-decoration: underline;
}

.modal-dialog .bannerWrapper:hover .bannerInfoBlock * {
    text-decoration: none;
}

.createAdvertBanner {
    height: 250px;
}

.createAdvertBanner a {
    display: block;
    height: 100%;
    text-align: center;
    font-size: 22px;
    color: #333
}

.createAdvertBanner i {
    font-size: 150px;
    display: block;
    padding-top: 35px;
}

/* Create Company step 2 end */

/* Create Company step 3 start */

.locationSelectWrapper {
    display: block;
}

.locationSelectWrapper>* {
    display: inline-block;
}

.select2-results .select2-disabled {
    display: none;
}

.select2-results .select2-result-label {
    white-space: nowrap;
}

.select2-drop-active {
    width: fit-content;
    padding-top: 5px;
    border-top: 1px solid #00a678;
}

.locationSelectWrapper select,
.locationSelectWrapper select:focus {
    width: 190px;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #000;
}

.locationSelectWrapper .fas {
    color: #00a678;
    vertical-align: middle;
    font-size: 28px;
}

.locationSelectWrapper[disabled="disabled"] {
    opacity: .5;
}

.container-countries {
    width: 90%;
}

.locationsTable.table td,
.locationsTable.table th {
    padding: 3px;
    color: #000;
    font-size: 13px;
}

.select2-container .select2-choice>.select2-chosen {
    margin-right: 0;
}

.select2-container .select2-choice {
    padding: 0 42px 0 8px;
}

.ui-datepicker {
    z-index: 1100 !important;
}

.newRadio {
    display: inline-block;
    margin: 5px 0 0;
    overflow: hidden;
    font-size: 17px;
}

.newRadio input[type="radio"] {
    position: absolute;
    visibility: hidden;
    display: none;
}

.newRadio .switchLabel {
    border: solid 2px #00a678;
    color: #00a678;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 20px;
    margin-bottom: 0;
    width: 56px;
    float: left;
    transition: transform 0.4s, color 0.4s, background-color 0.4s;
}

.pricingTypeRadio .switchLabel {
    position: relative;
    padding: 5px 10px;
    font-size: 13px;
    text-align: center;
    width: 60px !important;
    cursor: url(../img/help-cursor.6f921f62.png), auto;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.newRadio input[type="radio"]:checked+.switchLabel {
    color: white;
    background: #00a678;
}

.newRadio input[type="radio"]:checked+.switchLabel:before {
    color: white;
}

.switchLabel+input[type="radio"]+.switchLabel {
    border-left: solid 2px #00a678;
}

.switchLabel__genderAll:before {
    content: "\f183 \f182";
}

.switchLabel:hover {
    color: #008a67;
}

.newRadio input[type="radio"]:active+.switchLabel {
    transform: scale(1.15);
}

.newRadio__repeatBlock {
    float: left;
}

.newRadio__repeatBlock .switchLabel {
    font-size: 17px;
    padding: 5px 10px;
    border-right: 2px solid #00a678;
    border-left: none;
    text-align: center;
    min-width: 60px;
}

.pricingTypeRadio .switchLabel {
    font-size: 15px;
    line-height: 17px;
}

.newRadio__repeatBlock:first-child .switchLabel {
    border-radius: 10px 0 0 10px;
    border-left: 2px solid #00a678;
}

.newRadio__repeatBlock:last-child .switchLabel {
    border-radius: 0 10px 10px 0;
}

.newRadio__repeatBlock input[disabled="disabled"]+.switchLabel {
    position: relative;
    overflow: hidden;
}

.newRadio input[disabled="disabled"]:active+.switchLabel {
    transform: none;
}

.newRadio__repeatBlock input[disabled="disabled"]+.switchLabel:after,
.pricingTypeRadio input[disabled="disabled"]+.switchLabel:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    opacity: .5;
}

.startLessEnd {
    visibility: hidden;
    padding-left: 13px;
}

.wizardWrapper #slider,
.editCampaignSlider {
    margin: 0 10px;
    width: 80% !important;
    height: 15px !important;
}

.switcherLabel {
    width: 30%;
    font-size: 18px;
    text-decoration: underline;
    cursor: url(../img/help-cursor.6f921f62.png), auto;
}

.location {
    width: 30%;
    font-size: 18px;
    text-decoration: underline;
    cursor: default !important;
}

/* Create Company step 3 end */

/* Create Company step 4 start */

.advDate,
.advDate>div {
    width: 100%;
}

.wizardWrapper,
.editCampaignWrapper {
    width: 850px;
    margin: 0 auto 30px;
}

.wizardWrapper {
    background: white;
}

.editCampaignWrapper .btnClear,
#createCampaignStep3 .btnClear {
    height: 23px !important;
    min-width: 55px;
    font-size: 12px;
    border-radius: 4px;
    line-height: 12px;
}

.advDate .input-group-addon {
    position: relative;
    z-index: 9;
    width: 38px;
    height: 30px;
    text-align: center;
}

.advDate .hasDatepicker {
    padding-left: 5px;
    height: 30px;
}

/* Create Company step 4 end */

/* Create Campaign end */

.btn,
.btn.btn-primary,
.btn.btn-primary:active {
    min-width: 93px;
    padding: 0 10px;
}

.btn,
.btn.btn-primary,
.btn.btn-primary:active,
.btn:active,
.btn:focus {
    background: #00a678;
    border-color: #008a67;
    color: white;
}

.btn:hover,
.btn.btn-primary:hover,
.btn.btn-default:hover,
.includeExcludeRadioButton label:hover {
    background: #008a67;
    color: white;
}

.campaignpager li>a,
.campaignpager li>span {
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.campaignpager li>a:hover,
.campaignpager li>a:focus {
    text-decoration: none;
}

.campaignpager .next>a,
.campaignpager .next>span {
    float: right;
}

.campaignpager .previous>a,
.campaignpager .previous>span {
    float: left;
}

.campaignpager .disabled>a,
.campaignpager .disabled>a:hover,
.campaignpager .disabled>a:focus,
.campaignpager .disabled>span {
    cursor: not-allowed;
}

.disabled-image,
.disabled-image:hover {
    opacity: .4;
    background-color: #000;
}

#morris-line-graph-c-widget text[transform] {
    display: none;
}

#morris-line-graph-c-widget svg {
    width: 100%;
}

.btn {
    border-radius: 6px;
}

.overflowFix {
    overflow: hidden;
}

#progress-bars .progress-sm {
    position: absolute;
    bottom: 0;
}

.progressWrapper {
    opacity: .5;
    height: 14px;
}

#progress-bars .row {
    cursor: pointer;
}

#progress-bars .col-md-12.active {
    font-weight: bold;
}

#progress-bars .col-md-12.active,
#progress-bars .col-md-12:hover {
    background: #f5f5f5;
}

#progress-bars .col-md-12.active:hover {
    background: #dfdfdf;
}

#progress-bars .campaign-1 {
    background-color: #F4162A;
}

#progress-bars .campaign-2 {
    background-color: #00A678;
}

#progress-bars .campaign-3 {
    background-color: #3265AA;
}

#progress-bars .campaign-4 {
    background-color: #ABCD4A;
}

#progress-bars .campaign-5 {
    background-color: #FF9232;
}

.chart {
    height: auto;
}

.filterCheckboxes {
    text-align: center;
}

.allCampaignsList .topBlockContainer {
    text-align: left;
}

.allCampaignsList .inlineBlock,
.filterCheckboxes .inlineBlock {
    vertical-align: top;
}

.allCampaignsList .quickFilters {
    text-align: center;
    display: block;
}

.allCampaignsList .topBlockContainer {
    height: auto;
}

.filterCheckboxes .topBlockHeader {
    margin-bottom: 7px;
    text-align: left;
    font-size: 15px;
}

.filterCheckboxWrapper {
    width: auto;
    height: 20px;
    margin-bottom: 2px;
    display: block;
}

.tcRadioWrapper .filterCheckboxWrapper {
    display: inline-block;
}

.filterCheckboxWrapper .checkboxFake,
.filterCheckboxWrapper .radioFake {
    padding-left: 23px;
    width: auto;
    position: relative;
    text-align: left;
}

.filterCheckboxWrapper .checkboxFake:after {
    left: 0;
}

.filterCheckboxes .inlineBlock:nth-child(even) {
    margin: 0 10px;
}

.filterCheckboxes .filterRadioLabel {
    display: block;
    min-width: 114px;
    padding: 4px 10px;
    background: #00a678;
    color: white;
    border-radius: 5px;
    margin-bottom: 2px;
    line-height: 16px;
    cursor: pointer;
}

.filterCheckboxes .filterRadioLabel:hover {
   background: #008a67;
}

.filterCheckboxes .filterRadioLabel[disabled="disabled"],
.disabledElement {
    opacity: .65;
    cursor: not-allowed;
}

.filterCheckboxes .radioHidden:checked + .filterRadioLabel {
    background: white;
    position: relative;
    border: 1px solid #03a679;
    color: black;
    border-right: none;
    font-weight: bold;
}

.filterCheckboxes .radioHidden:checked + .filterRadioLabel:after {
    display: block;
    content: '';
    height: 24px;
    box-sizing: content-box;
    position: absolute;
    background: white;
    width: 8px;
    top: -1px;
    right: -5px;
    border: 1px solid #03a679;
    border-width: 1px 0;
    border-right: 1px solid white;
}

.filterCheckboxesBlock {
    height: 130px;
    width: 150px;
    display: inline-block;
    border: 1px solid rgb(3, 166, 121);
    padding: 9px;
    margin-left: 0px;
    border-radius: 5px;
}

.filterCheckboxesBlock_first {
    border-radius: 0 5px 5px 5px;
}

.filterCheckboxesBlock_last {
    border-radius: 5px 5px 5px 0;
}

.radioHidden {
    display: none;
}

.collapseChk {
    display: none;
}

.collapseBlock {
    height: 0;
    transition: height .2s ease-in-out, margin .2s linear, padding .2s linear;
    overflow: hidden;
    margin: 0 13px;
    padding: 0 13px;
    background: white;
}

.collapseBtn {
    background: white;
    padding: 10px;
    display: block;
    margin: 0 13px;
    font-size: 17px;
}

.collapseBtn i {
    margin-right: 5px;
    font-size: 19px;
    color: #008a67;
}

.collapseChk:checked~.collapseBlock {
    height: auto;
    margin-bottom: 30px;
    overflow: visible;
    padding: 0 13px 13px;
    transition: height .2s ease-in-out, margin .2s linear, padding .2s linear;
}

.hideColumnsDialog .modal-dialog {
    width: 400px;
}

.hideColumnsDialog .modal-body>div {
    width: 200px;
    margin: 0 auto;
}

.hideColumnsDialog .filterCheckboxWrapper {
    margin-bottom: 8px;
}

.hideColumnsBtn {
    background: none;
    border: none;
    font-size: 13px;
    font-weight: bolder;
}

.allCampaignsList .hideColumnsBtn {
    position: absolute;
    bottom: -25px;
    right: 0;
}

.allCampaignsList .collapseBlock {
    position: relative;
}

.collapseChk:checked~.collapseBtn i:before {
    content: "\f151";
}

.allCampaignsList .collapseBlock>.inlineBlock {
    height: 140px;
    border-left: 1px solid #ccc;
}

.allCampaignsList .collapseBlock>.inlineBlock.calendarBlock {
    border: none;
}

.allCampaignsList .pickerBlock .input-group {
    margin: 0 auto;
}

.allCampaignsList .topBlockContainer .select2-container-multi {
    max-width: 300px;
}

.checkColumn {
    width: 65px;
}

.actionColumn {
    width: 55px;
}

/* Edit Company start */

#cost {
    border-radius: 0px 5px 5px 0px !important;
}

#startTime input,
#endTime input {
    border-radius: 5px 0px 0px 5px !important;
}

.editCampaignWrapper {
    padding-top: 30px;
    background: white;
}

.jarviswidget header .nav-tabs,
.contentBlock header .nav-tabs
/*new class, instead of jarvis*/

    {
    border-bottom-color: #ddd;
}

.bottomButtons {
    padding: 0 17px 17px !important;
}

.editCampaignWrapper div[role="content"] {
    border-bottom: none;
    padding: 30px 30px 0;
}

.editCompanyNavBar {
    border-radius: 4px;
    position: relative;
    padding: 0 !important;
}

.editCompanyNavBar ul {
    list-style: none outside none;
    padding: 0;
    display: table;
    width: auto;
}

.editCompanyNavBar ul li {
    padding: 0;
    position: relative;
    float: left;
    width: 130px;
    text-align: center;
}

.editCompanyNavBar ul li:first-child {
    margin: 0;
    border-radius: 4px 0 0 4px;
}

.editCompanyNavBar ul li:last-child {
    border-radius: 0 4px 4px 0;
}

.editCompanyNavBar ul li a {
    display: block;
    padding: 0 20px;
    color: white;
}

.includeExcludeRadioButton {
    display: inline-block;
    vertical-align: middle;
}

.includeExcludeRadioButton + div .select2-container.select2-container-multi {
    height: 28px;
}

.includeExcludeRadioButton div {
    display: inline-block;
}

.includeExcludeRadioButton label {
    border: 1px solid #008a67;
    background: #00a678;
    color: white;
    padding: 2px 10px;
    cursor: pointer;
}

.includeExcludeRadioButton label[disabled="disabled"],
.includeExcludeRadioButton input:checked + label[disabled="disabled"] {
    background: #23543c;
    cursor: not-allowed;
}

.includeRadioButton {
    margin-right: -5px;
}

.includeRadioButton label {
    border-radius: 4px 0 0 4px;
}

.excludeRadioButton label {
    border-radius: 0 4px 4px 0;
}

.includeExcludeRadioButton input:checked + label {
    background: #5ac5a8;
}

.cityRegionSelectWrapper {
    width: 72%;
    float: right;
    margin-top: -2px;
}

/* Edit Company end */

/* Analytics Campaign start */

.analyticsLeftBlock .tab-content {
    height: 317px;
    padding: 13px;
}

.analyticsLeftBlock .btn {
    position: relative;
    padding-left: 26px;
}

.analyticsLeftBlock .btn i {
    position: absolute;
    left: 10px;
    top: 6px;
}

.analyticsLeftBlock_tabTitle ul,
.finSum_tabTitle ul {
    height: 33px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    position: relative;
}

.analyticsLeftBlock_tabTitle ul li,
.finSum_tabTitle ul li {
    height: 100%;
    border: 1px solid rgba(204, 204, 204, .8);
    float: left;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: white;
    box-shadow: -2px 2px 3px 0 rgba(204, 204, 204, .8);
    position: relative;
    top: 3px;
}

.analyticsLeftBlock_tabTitle ul li:first-child {
    /* border-left: none; */
    /* Can't explain right now why is it necessary, don't removing it now, maybe we will know about it in the future */
}

.analyticsLeftBlock_tabTitle ul li.active,
.finSum_tabTitle ul li.active {
    top: 0;
}

.analyticsLeftBlock_tabTitle ul li.active a,
.finSum_tabTitle ul li.active label {
    opacity: 1;
}

.analyticsLeftBlock_tabTitle ul li a,
.finSum_tabTitle ul li label {
    padding: 5px 10px;
    display: block;
    color: #333;
    font-weight: bold;
    opacity: .5;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.operatorsList .finSum_tabTitle ul {
    white-space: nowrap;
    overflow-x: auto;
}

.operatorsList .finSum_tabTitle ul li {
    display: inline-block;
    float: none;
}

.analyticsWrapper .chart {
    height: 280px;
}

.showBanners,
.showBanners:hover {
    color: #333;
    text-decoration: underline !important;
}

.showBanners .fa {
    font-size: 15px;
}

.modal-dialog .bannerImg {
    cursor: default;
}

.adBannersModal .modal-dialog {
    width: auto;
}

.creativesStatus_tab_header {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0;
}

.analyticsLeftBlock_tabTitle {
    margin: 0 0 -1px -1px;
}

.creativesStatus .tabsHeader {
    overflow: hidden;
    position: relative;
}

.creativesStatus .tabsHolderWrapper {
    overflow: hidden;
}

.creativesStatus .tabsHolderWrapper.tabsHolderWithButtons {
    width: calc(100% - 70px);
    margin-left: 35px;
}

.creativesStatus .tabsHolder {
    transition: left 500ms ease-in 0s;
    left: 0;
}

.creativesStatus .tabsHolder li {
    display: inline-block;
    float: none;
    max-width: 100px;
}

.creativesStatus .contentHolder {
    overflow-y: auto;
}

.creativesStatus .leftTabButton,
.creativesStatus .rightTabButton {
    position: absolute;
    padding: 5px 10px;
    background: #2a333c;
    border: 1px solid #2a333c;
    top: 3px;
    border-radius: 5px;
    color: white;
    font-size: 18px;
    line-height: 14px;
    text-align: center;
    z-index: 2;
    display: none;
}

.creativesStatus .leftTabButton {
    left: 0;
}

.creativesStatus .rightTabButton {
    right: 0;
}

.creativesStatus .ellipsis {
    white-space: nowrap;
}

.table tr.lineSelected {
    background: #c791214a;
    box-shadow: inset 2px 2px 5px 3px rgba(255, 255, 255, .8), inset -2px -2px 5px 1px rgba(0, 0, 0, .3);
}

/* Analytics Campaign end */

/* Operators start */

fieldset {
    border: 1px solid #adadad;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

legend {
    width: auto;
    border: 1px solid #adadad;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

.modifyOperatorForm {
    padding-top: 10px;
}

.checkboxSection .form-group {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.userInterests {
    list-style: none;
    padding: 0 5px;
    margin: 0;
}

/* Operators end */

/* Users start */

.writeOffInput {
    width: 24%;
    line-height: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px 5px;
    vertical-align: middle;
}

.usersBtn {
    line-height: 28px;
    height: 28px !important;
    width: 23%;
    min-width: auto;
}

.uploadBonusesForm {
    padding: 6px;
    position: relative;
    white-space: nowrap;
    background: white;
    border-radius: 6px;
}

.uploadBonusesForm .uploadButtonContainer {
    height: 28px;
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #555;
}

.uploadBonusesForm .uploadButtonContainer .preview {
    line-height: 1;
    text-align: left;
}

.uploadBonusesForm .errorMessagesBlock {
    position: absolute;
    bottom: -21px;
    left: 0;
    background: white;
    padding: 4px;
    border-radius: 0 0 6px 6px;
}

.uploadBonusesForm .errorMessagesBlock.ng-inactive {
    display: none;
}

/* Users end */

/* REPORTS START */

/* Demographic start */

.demographicWrapper>p {
    text-align: center;
    margin: 0;
}

#highchart-container-Male,
#highchart-container-Female {
    float: left;
    width: calc((100% - 370px)/2);
    margin: 0;
}

#highchart-container-Male .highcharts-container {
    float: right;
}

#highchart-container-Female .highcharts-container {
    padding-left: 2px;
}

.highcharts-axis.highcharts-xaxis {
    display: none;
}

.highcharts-button,
.highcharts-credits {
    display: none;
}

#highchart-container-Female .highcharts-root {
    margin-left: -20px;
    text-align: center;
}

.maleChartInfo,
.femaleChartInfo {
    height: 450px;
    width: 120px;
    float: left;
}

.maleChartInfo i,
.femaleChartInfo i {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.highchartWrapper p {
    margin-bottom: 5px;
    text-align: center;
}

.highchartWrapper {
    float: left;
    width: 75%;
}

.highchartWrapper:after,
.highchartWrapper:before {
    display: block;
    height: 0;
    visibility: hidden;
    content: '';
    clear: both;
}

.chartAges {
    margin: 0;
    padding: 10px 0 0;
    margin-bottom: 5px;
    list-style: none;
    float: left;
    width: 70px;
    text-align: center;
}

.chartAges li {
    padding: 12px 5px;
    position: relative;
}

.highlight {
    display: block;
    content: '';
    position: absolute;
    width: 800px;
    height: 45px;
    background: #ccc;
    opacity: .1;
    top: 0;
    left: -400px;
    z-index: 999;
}

.highchartWrapper {
    position: relative;
}

.maleLegend,
.femaleLegend {
    display: inline-block;
    margin: 0 10px;
}

.maleLegend .color1:before {
    background: #284a93;
}

.maleLegend .color2:before {
    background: #7d98f9;
}

.maleLegend .color3:before {
    background: #bcd1ff;
}

.femaleLegend .color1:before {
    background: #c12529;
}

.femaleLegend .color2:before {
    background: #ff777b;
}

.femaleLegend .color3:before {
    background: #ffbfc1;
}

.userDemographicBlock {
    text-align: center;
}

@media all and (min-width:320px) and (max-width:425px) {
    .demographicWrapper {
        width: 100%;
    }

    .highchartWrapper {
        min-width: 150px;
        max-width: 150px;
        display: inline-block;
        position: relative;
        margin-left: 8px;
    }

    #highchart-container-Male1,
    #highchart-container-Female1,
    #highchart-container-Undefined {
        min-width: 150px;
        max-width: 150px;
    }

    .userDemographicBlock {
        min-width: 70px;
        margin-right: 8px;
        position: relative;
        display: inline-block;
    }
}

@media all and (min-width:426px) and (max-width:570px) {
    .demographicWrapper {
        width: 100%;
    }

    .highchartWrapper {
        min-width: 250px;
        max-width: 280px;
        display: inline-block;
        position: relative;
        margin-left: 8px;
    }

    #highchart-container-Male1,
    #highchart-container-Female1,
    #highchart-container-Undefined {
        min-width: 250px;
        max-width: 280px;
    }
}

@media all and (min-width:571px) and (max-width:690px) {
    .demographicWrapper {
        width: 100%;
    }

    .highchartWrapper {
        min-width: 250px;
        max-width: 280px;
        display: inline-block;
        position: relative;
        margin-left: 8px;
    }

    #highchart-container-Male1,
    #highchart-container-Female1,
    #highchart-container-Undefined {
        min-width: 250px;
        max-width: 280px;
    }

    .userDemographicBlock {
        min-width: 70px;
        margin-right: 8px;
        position: relative;
        display: inline-block;
    }
}

@media all and (min-width:691px) and (max-width:769px) {
    .demographicWrapper {
        width: 100%;
    }

    .highchartWrapper {
        min-width: 300px;
        max-width: 520px;
        display: inline-block;
        position: relative;
    }

    #highchart-container-Male1,
    #highchart-container-Female1,
    #highchart-container-Undefined {
        min-width: 300px;
        max-width: 520px;
    }

    .userDemographicBlock {
        position: relative;
        min-width: 68px;
        margin-right: 30px;
        display: inline-block;
    }
}

@media all and (min-width:770px) and (max-width:1024px) {
    .demographicWrapper {
        width: 100%;
    }

    .highchartWrapper {
        width: 380px;
        display: inline-block;
        position: relative;
    }

    #highchart-container-Male1,
    #highchart-container-Female1,
    #highchart-container-Undefined {
        width: 380px;
    }

    .userDemographicBlock {
        position: relative;
        min-width: 100px;
        margin-right: 20px;
        display: inline-block;
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    .demographicWrapper {
        width: 100%;
    }

    .highchartWrapper {
        min-width: 75%;
        display: inline-block;
        position: relative;
    }

    .userDemographicBlock {
        position: relative;
        min-width: 68px;
        margin-right: 30px;
        display: inline-block;
    }
}

@media all and (min-width:1440px) {
    .userDemographicBlock {
        position: relative;
        min-width: 68px;
        padding-right: 5px;
        display: inline-block;
        /* border:1px solid red; */
    }

    .highchartWrapper {
        width: 210px;
        display: inline-block;
        position: relative;
    }

    #highchart-container-Male1,
    #highchart-container-Female1,
    #highchart-container-Undefined {
        width: 210px;
    }

    .highcharts-container,
    .highcharts-container svg {
        overflow: visible !important;
    }
}

/* Demographic end */

/* Sessions start */

/* Sessions end */

/* REPORTS END */

/* BILLING START */

/* Recharge account start */

.rechargeAccountMainBlock {
    max-width: 860px;
    padding: 30px;
    background: white;
    box-shadow: -1px 1px 1px 0 rgba(204, 204, 204, .8);
    margin: -20px 13px 20px;
}

.paymentGroup {
    margin-bottom: 10px;
}

.rechargeAmountInput input {
    border-radius: 5px;
    width: 180px;
    vertical-align: middle;
    font-size: 18px;
    padding: 6px 12px;
    display: inline-block;
    box-shadow: none;
    line-height: 18px;
    border: 1px solid #ccc;
    margin-right: 10px;
}

.paymentLogoBlock {
    display: inline-block;
    vertical-align: top;
}

.boricaCardIcon {
    margin-right: 30%;
    margin-top: 5px;
}

.boricaCardIcon:after,
.payPalIcon:after {
    width: 14px;
    display: block;
    content: '';
    position: absolute;
    left: 37px;
    opacity: .6;
    top: 16px;
}

.boricaCardIcon:after {
    height: 13px;
    background: url(../img/credit-card-regular.c741f58e.svg) no-repeat;
}

.payPalIcon:after {
    height: 19px;
    left: 0;
    top: 13px;
    background: url(../img/paypal-brands.2c44e668.svg) no-repeat;
}

.payPalIcon.checkmark {
    padding-left: 20px;
}

/* Create a custom radio button */

.checkmark {
    position: relative;
    font-size: 18px;
    padding: 10px 0 10px 60px;
    margin-bottom: 0;
    cursor: pointer;
}

.checkmark:before {
    display: block;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ccc;
    border: 1px solid #028b65;
    position: absolute;
    left: 0;
}

.payPalIcon.checkmark:before { /*ADV-2538*/
    display: none;
}

/* When the radio button is checked, add background color */

.hiddenRadio:checked~.checkmark:before {
    background-color: #028b65;
    border: 4px solid #ccc;
}

.visaLogo {
    background: url(../img/Visa_2014_logo_detail.6f41de1b.svg) no-repeat;
    height: 20px;
}

.masterCardLogo {
    background: url(../img/mc_vrt_pos.5450f163.svg) no-repeat;
    height: 50px;
}

.visaLogo,
.masterCardLogo {
    width: 60px;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
}

.payment {
    width: 150px;
}

.btn.payment {
    margin-top: 0;
    font-size: 16px;
}

.paypal-message {
    margin: 0;
    font-weight: bold;
}

.border {
    border: 1px solid red;
}

.proceedBtn {
    display: inline-block;
}

.not-selectable {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.amount-label {
    font-size: 17px;
}

.taxBlock {
    padding: 5px 0;
}

.tax-style {
    line-height: 17px;
    margin: 0;
    font-size: 12px;
}

.tax-style:first-child {
    color: #03a66a;
}

/* Recharge account end */

/* billing history start */

.buttons .btn-group-xs a.btn {
    line-height: 30px;
}

.labelRight {
    text-align: right;
    line-height: 30px;
}

.billingPage .filtersContainerOverflow {
    min-height: 231px;
}

.filtersContainerOverflow {
    padding: 0 13px 13px;
}

.filtersContainerOverflow .filtersContainer {
    margin: 0;
}
/* billing history end */

/* Fin summary start */

/* Fin summary end */

/* BILLING END */

.noFloat {
    float: none;
}

.campaignEnabled,
.greenLantern {
    color: #50a00c
}

.campaignDisabled,
.redLantern {
    color: #7d0909
}

.campaignEnabled,
.campaignDisabled {
    font-size: 20px;
    position: relative;
    top: 5px;
}

.showEnabledMessage {
    z-index: 1000;
    background-color: #2a333c;
    color: whitesmoke;
    font-size: 10px;
    display: block;
    cursor: help;
    position: absolute;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.pricingModelsNav {
    color: #444 !important;
    padding-left: 20px;
}

.form-group>.postbackUrlInfo {
    color: #12827e;
    display: inline-table;
}

.postbackUrlInfo>a>input {
    color: #12827e;
    cursor: pointer;
}

.postbackParams {
    list-style-type: none;
}

.postbackParams>li {
    border: 1px solid #12827e;
    height: 30px;
    width: 250px;
    /* width:auto; */
    max-width: 280px;
    padding: 5px 10px 5px 10px;
    background-image: linear-gradient(to right, #05694e, #05644b, #066f54, #077a5c, #088565);
    color: white;
    vertical-align: middle;
    text-align: justify;
    user-select: none;
    height: auto;
}

.postbackUrlView {
    background-color: #cdd0cc;
}

.postbackUrlView:hover {
    background-color: #c0cec6;
}

.fieldsetWrapper {
    box-shadow: 0 0 10px 5px rgba(204, 204, 204, .5);
}

.badge-info {
    margin: 3px 0px 3px 0px;
    background-color: #2a333c;
}

.modalRates {
    top: 20px;
}

.boldLabel {
    font-weight: bold;
}

/* --- @media START --- */

@media (min-width: 1440px) {
    .creativesStatus {
        width: 33.3%;
    }
}

@media (max-width: 1440px) {
    .topBlockContent {
        font-size: 30px;
        padding-top: 10px;
        height: 71px;
    }

    .topBlockContent .fa:before,
    .topBlockContent .far:before,
    .topBlockContent .fas:before {
        margin: 0;
    }

    .chartAges li {
        padding: 14px 5px 13px;
    }

}

@media (max-width: 1366px) {
    body {
        line-height: 1.2;
    }

    .logo {
        margin: 0 40px 0 35px;
    }

    .startPageContent {
        padding-top: 7%;
    }

    .startPageTabHeader {
        margin-bottom: 16px;
    }

    .startPageTabHeader a {
        font-size: 18px;
    }

    .startPageFormWrapper form > div {
        margin-bottom: 12px;
    }

    .loginPage .startPageContent input:not([type='checkbox']) {
        padding: 6px 0;
        font-size: 14px;
    }

    .containerVatCountries a.select2-choice {
        height: 29px;
        line-height: 29px;
        font-size: 14px;
    }

    .startPageFormWrapper {
        width: 80%;
    }

    .startPageCheckboxesBlock {
        width: 50%;
    }

    .startPageCheckboxGroup {
        display: block;
    }

    .startPageCheckboxGroup .fakeCheckbox {
        margin-bottom: 0;
        top: 1px;
    }

    .startPageCheckboxGroup a {
        display: inline-block;
        left: 0;
        top: 0;
        vertical-align: top;
    }

    .captchaBlock {
        width: 49%;
    }

    .startPageFormWrapper .errorMessagesBlock {
        font-size: 11px;
    }

    .topBlockContent {
        font-size: 25px;
    }

    .creativeOpBlock.creativePending {
        padding-left: 145px;
        text-align: left;
    }

    .filterCheckboxesBlock {
        width: 130px;
        padding: 5px;
    }

    .filterCheckboxes .filterRadioLabel {
        min-width: 103px;
        padding: 4px 5px;
    }

    .filterCheckboxesBlock_last .radioFake {
        white-space: normal;
    }

    .advertsList .createButton {
        margin: 0 0 0 5px;
    }

    .marksBlock .topBlockHeader {
        font-size: 14px;
    }
}

@media (max-width: 1280px) {
    .filterCheckboxes .inlineBlock:nth-child(even) {
        margin: 0 5px;
    }

    .filterCheckboxes .topBlockHeader {
        font-size: 14px;
    }

    .filterCheckboxesBlock {
        width: 110px;
        padding: 5px 2px;
    }

    .filterCheckboxes .filterRadioLabel {
        min-width: 100px;
        padding: 4px 2px;
    }

    .marksBlock .topBlockHeader {
        font-size: 13px;
    }

    .marksBlock .filterCheckboxWrapper label {
        font-size: 12px;
        padding-left: 18px;
    }

    .marksBlock .radioFake:after {
        width: 16px;
        height: 16px;
        top: calc(50% - 11px);
    }

    .marksBlock .radioHidden:checked + .radioFake:after {
        font-size: 8px;
        line-height: 12px;
    }
}

@media (max-width: 1024px) {
    .startPagePolygon {
        clip-path: polygon(0 0, 54% 0, 34% 100%, 0 100%);
    }

    .externalLinks {
        left: 18%;
    }

    .balanceBlock p {
        margin: 0;
    }

    .balanceBlock .row {
        font-size: 14px;
    }

    .balanceBlock .row .inf:before {
        display: block;
        content: '';
        padding-left: 5px;
        float: left;
        min-height: 1px;
    }

    .balanceBlock .inf {
        margin-bottom: 5px;
    }

    .balanceBlock .row .col-md-12:first-child {
        font-size: 12px;
        opacity: .8;
    }

    .calendarBlock.topBlock .btn {
        width: auto;
    }

    .filterBtns .btn {
        width: auto;
    }

    .calendarTopBlock .calendarBlock .pickerBlock {
        margin-bottom: 10px;
    }

    .topBlock.calendarBlock input.hasDatepicker {
        padding: 3px;
        text-align: center;
        font-size: 12px;
    }

    .topBlockHeader {
        font-size: 16px;
    }

    .collapseChk:checked~.collapseBlock {
        padding: 5px;
        margin-bottom: 15px;
    }

    .allCampaignsList .hideColumnsBtn {
        bottom: -18px;
    }

    .collapseBlock .topBlockHeader {
        font-size: 14px;
    }

    .filterCheckboxWrapper {
        height: 17px;
    }

    .filterCheckboxWrapper .checkboxFake,
    .filterCheckboxWrapper .radioFake {
        padding-left: 18px;
        font-size: 12px;
    }

    .checCamp:checked + .checkboxFake:after,
    .radioHidden:checked + .radioFake:after {
        font-size: 9px;
        line-height: 12px;
    }

    .checkboxFake:after,
    .radioFake:after {
        width: 15px;
        height: 15px;
        top: calc(50% - 8px);
    }

    .filterCheckboxes .inlineBlock:nth-child(even) {
        margin: 0 2px;
    }

    .input-sm {
        padding: 5px;
    }

    .usersPage .collapseBlock .col-md-4.separator {
        border: 0;
    }

    .editCampaignWrapper {
        width: 100%;
        margin-bottom: 20px;
    }

    .createCampaignWrapper {
        padding: 13px;
    }

    .cityRegionSelectWrapper {
        width: 67%;
    }

    .wizardWrapper {
        width: 100%;
    }

    .userStatistic .contentBlock {
        width: 100%;
    }

    .filtersContainerOverflow {
        padding: 0 13px 13px;
    }

    .filtersContainer {
        margin: 0;
    }

    .makeVerifiedBtns .btn.btn-sm {
        padding: 3px 5px;
    }

    .creativeOpBlock {
        padding: 10px 7px 10px 85px;
    }

    .creativeOpBlock.creativePending {
        text-align: left;
        line-height: 16px;
        padding: 3px 7px 3px 125px;
    }

    .col-md-12 .separator.col-md-6:nth-child(3) {
        border: none;
    }
}

@media (max-width: 979px) {
    #main {
        width: 100% !important;
    }

    .smart-style-3 #content {
        padding: 0;
    }

    .onoffswitch,
    .onoffswitch-label {
        margin: 0;
    }

    .hidden-menu #main.loginPage {
        margin-left: 0;
        left: 0;
    }

    .dialogForm {
        padding: 0;
    }

    .modal {
        padding: 10px;
    }

    .chartAges li {
        padding: 13px 5px 12px;
    }

    .wizardWrapper>div {
        padding: 15px;
    }

    .wizardWrapper,
    .editCampaignWrapper {
        width: auto;
    }

    .createAdvertBanner {
        height: 252px;
    }

    .bannerWrapper,
    .modal-dialog .bannerWrapper:hover {
        width: 235px;
        margin: 5px;
        float: left;
    }

    .editCampaignWrapper div[role="content"] {
        padding: 30px 15px 0;
    }

    .btn-header .notificationsButton {
        width: 40px;
        height: 39px;
        margin-top: 5px;
        line-height: 38px;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    #main {
        margin-left: 0;
        overflow: visible;
    }

    #left-panel>div,
    #left-panel nav {
        margin-right: 0;
    }

    .hidden-menu #left-panel>div,
    .hidden-menu #left-panel nav,
    .hidden-menu #left-panel .loginInfo {
        margin-right: -20px;
    }

    .hidden-menu #main {
        margin-left: 30px;
    }
}

@media (max-width: 767px) {
    #main {
        margin-left: 0;
        overflow: visible;
    }

    #left-panel>div,
    #left-panel nav {
        margin-right: 0;
    }

    .hidden-menu #left-panel>div,
    .hidden-menu #left-panel nav,
    .hidden-menu #left-panel .loginInfo {
        margin-right: -20px;
    }

    .hidden-menu #main {
        margin-left: 30px;
    }

    .withoutBordersTable,
    .withoutBordersTable article {
        padding: 0;
    }

    .analyticsLeftBlock .widget-body {
        height: auto !important;
    }

    .billingPage .filtersContainerOverflow {
        min-height: auto;
    }

    .creativeOpBlock {
        padding: 10px 7px;
    }

    .makeVerifiedBtns .btn.btn-sm {
        padding: 3px 15px;
    }

    .declineReasonsForm .filterCheckboxWrapper {
        height: auto;
    }

    .declineReasonsForm .filterCheckboxWrapper .checkboxFake {
        line-height: 17px;
    }
}

i.fa-eye,
i.fa-eye-slash {
    cursor: pointer;
}

.topBlockContent .fa-eye {
    cursor: default;
}

@media (max-width: 650px) {

    .createButton.btn,
    .createButton.btn:hover {
        width: 33px;
        height: 33px !important;
        border-radius: 20px;
        background: white;
        min-width: 0;
        border: none;
        font-size: 0;
        position: relative;
    }

    .createButton:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f055";
        color: #00a678;
        font-size: 35px;
        position: absolute;
        right: -1px;
        top: -1px;
    }

    .contentHeader h1 {
        margin: 5px 0 0;
    }

    .searchContainer {
        padding-top: 0;
    }

    .search {
        width: 40%;
    }

    .analyticsButton,
    .analyticsButton:hover {
        height: 0 !important;
        width: 0;
        min-width: 0;
        display: block;
        border: none;
        margin: 0 auto;
        padding: 0;
        font-size: 0;
    }

    .analyticsButton:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f201";
        color: #00a678;
        font-size: 24px;
        position: relative;
        top: 0;
        left: -12px;
    }

    td {
        padding: 4px 5px !important;
    }

    .hiddentr {
        display: none;
    }

    .hiddenbutton {
        display: block;
        margin: 0 auto 10px;
    }

    .topBlockHeader {
        margin-bottom: 5px;
    }

    .topBlockContent {
        height: auto;
        margin-bottom: 15px;
    }

    .topBlockContent span {
        font-size: 20px;
        display: block;
        line-height: 20px;
    }

    .topBlockContent .fa:before {
        margin: 0;
    }

    .calendarTopBlock .calendarBlock .pickerBlock {
        margin: 16px 0;
    }
}

@media (max-width: 480px) {
    .startPagePolygon {
        display: none;
    }

    .logo {
        width: 150px;
        height: 150px;
        margin: 0 auto 30px;
    }

    .startPageInfo {
        display: none;
    }

    .startPageFormWrapper {
        width: 100%;
        margin-left: 0;
    }

    .startPageContent {
        position: static;
        height: 100%;
    }

    .externalLinks {
        position: static;
        text-align: center;
        margin-top: 70px;
    }

    #logo-group {
        width: 45px !important;
        overflow: hidden;
    }

    .dialogForm {
        width: 100%;
    }

    .balanceBlock .row div:first-child {
        padding-right: 0;
    }

    .balanceBlock .row div:nth-child(2) {
        padding-left: 0;
    }

    .balanceBlock .glyphicon {
        position: absolute;
    }

    .step>li>span:first-child {
        padding-right: 45px;
    }

    .fuelux .wizard .steps li:not(.active) {
        margin-left: -600px;
        padding-right: 45px;
    }

    .fuelux .wizard .steps li.active {
        margin-left: 0;
        padding-right: 45px;
    }

    .bannerWrapper {
        width: 95%;
    }

    .contentHeader {
        height: 120px;
    }

    .topBlocksWrapper .col-xs-6:nth-child(even) {
        padding: 0 13px 0 0;
    }

    .topBlockContainer,
    .contentBlock,
    .creativeWrapper,
    .calendarTopBlock {
        margin-bottom: 10px;
    }

    .advertsList.superuserRole .filterBtns {
        width: 100%;
    }

    .allCampaignsList .collapseBlock>.inlineBlock {
        border-left: none;
    }

    .bannerImgWrapper,
    .modal-dialog .bannerWrapper:hover .bannerImgWrapper {
        width: 100%;
        display: block;
        text-align: center;
    }

    .bannerImg,
    .modal-dialog .bannerWrapper:hover .bannerImg {
        width: auto;
    }

    .quickFiltersWrapper {
        bottom: auto;
        top: 31px;
    }

    .quickFiltersWrapper .btn {
        width: 92px !important;
        margin-bottom: 3px;
        display: block;
    }

    .sortingBlock.opUser {
        float: none;
        text-align: center;
    }

    button.sortable {
        padding: 3px;
    }

    .demographicWrapper {
        padding: 2px !important;
    }

    .maleChartInfo,
    .femaleChartInfo {
        width: 65px;
        font-size: 11px;
    }

    .chartAges {
        width: 40px;
    }

    .chartAges li {
        padding-left: 0;
        padding-right: 0;
        font-size: 10px;
        line-height: 17px;
    }

    #highchart-container-Male,
    #highchart-container-Female {
        width: calc((100% - 170px)/2);
    }

    .highcharts-legend {
        display: none;
    }

    .fakeLegend {
        display: block;
    }

    .highcharts-container,
    .highcharts-container svg {
        overflow: visible !important;
    }

    .allCampaignsList .postbackUrl {
        background: #2a333c;
        margin-bottom: 0;
        position: static;
    }

    .separator {
        border: none;
    }

    .editCompanyNavBar ul {
        padding: 0 20px;
    }

    .editCompanyNavBar ul li {
        width: 50%;
    }

    .switcherLabel {
        width: 50%;
    }

    .locationSelectWrapper .select2 {
        width: auto;
    }

    #totalBonus .topBlockHeader {
        white-space: nowrap;
    }

    .accountWrapper {
        padding: 0 13px;
    }

    .userAccount .contentBlock {
        max-width: auto;
        width: 100%;
    }

    .editAdvertiser .upContent {
        padding: 13px;
    }

    .modal-dialog,
    .hideColumnsDialog .modal-dialog {
        width: 100%;
        margin: 0;
    }

    .modal-body,
    .modal-footer {
        padding: 5px;
    }

    .viewAdvertDialog img {
        width: 100%;
    }

    .campaignpager {
        width: 100%;
    }

    .paymentMessage {
        width: 93%;
    }

    .creativeOpBlock.creativePending {
        padding: 10px 7px 10px 160px;
    }

    .notificationsWindow {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
    .page-title {
        display: block;
    }
}

@media (max-width: 414px) {
    .rechargeAccountMainBlock {
        padding: 10px;
    }

    .boricaCardIcon {
        margin-right: 10px;
    }

    .payment-container h5 {
        margin: 5px 0;
    }

    .calendarTopBlock .calendarBlock {
        padding: 5px 5px 0;
    }

    .calendarTopBlock .calendarBlock .pickerBlock {
        margin: 17px 0;
    }

    .creativesStatus p:not(.creativesStatus_tab_header) {
        font-size: 11px;
    }

    .cityRegionSelectWrapper {
        width: 59%;
    }
}

/*advertList media settings up to 480*/
@media (max-width: 480px) {
    .sortingBlock.opUser button {
        width: 110px;
        height: 30px;
    }

    .sortingBlock span {
        display: none;
    }

    .advertsList.operatorRole .sortingBlock {
        padding: 3px;
    }
}

/*advertList media settings up to 767*/
@media all and (min-width: 481px) and (max-width:767px) {
    .sortingBlock {
        max-width: 260px;
    }

    .sortingBlock.opUser button {
        width: 120px;
        height: 30px;
        font-size: 11px;
        margin: 0 auto;
    }

    .sortingBlock span {
        display: none;
    }

    .advertsList.operatorRole .sortingBlock {
        padding: 3px;
    }

    .advertsList .separator {
        border-left: transparent;
    }
}

/*campaignList media settings up to 414 Start*/
@media (max-width: 430px) {
    .tableWrapper {
        padding: 3px;
    }

    .topBlockContainer {
        padding: 5px;
    }

    .topBlockHeader {
        font-size: 15px;
    }

    .sortingBlock {
        margin-bottom: 10px;
        text-align: center;
        font-size: 11px;
    }

    .filterCheckboxes .topBlockHeader {
        max-width: auto;
    }
}

/*campaignList media settings up to 414 End*/


/*advertList && capmaignList media settings up to 375*/
@media (max-width: 375px) {
    .externalLinks {
        margin-top: 50px;
    }

    .tableWrapper {
        padding: 3px;
    }

    .topBlockContainer {
        padding: 5px;
    }

    .topBlockHeader {
        font-size: 15px;
    }

    .sortingBlock {
        margin-bottom: 10px;
        text-align: center;
        font-size: 11px;
    }

    .filterCheckboxes .topBlockHeader {
        max-width: auto;
    }

    .sortingBlock.opUser button {
        width: 100px;
        height: 30px;
    }

    .rechargeAmountInput #amount {
        width: 40%;
    }

    .btn-header a, .btn-header .notificationsButton {
        width: 30px !important;
        height: 30px !important;
        line-height: 29px !important;
        margin-top: 10px !important; /* Stupid Smart-admin importants*/
    }

    #header .userInfoBlock {
        font-size: 11px;
    }

    .cityRegionSelectWrapper {
        width: 53%;
    }
}

@media (max-width: 360px) {
    .hasDatepicker {
        font-size: 10px;
        height: 30px;
    }

    .makeVerifiedBtns .btn.btn-sm {
        padding: 3px 5px;
    }

    .creativeOpBlock.creativePending {
        padding-left: 140px;
    }
}

@media (max-width: 420px) {
    #verifyBtnsBlock.overflowFix {
        display: inline-block;
        margin: 0 auto;
    }

    #verifyBtnsBlock.overflowFix>button:nth-child(2) {
        margin-left: -2px;
        margin-right: 1px;
    }
}

/*Common settings adverts, campaign, demographic upload up to 320*/
@media (max-width: 320px) {

    .logo {
        width: 100px;
        height: 100px;
    }

    .externalLinks {
        margin-top: 40px;
    }

    .startPageTabHeader a {
        font-size: 18px;
    }

    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        padding: 0 5px;
    }

    .topBlocksWrapper .col-xs-6:nth-child(even) {
        padding: 0 5px 0 0;
    }

    .calendarTopBlock {
        margin-bottom: 5px;
    }

    .calendarBlock .btn {
        padding: 3px 5px;
        width: auto;
    }

    .topBlockContainer {
        margin-bottom: 5px;
    }

    .sortingBlock.opUser button {
        width: 90px;
        height: 30px;
    }

    .sortingBlock span {
        display: none;
    }

    .collapseBlock,
    .collapseBtn {
        margin: 0 5px;
    }

    .switcherLabel {
        width: 60%;
    }

    .uploadBonusesForm .uploadButtonContainer {
        width: 47%;
    }

    button.sortable:after {
        padding-left: 0;
    }

    .filtersContainerOverflow {
        padding: 0 5px 5px;
    }

    .filtersContainer {
        padding-bottom: 5px;
    }

    .search {
        width: 60%;
    }

    .demographicPage .contentBody {
        padding: 0;
    }

    .rechargeAccountMainBlock {
        margin: -20px 5px 20px;
    }

    .checkmark {
        padding-left: 45px;
    }

    .boricaCardIcon:after,
    .payPalIcon:after {
        left: 28px;
    }

    .includeExcludeRadioButton label {
        padding: 2px 5px;
    }
}

/* Analytics styles view */

.form-group>.postbackUrlInfo {
    color: #12827e;
    display: inline-table;
}

.postbackUrlView {
    background-color: #c7d4c4;
}

.fieldsetWrapper {
    box-shadow: 0 0 10px 5px rgba(204, 204, 204, .5);
}

.pageSelector {
    position: relative;
    display: inline;
}

.pageSelector select {
    float: left;
    width: 65px;
    height: 30px;
    border: 1px solid #03a679;
    color: #333;
    border-radius: 5px;
    padding: 3px;
    cursor: pointer;
    overflow: hidden;
    background: transparent;
}

.paginationCampaignsContainer {
    padding-top: 1px;
    min-height: 40px;
    height: auto;
}

/* Users styles view begin*/

.noUi-horizontal * {
    cursor: pointer !important;
}

.usersSlider .noUi-horizontal .noUi-handle {
    width: 18px !important;
    height: 18px !important;
    text-align: center;
    background-color: white;
}

.usersSlider .noUi-horizontal .noUi-handle:after {
    content: "";
}

.usersSelect {
    position: relative !important;
}

.usersSelect span,
.usersSelect input {
    position: relative !important;
}

.col-lg-3 .usersSelect {
    margin-left: 30px;
}

.numberOfRows {
    float: right;
    font-size: 14px;
    font-weight: bold;
}

.numberOfRows .refreshBtn {
    margin-top: 10px;
}

@media only screen and (min-width:1440px) {
    .applyClearDiv {
        margin-bottom: 20px !important;
    }
}

/* Users styles view end*/

/*Performance filters start*/


/*Performance filters end*/

/*Bonuses styles start*/

.bonusTitle h1 {
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 20px;
}

.bonusTitle p {
    margin-bottom: -5px;
    font-size: 14px;
}

@media only screen and (min-width:1024px) {
    #pricesTable {
        width: 80%;
        margin: 0 auto;
    }
}

/*Bonuses styles end*/

.filterCheckboxWrapper label {
    user-select: none;
    white-space: nowrap;
}

/*User statistics begin*/

.filterBtnsStatistics {
    text-align: center;
}

.filterBtnsStatistics .btn {
    min-width: 93px;
    height: 30px !important;
    line-height: 30px;
    padding: 0 10px;
    background: #00a678;
    border-color: #008a67;
    border-radius: 8px;
    color: white;
}

.userStatisticsContainer .contentBlock {
    padding: 0;
    margin: 0;
}

.paginationContainer {
    margin-top: 10px;
}

.userStatisticsContainer span.ng-binding {
    float: left;
}

.userStatisticsContainer table>thead,
.userStatisticsContainer table>tbody {
    padding-left: 13px;
}

.usersLegend {
    text-align: center;
    margin-bottom: 5px;
}

.usersLegend span {
    padding-left: 5px;
    vertical-align: middle;
}

.legendIcons {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.legendRegistered {
    background-color: #0b62a4;
    margin-bottom: 0;
}

.legendActive {
    background-color: #F4162A;
    margin-left: 15px;
}

/*User statistics end*/

/** categories design start */

.disabled-unselectable {
    display: block;
    background: rgb(145, 148, 148);
    user-select: none;
    position: relative;
}

.categories .select2-results .select2-disabled {
    display: block;
    background: rgb(226, 223, 223);
    color: dimgrey;
}

.container-categories.select2-container {
    height: 30px;
    display: block;
}

.container-categories .select2-search-field,
.cityRegionSelectWrapper .select2-search-field {
    width: auto;
}

.well.restrictions {
    border: 1px solid #ea7979;
    color: #ea7979;
    padding: 5px;
    margin-top: 15px;
}

.well.restrictions>h6 {
    font-size: 12px !important;
    line-height: 20px;
}

.container-categories .select2-choices,
.cityRegionSelectWrapper .select2-choices {
    max-height: 30px;
    overflow-y: auto !important;
    border-color: #ccc !important;
}

/** categories design end */

/* Registrations form additional styles begin*/

.registrationForm .shortField {
    width: 47%;
    display: inline-block;
}

.registrationForm label {
    user-select: none;
}

.registrationForm .shortField:nth-child(odd) {
    margin-right: 4.5%;
    vertical-align: top;
}

.container-vat-countries option:first-child {
    /*first option is the placeholder*/
    display: none;
}

div#select2-drop .container-vat-countries {
    width: 99% !important;
}

.notVat {
    vertical-align: baseline;
    float: right;
}

.container-vat-countries a.select2-choice span.select2-arrow {
    width: 0px;
    height: 0%;
    background: #eee;
}

.container-vat-countries a.select2-choice {
    border-top-color: #a3a3a3;
    border-left-color: #a3a3a3;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
    line-height: 30px !important;
}

.underline {
    text-decoration: underline;
}

/* Registrations form additional styles end*/

/*Edit advertiser start*/

.editAdvertiser .checkbox i:after {
    font-family: FontAwesome;
    content: '\f00c';
    background: rgb(206, 210, 214);
    color: #03a679;
    text-align: center;
    font-size: 14px;
    padding: 3px;
    margin-right: 10px;
}

.editAdvertiser label {
    user-select: none;
}

.editAdvertiser .titles {
    font-size: 16px;
    color: #232323;
    font-weight: 300;
}

.editAdvertiser .contentBlock .row {
    border: none;
}

/*Edit advertiser end*/

/*Edit operator account start*/

.accountOpErr {
    margin-left: 33%;
}

.accountBtns {
    margin: 0 auto;
    width: 230px;
}

.accountBtnUpdate {
    margin-left: 3px;
}

.userAccount label {
    line-height: 35px;
}

.avatarErrors {
    height: auto;
}

.avatarErrors span {
    margin-left: 78px;
}

label.avatar {
    width: 50px;
}

.avatarOperator span {
    margin-left: 245px;
    display: block;
}

.changeEmailDialogWrapper .modal-content {
    border-radius: 10px;
}

.changeEmailDialogWrapper .modal-dialog {
    width: 350px;
    height: 200px;
}

.changeEmailDialogWrapper .modal-body p {
    margin-bottom: 0;
}


@media all and (max-width:479px) {
    .accountOpErr {
        margin-left: 1%;
    }

    .avatarErrors span,
    .avatarOperator span {
        margin-left: 0;
    }

}

@media all and (max-width:767px) {
    .accountOpErr {
        margin-left: 1%;
    }

    .avatarOperator span {
        margin-left: 0;
    }

}

@media all and (min-width:768px)and (max-width: 1023px) {
    .accountOpErr {
        margin-left: 42%;
    }

    .accountBtnUpdate {
        margin-left: 3px;
    }

    .accountBtns {
        float: right;
        margin-right: 15px;
    }

    .avatarOperator span {
        margin-left: 244px;
        display: block;
    }

}

@media all and (min-width:1024px) {
    .accountBtns {
        float: right;
        margin-right: 15px;
    }

    .avatarOperator span {
        margin-left: 196px;
        display: block;
    }

}

.account-server-message-title {
    font-size: 13px !important;
    font-weight: bold !important;
}

.account-server-message-body {
    font-size: 12px !important;
    font-weight: bold !important;
}

/*Edit Operator account end*/

/*
* Create operatror payments upload Start
*/

.attachmentLbl {
    line-height: 30px;
}

.browse-container .greyHint {
    margin-left: 20px;
}

@media all and (max-width:320px) {

    .browse-container .greyHint {
        margin-left: 0;
    }

    .browse-container {
        float: none;
    }
}

@media all and (max-width:414px) {
    .browse-container .greyHint {
        margin-left: 5px;
    }
}

@media all and (min-width:500px) and (max-width:780px) {
    .modal.in .modal-dialog {
        width: 80%;
    }
}

/*
* Create operatror payments upload End
*/
.refreshBtn {
    float: right;
    width: 38px;
    height: 34px;
    background: #03a679;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    padding-top: 4px;
}

.refreshBtn[disabled="disabled"] {
    background: #62c7aa;
}

.refreshBtn a {
    color: white;
}

/* minutesPicker directive styles start */
.minutesPickerWrapper {
    display: inline-block;
}

.minutesPickerWrapper>div {
    display: inline-block;
    vertical-align: middle;
}

.minutesPickerWrapper input {
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px 10px;
    outline: none;
    box-sizing: border-box;
    width: 40px;
    text-align: center;
}

.minutesPickerWrapper button {
    display: block;
    border: none;
    background: transparent;
    margin: 0 auto;
    line-height: 10px;
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.minutesPickerWrapper button:active {
    animation-name: flash;
    animation-duration: 1s;
}

/* minutesPicker directive styles end */
/* new select start */

.selectedName {
    margin: 0;
    display: block;
    line-height: 18px;
}

.bodyContainer {
    position: relative;
    background-color: #fff;
    color: #444;
    padding: 6px 8px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 13px;
    outline: none;
}

.bodyContainerHighlighted {
    border-color: #00a678;
    border-radius: 5px 5px 0 0;
}

.optionContainer {
    position: absolute;
    background: white;
    width: 100%;
    border: 1px solid #00a678;
    z-index: 999;
    padding: 4px;
    list-style: none;
    left: 0;
    top: 30px;
    margin: 0;
}

.drowDownOption {
    padding: 3px 7px 4px;
}

.drowDownOption:hover {
    background: #00A678;
    color: white;
}

.drowDownOption label {
    margin: 0;
}

.bodyContainer:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #444;
    background-color: #eee;
    border-left: 1px solid #ccc;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}

.bodyContainerHighlighted:after {
    background: transparent;
    border: none;
}

/* new select end */
/*Frequency cap start*/
select#frequency_capping_select{
    border-top-color: #a3a3a3;
    border-left-color: #a3a3a3;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
    width:55px;
    height: 32px !important;
}
select#frequency_capping_select>option:first-child{
    display:none;
}
span#frequency_cap_switcher {
    margin-left: 15px;
}

.frequencyCapFields {
    margin-bottom: 10px;
}

.capField{
    width:55px;
}

@media all and (min-width:640px) {
    .capErrorWrapper {
        width: 586px;
    }

    .capViews {
        float: left;
        text-align: end;
        margin: 0;
        padding: 0;
        width: 45%;
        margin-left: 5px;
    }

    .capHours {
        float: right;
        text-align: left;
        margin: 0;
        padding: 0;
        width: 43%;
        margin-left: 10px;
    }
}

@media all and (min-width:639px) and (max-width:767px) {

    .capViews,
    .capHours {
        float: left;
        text-align: left;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 12px;
    }

    div.well.restrictions {
        margin: 0;
        width: auto;
        height: auto;
    }
}

@media all and (min-width:1440px) {
    .wellblock.col-sm-2 div.well.restrictions {
        width: 150px;
        max-height: auto;
        margin-left: -18px;
    }
}

@media all and (min-width:768px) and (max-width:1439px) {
    .wellblock.col-sm-2 div.well.restrictions {
        width: 120px;
        max-height: auto;
        margin-left: -18px;
    }
}

.capField {
    width: 55px;
    display: inline-block;
    margin: 0 5px 0 5px;
}

.capField input {
    text-align: center;
}

.capError span {
    color: #b94a48;
}

/*Frequency cap end*/

/** Edit Campaign start*/
.deviceList {
    width: 38%;
}

.deviceBlock>label {
    margin-top: 5px;
}

.audienceRange {
    margin-bottom: 10px;
}

.well.restrictions {
    margin: 0;
}

.well.restrictions h6 {
    margin: 5px 0 5px 0;
    padding: 0 3px 0 3px;
}


@media all and (max-width:441px) {
    .container-countries {
        width: 60% !important;
    }

    .deviceList {
        width: 60%;
    }

    div.well.restrictions {
        margin: 0;
        width: auto;
        height: auto;
    }
}

/** Edit Campaign end*/
.restrictedColumn {
    word-wrap: break-word !important;
    white-space: normal !important;
    max-width: 300px;
    width: 300px;
}

input.searchFilter {
    width: 100%;
    height: 28px;
    padding: 5px;
    border: 1px solid #03a679 !important;
    box-shadow: none !important;
    border-radius: 5px;
    margin-top: 31px;
}