body {
  font-size: .875rem;
}

.loader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
  opacity: 0.95;
}

.loader img, .loader p {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Content
 */

[role="main"] {
  padding-top: 133px; /* Space for fixed navbar */
}

@media (min-width: 768px) {
  [role="main"] {
    padding-top: 48px; /* Space for fixed navbar */
  }
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

@media only screen and (min-width : 1200px) {
  .container { max-width: 100%; }
  .publish-btn { margin-top: 0!important; }
}

@media only screen and (max-width : 991px) {
    .pacing-btn { margin-top: 10px;}
}

body {background-color: #e2e2e2;background-position:center top;background-repeat: no-repeat;color:#46484d;background-size: cover;}

a:hover, a:active, a:focus {outline: 0;}
.btn-primary {color: #fff;background-color: #364055;border-color: #364055;font-weight:bold}
.btn-primary:hover {color: #fff;background-color: #4f5768;border-color: #4f5768;}
.btn-outline-primary {color: #364055;border-color: #364055;font-weight: bold}
.btn-outline-primary:hover {color: #fff;border-color: #4f5768;background-color: #4f5768}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary.focus, .btn-primary:focus {border-color: #6c87bc;background-color: #6c87bc}
.btn-group-sm > .btn, .btn-sm {border-radius: .4rem}
.export-btn,.export-btn-select {background-color: #fbb02c;border-color: #fbb02c}
.export-btn:hover,.export-btn-select:hover {background-color: #ffc560;border-color: #ffc560}
.export-toggle { display: inline; }
.export-type { position: absolute; right: 260px;
  top: 0px;
  z-index: 99999;
  display: none;
  margin-bottom: -100px;
  width: 120px;
}
.export-type .export-btn i {
  float: left;
  margin-top: 5px;
}
.export-type .export-btn { width: 105px; margin-bottom: 2px;}
.pause-btn {background-color: #a2a19c;border-color: #a2a19c}
.pause-btn:hover {background-color: #c3c2bd;border-color: #c3c2bd}
.reactivate-btn, .activate-btn {background-color: #97c264;border-color: #97c264}
.reactivate-btn:hover {background-color: #a5c67f;border-color: #a5c67f}
.publish-btn {background-color: #f68e56;border-color: #f68e56; margin-top:10px;}
.publish-btn:hover {background-color: #f5a77d;border-color: #f5a77d}
.inactive-btn {background-color: #d2d2d2;border-color: #d2d2d2; color: #364055}
.inactive-btn:hover {background-color: #d2d2d2;border-color: #d2d2d2}
.inactive-btn.selected {background-color: #364055;border-color: #364055; color: #FFF}
.inactive-btn.selected:hover {background-color: #364055;border-color: #364055; color: #d2d2d2}

.green-color {color:#97c264}bac
.red-color {color:#da6868}

thead {border-bottom:10px solid #fff}
.table thead th, .table th {border-bottom:none;border-top:none;background-color:#eee;color:#4a5c7f;padding-top:15px;padding-bottom: 15px}
.left-t-round {border-radius: 10px 0 0 10px;padding-left:25px !important}
.right-t-round {border-radius: 0 10px 10px 0}
/*table.dataTable.table-sm > thead > tr > th {padding-left: 20px}*/
table.dataTable.table-sm > thead > tr > th { padding: 10px; font-size: 12px;}
table.dataTable.table-sm .sorting::before, table.dataTable.table-sm .sorting_asc::before, table.dataTable.table-sm .sorting_desc::before {top: 15px;left: 0.1em;}
table.dataTable.table-sm .left-t-round::before {left: 0.7em;}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {left: 0.5em;content: "\2193";}
table.dataTable.table-sm .left-t-round::after {left: 1.1em;}
table.dataTable.table-sm .sorting::after, table.dataTable.table-sm .sorting_asc::after, table.dataTable.table-sm .sorting_desc::after {top: 15px;}
table.dataTable tr {line-height: 35px !important}
table.dataTable td {padding-left:20px}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: #f9fafd}
.table td, .table th {border-top: 1px solid #eee;}
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {background-color: #d2d5db}
.companies-bg {visibility: hidden; min-height: 50px;}
#info-data thead:after {content: ' ';display: block; height: 20px; }
.main-wraper {background-color: #ffffff; border-radius: 0;margin-top:0;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.50);-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.50);box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.50);padding-left:0px;padding-right:0px;margin-bottom:0;max-width:100%!important;}
table.dataTable .IDs {font-weight: bold;color:#364055}
.top-menu {background-color: #fff;border-radius: 10px;}
/*.client-campaign-menu {background-color: #364055;margin-top:-16px;line-height:58px;padding-top:12px;padding-bottom:0px;border-radius: 0 0 10px 10px;padding-left: 20px;padding-right: 20px;z-index: 6;margin-right: -10px}*/
.client-campaign-menu {line-height:58px;padding-bottom:0px;border-radius: 0 0 10px 10px;padding-left: 0px;padding-right: 0px;z-index: 6;margin-left: -55px;}
.client-campaign-menu a {color:#fff;font-weight: bold;}
.dropdown-menu a {color:#606e8b}
.client-campaign-menu .dropdown-menu {line-height: 35px}
.client-campaign-menu .dropdown:nth-of-type(2), .client-campaign-menu .dropdown:nth-of-type(3) {background: url(../images/menu-divider.gif) no-repeat left center;}
.client-campaign-menu .select2-clients, .client-campaign-menu .select2-campaigns, .client-campaign-menu .select2-campaigns-groups { width: 160px; }
.nav-link {padding:0}
.page-item.active .page-link {z-index: 3;color: #fff;background-color: #364055;border-color: #364055;}
.page-link {color:#364055;}
.main-menu {background-color: #eee;margin-top:-16px;line-height:21px;padding-top:34px;padding-bottom:34px;z-index:5;display:flex;align-items:center;text-align:center;border-radius: 0 0 10px 10px;}
.main-menu a{color:#606e8b;font-weight: bold}
.main-menu a:hover {color: #364055;}
/*.main-menu li {padding-right:20px}*/
.main-menu .active a{color:#a6adb9}
.settings-menu a i {color:#d3d7e0; float:left;padding-right:7px;margin-top:3px}
.settings-menu a {color:#1e2835;font-weight:bold}
.settings-menu a .logged-user {display: block;white-space: nowrap; width: 100px; overflow: hidden;}
.settings-menu a .function {display: block;font-size: 10px;color:#d3d7e0 !important;margin-top:-3px;}
.settings-menu .nav-settings {border-right: 2px solid #f7f7f7;margin-right: 10px;}
.companies-bg {background: #fff;border-radius: 10px;padding:20px;margin-bottom:50px}
.dataTables_length, .dataTables_info {text-align:right}
.dataTables_length  label{color:#364055;font-weight: bold !important;}
.dataTables_info {color:#bababa;font-size: 11px;margin-bottom:7px}
.record-action-group {background-color: #eee;border-radius: 10px;margin-top:-96px}
.record-action-group h6 {color:#364055;font-weight: bold;}
.record-action-publish {margin-top:-65px}
.pagination li {font-weight: bold;}
.action-info {font-size:12px;color:#72757a;margin-top:10px;display: block;}
.act-number {display:none}
.footer-logo {background-color: #fff;border-radius: 10px}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;}
#companies-table_filter {text-align: left;}
#companies-table_filter label {font-weight: bold;color:#4368b0;}
#companies-table_filter .form-control {width:600px}
div.dataTables_wrapper div.dataTables_filter input {margin-left: 0px}
.daterange-selector input {border: 0px;width:170px;cursor: pointer;}
.daterange-selector:hover {background-color:#fff;color:#364055}
.in-range  {background-color:#eee !important;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: #364055 !important;border-color: transparent;color: #fff;}
.dashboard-top,.dashboard-bottom { visibility: hidden;}
.dashboard-top .box-with-shadow{border-radius:10px;background:#fff;min-height:200px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);}
.dashboard-top h5 {color:#6a7386}
.dashboard-bottom {padding-top:20px}
/*.col-cust-5 {flex: 0 0 18.368%;max-width: 18.368%;}*/
.col-cust-5 {flex: 0 0 22.9874%;max-width: 22.9874%;}
.dashboard-count {font-size:45px}
.text-trend {line-height:45px;font-size: 0.8rem;font-weight:bold}
.text-increased {color:#00a55e;}
.text-decreased {color:#e02929;}
.selected-company-campaign .col-md-auto {border-radius:10px;background:#fff;}
.selected-company-campaign h5 {line-height: 21px;font-weight:bold;color:#1f1f1f; font-size: 1.2em;}
.selected-company-campaign h5 span {color:#364055}
.selected-company-campaign h5 img {vertical-align: bottom; max-width: 7px;}
/* Login page styles */
.login-block {padding-top:20px}
.login-wrapper {margin-top:10%}
.login-custom-width {flex: 0 0 20%;max-width: 20%;margin-left: 6%;margin-right: -1%;}
.login-right {overflow: hidden;}
.login-info {padding-left:150px;margin-top:14%}
.login-info h1 {font-size: 6vw;font-weight: bold;line-height: 105px;color: #fcb02e;text-transform: uppercase;text-shadow: 2px 2px 8px #1a1d22;}
.login-info h3 {font-size: 67px;font-weight: bold;margin-bottom: 20px;color: #fff;text-transform: uppercase;text-shadow: 2px 2px 8px #1a1d22;}
.login-info p {font-size:24px;line-height: 30px; color:#fff;text-shadow: 2px 2px 8px #1a1d22;}
/* update 20.04.2020 */
/*.range-btn {background-color:}*/
.compare-dropdown a {font-size:25px;color:#46484d}
.compare-dropdown div a {font-size:16px;}
.selected-company-campaign .client-campaign-title {border-radius:10px;background:#fff;}
.daterange-selector {background: #fff}
.compare-block {display: inline-block;}
.popup-compare {display: block; position: absolute;right: 75px;top: 40px;background: #fff;z-index: 2;padding: 20px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.20);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.20);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.20);border-radius: 10px}

.no-data {display: none; position: absolute;right: 35vw;top: 150px;background: #fff;z-index: 2;padding: 20px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.20);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.20);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.20);border-radius: 10px}

.tooltip-inner {background-color: #fff !important;color: #000;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.20);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.20);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.20);border-radius: 10px;text-align: left;padding: 40px 20px;max-width:350px;width:350px !important;margin-top:-5px;font-size:16px}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {border-top-color: #fff !important;display: none;}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {border-right-color: #fff !important;display: none;}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {border-bottom-color: #fff !important;display: none;}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {border-left-color: #fff !important;display: none;}

.client-campaign-menu, .new-user-menu {background-color: #364055;margin-top: -16px;line-height: 58px;padding-bottom: 0px;border-radius: 0 0 10px 10px;padding-left: 20px;padding-right: 20px;z-index: 6;margin-right: -10px;}
.client-campaign-menu a, .new-user-menu a {color: #fff;font-weight: bold;}
.login-bg {background: #fff;border-radius: 10px;padding: 20px;margin-bottom: 50px;}
.settings-menu {padding-left:0px !important}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}
.client-campaign-title {height:25px}
div.dataTables_wrapper div.dataTables_filter{text-align: left}
div.dataTables_wrapper div.dataTables_filter input {width:410px}
.export-type {background: #fff;border-radius: 10px;right: 253px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);width:auto!important;padding: 5px;opacity: .95;}
.export-btn {background: #fff;color: rgb(54, 64, 85);margin-right: 0px !important;border:0}
.share-btn {background: #fbb02c;border:1px solid #fbb02c}
.share-btn:hover {background-color: #ffc560;border-color: #ffc560;}

/* web leads */
.report-b2b {background: #fff}
.export-type.web-export {right: 130px !important;}
.showing-range { font-weight: 600}

/* customer reports */
#reportContainer {  width: 90%; height: 85vh; margin: 0 auto; }
iframe { border: none !important;}

/* dashboard */
.chart-bg { overflow-x: hidden;}

/* campaigns */
.searchFilter {  margin-bottom: 10px; }


/* login */
.forgot-password-box { display: none; padding-bottom: 50px;}

/* checkEmail */
.reset-box { padding-bottom: 150px;}
.logo-wrapper {padding-left:5px !important}
.daterangepicker .ranges li.active {background-color: #364055;}
.loader img, .loader p {filter: grayscale(90%);width:5%;}
.loader p {top: calc(50% + 75px);text-align:center;font-size: 2em;width: 100%;}

/* dimenzii na tabeli */
.co-companies #info-data thead th:nth-child(2) {width:19% !important}
.co-publications #info-data thead th:nth-child(2) {width:auto !important}
.co-publications #info-data thead th:nth-child(1), .co-publications #info-data thead th:nth-child(3), .co-publications #info-data thead th:nth-child(4), .co-publications #info-data thead th:nth-child(5), .co-publications #info-data thead th:nth-child(6), .co-publications #info-data thead th:nth-child(7), .co-publications #info-data thead th:nth-child(8), .co-publications #info-data thead th:nth-child(9) {width:7% !important}
.co-category #info-data thead th:nth-child(2) {width:auto !important}
.co-category #info-data thead th:nth-child(1), .co-category #info-data thead th:nth-child(3), .co-category #info-data thead th:nth-child(4), .co-category #info-data thead th:nth-child(5), .co-category #info-data thead th:nth-child(6), .co-category #info-data thead th:nth-child(7), .co-category #info-data thead th:nth-child(8), .co-publications #info-data thead th:nth-child(9) {width:7% !important}
.co-ads #info-data thead th:nth-child(3) {width:auto !important}
.co-ads #info-data thead th:nth-child(1), .co-ads #info-data thead th:nth-child(2), .co-ads #info-data thead th:nth-child(5), .co-ads #info-data thead th:nth-child(6), .co-ads #info-data thead th:nth-child(7) {width:7% !important}

.wl-b2bv #info-data thead th:nth-child(5), .wl-b2bv #info-data td:nth-child(5) {width:20%!important;max-width: 500px;overflow: hidden;}
.wl-b2bv #info-data thead th:nth-child(6), .wl-b2bv #info-data td:nth-child(6) {max-width: 130px!important; overflow: hidden;}
.wl-b2bv #info-data thead th:nth-child(1), .wl-b2bv #info-data thead th:nth-child(2), .wl-b2bv #info-data thead th:nth-child(3), .wl-b2bv #info-data thead th:nth-child(4){width:7% !important}
.wl-b2bv #info-data thead th:nth-child(3){width:27% !important}

.wl-tp #info-data thead th:nth-child(1) {width:auto !important}
.wl-tp #info-data thead th:nth-child(2) {width:7% !important}

.wl-b2bl #info-data thead th:nth-child(2) {width:auto !important}
.wl-b2bl #info-data thead th:nth-child(1), .wl-b2bl #info-data thead th:nth-child(3), .wl-b2bl #info-data thead th:nth-child(4), .wl-b2bl #info-data thead th:nth-child(5) {width:10% !important}

@media only screen and (max-width: 1550px) {
  .login-custom-width {flex: 0 0 20%;max-width: 330px;width:330px !important;margin-left: 1%;margin-right: -1%;}
  .login-info {padding-left:6%;margin-top:14%}
  .login-info h1 {line-height:85px}
  .login-info h3 {line-height: 65px;}
  .new-user-menu .nav-link {padding-right: .1rem !important;padding-left: .1rem !important;}
  .new-user-menu {margin-left: 10px;}
  .main-menu li {padding-right: 3px;}
  .main-menu {padding-left:20px !important;padding-right:0px !important}
  .logo-wrapper {margin-right: 35px !important;padding-left:5px}
  .settings-menu {margin-left:10px;margin-right:10px !important;padding-left: 0px !important;padding-right: 10px !important;}
  .chart-title {margin-right: 0px !important}
  .dashboard-count {font-size:35px}
}

span#pacing-factor-value {
    display: inline-block;
    position: relative;
    top: -3px;
    color: white;
    line-height: 12px;
    text-align: center;
    border-radius: 3px;
    background: #6c757d;
    padding: 5px 10px;
    margin-left: 8px;
}

span#pacing-factor-value::after {
    position: absolute;
    top: 4px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #6c757d;
    border-bottom: 7px solid transparent;
    content: '';
}

.save-pacing-btn,.save-pacing-btn:active,.save-pacing-btn:hover,.save-pacing-btn:focus, .submit-domain-lists-btn,.submit-domain-lists-btn:active,.submit-domain-lists-btn:hover,.submit-domain-lists-btn:focus, .data-losing-confirm,.data-losing-confirm:active,.data-losing-confirm:hover,.data-losing-confirm:focus {
    background-color: #97c264;
    border-color: #97c264;
}

.save-pacing-btn:hover, .submit-domain-lists-btn:hover {
    opacity: .7;
}

.select-campaign:hover {
    cursor: pointer;
}

#errorModal, #dataLosingModal {
    text-align: center;
    color: red;
}

#successModal {
    text-align: center;
    color: #97c264;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
    display: block;
    position: absolute;
    top: 1.2em;
    left: 30%;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: ' ';
    margin-top: -9px;
    margin-left: -6px;
    border: 2px solid #636363;
    border-radius: 6px;
}

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    content: '\2714';
    margin-top: -13px;
    margin-left: -6px;
    text-align: center;
    text-shadow: none;
}

.show-btns-after-creating-creative {
  display: none;
}

.select-data-menu {
  padding: 0;
}

.select-data-menu ul {
  margin: 0;
  padding: 20px 0; 
  width: 100%;
  margin-top: -16px;
  border-radius: 0;
  justify-content: center;
}

.nav-item-description {
  color: #fff;
  font-size: 1.2em;
  line-height: 0;
  margin: 10px 0 0 0.5rem;
}

.dropbtn {
  background-color: #364055;
  color: white;
  font-size: 16px;
  border: none;
}

.dropbtn:focus {
  outline: none;
}

.dropdown-menu-btn {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 200px;
  z-index: 100;
  line-height: 35px;
  left: 0;
  top: 76px;
}

.dropdown-content a {
  background-color: #364055;
  color: #fff;
  padding: 0 16px;
  text-decoration: none;
  display: block;
  font-weight: normal;
}

.dropdown-content a:hover, .dropdown-menu-btn:hover, .dropdown-menu-btn:hover .dropbtn {background-color: #6d7994;}

.dropdown-menu-btn:hover .dropdown-content {display: block;}

.client-campaign-menu-container {
  background-color: #364055;
  min-width: 80%;
  justify-content: space-between;
}

.status-filter-markup {
  width: 120px;
  text-align: left;
  border-color: #000;
}

#select2-status-filter-container {
  text-align: left;
}

#select-status-container .select2-container--default .select2-selection--single {
  border-color: #000;
}

#select-status-container .select2-container .select2-selection--single {
  height: 33px;
  border-radius: 0.4rem;
}

#select-status-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
}

#select-status-container .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
}

#select-status-container .select2-dropdown {
  width: 120px!important;
}