@primary-color: #1442f9;
@layout-header-background: #1442f9;
@menu-item-color: #1442f9;
@table-header-color: #1442f9;
@secondary-text-color: #6670e8;
@secondary-background-color: #df249d;

// VARIATIONS
@primary-background-color-button: #df249d;
@primary-text-color-button: white;
@primary-background-color-collapse-header: #df249d;
@secondary-color-contrast-primary: white;
@login-image: '';
@landing-image: '';
@logo-image: '';
@preview-image: '';
@cart-image: '';
@blue-box-image: '';
@pink-box-image: '';
@theme: 'false';
@theme-valid-black: 'false';
@theme-valid-greensocial: 'false';
@theme-valid-bluercn: 'false';
@theme-valid-orangeexistaya: 'false';
@theme-valid-victoriafriends: 'false';
@theme-valid-iki: 'false';
@theme-valid-theme10: 'false';
@theme-valid-theme2: 'false';
@theme-valid-atv: 'false';
@theme-valid-rebold: 'false';
@theme-valid-mbcs: 'false';
@theme-valid-main: 'false';
@theme-valid-login-img: 'false';
@theme-valid-landing-img: 'false';

// Antd
.ant-btn {
  &-primary,
  &-primary:hover,
  &-primary:focus,
  &-primary:active {
    background-color: @primary-background-color-button!important;
    border-color: @primary-background-color-button!important;
    color: @primary-text-color-button!important;
  }
}

.ant-tabs {
  .ant-tabs-ink-bar {
    background-color: @primary-color!important;
  }
}

.ant-layout-header {
  background-color: @layout-header-background!important;
}

.ant-table {
  &-thead > tr > th {
    color: @table-header-color!important;
  }
}

.ant-layout-sider {
  .ant-menu {
    .ant-menu-submenu,
    .ant-menu-item {
      i {
        color: @primary-color!important;
      }

      &.ant-menu-item-selected {
        border-bottom-color: @primary-color!important;
      }
    }
  }
}

.ant-tag {
  border-color: @primary-color!important;
  background-color: @primary-color!important;
  color: @secondary-color-contrast-primary!important;
}

.ant-layout,
.ant-modal-root,
.ant-modal-content {
  .float-label-container {
    .label-float {
      color: @primary-color!important;
    }
  }
}

.ant-switch-checked {
  &::after {
    background-color: @primary-background-color-button!important;
  }
}

.ant-descriptions {
  .ant-descriptions-item {
    .ant-descriptions-item-label {
      color: @primary-color!important;
    }
  }
}

.ant-btn-link {
  color: @primary-color!important;
}
// =============================================================================
// LOCAL STYLES
// =============================================================================

a {
  color: @primary-color!important;
  &:hover {
    color: revert !important;
  }
}

.avatar-decor {
  &:after {
    border-right-color: @primary-background-color-button!important;
  }
  &:before {
    border-right-color: @primary-color!important;
  }
}

.highlight-text {
  color: @primary-color!important;
}

// =============================================================================
// SIDER
// =============================================================================
.ant-layout-sider {
  .menu-header {
    h2 {
      color: @primary-color!important;
    }
  }
}

// =============================================================================
// Spinning
// =============================================================================

.loading-container.initial {
  background-color: @primary-color!important;
}

// =============================================================================
// Icons
// =============================================================================
// .icon-eye:before,
// .icon-reel:before,
// .icon-share:before {
//   color: @primary-color!important;
// }

// =============================================================================
// TO BACK BAR
// =============================================================================
.to-back-bar {
  i {
    color: @primary-color!important;
  }
}

// =============================================================================
// Login
// =============================================================================

.forgot-password,
.login {
  background: @primary-color;
  overflow: hidden;
}

.landing {
  background-image: url('./static/themes/main/landing-fluvip.jpg') !important;
  position: relative;
  background-repeat: round;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

  .ant-col {
    z-index: 100;
  }

  .ant-btn-primary {
    background-color: @primary-color;
    color: white !important;
    border-radius: 0% !important;
  }
  .send-container {
    margin-top: 32% !important;
  }
  .login-landing {
    color: white !important;
  }
  .logo-fluvip {
    background-image: url('/static/themes/main/powered_by.svg') !important;
    position: absolute;
    background-repeat: no-repeat;
    width: auto;
    height: 100px;
    top: 80%;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 400px;
    background-position: center;
  }

  @media screen and (max-width: 992px) {
    background-image: none !important;
    background-size: auto;

    &::before {
      content: '';
      position: absolute;
      background-image: url('./static/themes/main/landing-fluvip.jpg') !important;
      width: 100vw;
      background-size: 400vw;
      top: 0;
      bottom: 0;
      -webkit-filter: blur(3px);
      -moz-filter: blur(3px);
      -o-filter: blur(3px);
      -ms-filter: blur(3px);
      filter: blur(3px);
      transform-origin: 50%;
      transform: scale(1.3);
    }
    &::after {
      content: '';
      position: absolute;
      background-image: url('./static/themes/main/landing-fluvip.jpg') !important;
      width: 100vw;
      height: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      top: 20vw;
    }

    .logo-fluvip {
      background-size: 280px;
    }
  }

  @media screen and (max-width: 576px) {
    &::after {
      top: 40vw;
    }
    .logo-fluvip {
      background-size: 150px;
    }
  }
}

& when (@theme = true) {
  .container-landing {
    position: relative;
  }
  .landing {
    & when (@theme-valid-landing-img = true) {
      background-image: url(@landing-image) !important;
      position: absolute;
      background-repeat: round;
      width: 100%;
      height: 100vh;
      .ant-btn-primary {
        color: white !important;
        border-radius: 0% !important;
      }
      .send-container {
        margin-top: 32% !important;
      }
      .login-landing {
        color: white !important;
      }
      .logo-fluvip {
        background-image: url('/static/themes/main/powered_by.svg') !important;
        position: absolute;
        background-repeat: no-repeat;
        width: 20%;
        height: 100%;
        margin-top: 10% !important;
      }
    }
    @media screen and (max-width: 992px) {
      background-image: none !important;
      background-size: auto;

      &::before {
        content: '';
        position: absolute;
        background-image: url(@landing-image) !important;
        width: 100vw;
        background-size: 400vw;
        top: 0;
        bottom: 0;
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px);
        transform-origin: 50%;
        transform: scale(1.3);
      }
      &::after {
        content: '';
        position: absolute;
        background-image: url(@landing-image) !important;
        width: 100vw;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        top: 20vw;
      }

      .logo-fluvip {
        background-size: 280px;
      }
    }

    @media screen and (max-width: 576px) {
      &::after {
        top: 40vw;
      }
      .logo-fluvip {
        background-size: 150px;
      }
    }
  }
  .forgot-password,
  .login {
    background: @primary-color;
    & when (@theme-valid-login-img = true) {
      background-image: url(@login-image) !important;
      position: absolute;
      background-repeat: round !important;
      width: 100%;
      .ant-btn-primary {
        background-color: @primary-color;
        color: black !important;
      }
    }
    & when (@theme-valid-black = true) {
      background-image: url(@login-image) !important;
      position: absolute;
      background-repeat: round !important;
      width: 100%;
      .ant-btn-primary {
        background-color: white !important;
        color: black !important;
      }
    }
    & when (@theme-valid-rebold = true) {
      background-image: url(@login-image) !important;
      position: absolute;
      background-repeat: round !important;
      width: 100%;
      .ant-btn-primary {
        background-color: white !important;
        color: black !important;
      }
    }
    & when (@theme-valid-theme10 = true) {
      background-image: url(@login-image) !important;
      position: absolute;
      background-repeat: round !important;
      width: 100%;
      .ant-btn-primary {
        background-color: @primary-color;
        color: white !important;
      }
    }
    & when (@theme-valid-victoriafriends = true) {
      background-image: url(@login-image) !important;
      position: absolute;
      background-repeat: round !important;
      width: 100%;
      .ant-btn-primary {
        background-color: @primary-color;
        color: white !important;
      }
    }
    & when (@theme-valid-mbcs = true) {
      background-image: url(@login-image) !important;
      position: absolute;
      background-repeat: round !important;
      width: 100%;
      .ant-btn-primary {
        background-color: @primary-color;
        color: white !important;
      }
    }
  }
  .header {
    & when (@theme-valid-orangeexistaya = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 50px !important;
          width: 210px !important;
        }
      }
    }
    & when (@theme-valid-black = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 60px !important;
          width: 130px !important;
        }
      }
    }
    & when (@theme-valid-greensocial = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 40px !important;
          width: 210px !important;
        }
      }
    }
    & when (@theme-valid-bluercn = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 50px !important;
          width: 70px !important;
        }
      }
    }
    & when (@theme-valid-theme10 = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 50px !important;
          width: 125px !important;
        }
      }
    }
    & when (@theme-valid-theme2 = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 50px !important;
          width: 125px !important;
        }
      }
    }
    & when (@theme-valid-victoriafriends = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 50px !important;
          width: 125px !important;
        }
      }
    }
    & when (@theme-valid-iki = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 50px !important;
          width: 44px !important;
        }
      }
    }
    & when (@theme-valid-main = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 50px !important;
          width: 130px !important;
        }
      }
    }
    & when (@theme-valid-atv = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 14px !important;
          width: 140px !important;
        }
      }
    }
    & when (@theme-valid-rebold = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 34px !important;
          width: 140px !important;
        }
      }
    }
    & when (@theme-valid-mbcs = true) {
      a {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 34px !important;
          width: 140px !important;
        }
      }
    }
  }

  .sna-cart {
    .cart-header {
      background-image: url(@cart-image) !important;
    }
  }

  .statistics-container {
    &:before {
      background-image: url(@preview-image) !important;
      height: 1000px !important;
      width: 100% !important;
    }

    .logo-container {
      .img-logo {
        height: 60px;
        background-image: url(@logo-image) !important;
      }
      & when (@theme-valid-bluercn = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 100px !important;
        }
      }
      & when (@theme-valid-greensocial = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          width: 20% !important;
          height: 70px !important;
        }
      }
      & when (@theme-valid-orangeexistaya = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          width: 180px !important;
          height: 70px !important;
        }
      }
      & when (@theme-valid-iki = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 210px !important;
          width: 170px !important;
        }
      }
      & when (@theme-valid-theme2 = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 70px !important;
          width: 130px !important;
        }
      }
      & when (@theme-valid-atv = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 33px !important;
          width: 19% !important;
        }
      }
      & when (@theme-valid-rebold = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 54px !important;
          width: 12% !important;
        }
      }
      & when (@theme-valid-mbcs = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 60px !important;
          width: 14% !important;
        }
      }
    }
  }

  .proposal-container {
    &:before {
      background-image: url(@preview-image) !important;
      height: 1000px !important;
      width: 100% !important;
    }

    .logo-container {
      .img-logo {
        background-image: url(@logo-image) !important;
        height: 80px !important;
      }
      & when (@theme-valid-bluercn = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 150px !important;
        }
      }
      & when (@theme-valid-greensocial = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          width: 20% !important;
          height: 70px !important;
        }
      }
      & when (@theme-valid-iki = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 210px !important;
          width: 170px !important;
        }
      }
      & when (@theme-valid-theme2 = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 90px !important;
          width: 180px !important;
        }
      }
      & when (@theme-valid-atv = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 37px !important;
          width: 21% !important;
        }
      }
      & when (@theme-valid-rebold = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 56px !important;
          width: 12% !important;
        }
      }
      & when (@theme-valid-mbcs = true) {
        .img-logo {
          background-image: url(@logo-image) !important;
          height: 54px !important;
          width: 12% !important;
        }
      }
    }
  }

  .engagement-box {
    &.pink-box {
      .totals {
        background-image: url(@pink-box-image) !important;
      }
    }
    &.blue-box {
      .totals {
        background-image: url(@blue-box-image) !important ;
      }
    }
  }

  .loading-container {
    .logo {
      background-image: url(@logo-image) !important;
      height: 80px !important;
    }
    & when (@theme-valid-bluercn = true) {
      .logo {
        background-image: url(@logo-image) !important;
        height: 140px !important;
      }
    }
    & when (@theme-valid-greensocial = true) {
      .logo {
        background-image: url(@logo-image) !important;
        width: 20% !important;
        height: 70px !important;
      }
    }
    & when (@theme-valid-atv = true) {
      .img-logo {
        background-image: url(@logo-image) !important;
        height: 37px !important;
        width: 21% !important;
      }
    }
    & when (@theme-valid-rebold = true) {
      .img-logo {
        background-image: url(@logo-image) !important;
        height: 50px !important;
      }
    }
    & when (@theme-valid-mbcs = true) {
      .img-logo {
        background-image: url(@logo-image) !important;
        height: 50px !important;
      }
    }
    & when (@theme-valid-iki = true) {
      .logo {
        background-image: url(@logo-image) !important;
        height: 200px !important;
      }
    }
  }
}

// =============================================================================
// TABLE FILTERS
// =============================================================================

.table-filters {
  .input-type-text {
    .ant-input {
      border-color: @primary-color!important;
      color: @primary-color!important;
    }
  }
}

.title-container {
  .title-content {
    &:before {
      background-color: @primary-color!important;
    }
  }
}

// =============================================================================
// Briefs
// =============================================================================

.briefs {
  .budget-currency {
    color: @primary-color;
  }
}

// =============================================================================
// TABLES
// =============================================================================

.ant-table-wrapper {
  table {
    tbody {
      .networks {
        i {
          color: @primary-color!important;
        }
      }
      i {
        color: @primary-background-color-button!important;
      }
    }
  }
}

.ant-layout,
.ant-modal-content,
.ant-modal-root {
  .ant-form-item {
    &.slider-input {
      &.has-value {
        .input-label {
          color: @primary-color;
        }
      }
    }
    .ant-radio-group {
      .ant-radio-button-wrapper {
        &.ant-radio-button-wrapper-checked {
          background-color: @primary-color!important;
          border-color: @primary-color!important;
          color: @secondary-color-contrast-primary!important;
        }
      }
    }
  }
}

.ant-layout {
  .ant-radio-group-solid
    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
  .ant-radio-group-solid
    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    background-color: @primary-color!important;
    border-color: @primary-color!important;
    color: @secondary-color-contrast-primary!important;
  }
}

.ant-form-item {
  &.text-area {
    textarea {
      border-color: @primary-color!important;
    }
    .input-label {
      color: @primary-color!important;
    }
  }
  .has-value,
  .has-success {
    .ant-input,
    .ant-select-selection {
      border-color: @primary-color!important;
      i.anticon.anticon-down.ant-select-arrow-icon {
        color: @primary-color!important;
      }
    }
  }
  .float-label-container {
    .label {
      &.label-float {
        color: @primary-color!important;
      }
    }
  }
  .ant-select {
    .ant-select-selection--multiple {
      .ant-select-selection__choice {
        background-color: @primary-color!important;
        color: @secondary-color-contrast-primary!important;
      }
    }
  }
}
.field-with-add-button {
  .add-button {
    background-color: @primary-background-color-button!important;
    color: @secondary-color-contrast-primary!important;
  }
}

.label-title {
  color: @primary-color!important;
}

.profile-photo-container {
  .ant-upload.ant-upload-drag {
    background-color: @primary-color!important;
    .ant-upload-btn {
      &:before {
        border-right-color: @primary-color!important;
      }
      &:after {
        border-right-color: @secondary-background-color!important;
      }
    }
  }
}

.ant-form {
  .toggle {
    color: @primary-color!important;
  }
}

// svg {
//   stroke: @primary-color!important;
// }
.ant-input-group-addon {
  svg {
    fill: @primary-color!important;
  }
}
// =============================================================================
// Campaign Hub
// =============================================================================

.campaign-hub {
  .brief {
    .brief-options {
      .ant-btn-icon-only.ant-btn-lg {
        color: @primary-background-color-button;
      }
    }
  }
  .proposals {
    .ant-collapse-content-box {
      .proposal-item {
        .proposal-status {
          p {
            color: @primary-color!important;
            &.Approved {
              color: @primary-color!important;
              border-color: @primary-color!important;
            }
          }
        }
        .proposal-budget {
          color: @primary-color!important;
        }
        .proposal-networks {
          i {
            color: @primary-color!important;
          }
        }
        .proposal-actions {
          i {
            color: @primary-background-color-button;
          }
        }
      }
    }
  }
}

// =============================================================================
// Common Styles
// =============================================================================

.campaign-header {
  .campaign-contact {
    p {
      i {
        color: @primary-color!important;
      }
    }
  }
  .campaign-info {
    p {
      span {
        color: @primary-color!important;
      }
    }
    .agency-value {
      color: @primary-color!important;
    }
  }
  .progress-bar {
    .ant-progress-bg {
      background-color: @primary-color!important;
    }
  }
}

// =============================================================================
// Proposal
// =============================================================================

.proposal-header {
  .data-wrapper {
    .start-date {
      p {
        color: @primary-color!important;
      }
      h5 {
        span {
          color: @primary-color!important;
        }
      }
    }

    .campaing-name {
      span {
        color: @primary-color!important;
      }

      .select-container {
        .ant-select-selection {
          .ant-select-selection-selected-value {
            color: @primary-color!important;
          }
        }
      }
    }
    .media-title {
      color: @primary-color!important;
      &:before {
        background-color: @primary-color!important;
      }
    }
    .social-agency-title {
      color: @primary-color!important;
    }

    .sna-icons {
      i {
        color: @primary-color!important;
      }
    }
  }
}

.proposal-description {
  h2 {
    color: @primary-color!important;
  }
}

.proposal-section {
  h3 {
    color: @primary-color;
  }
  .title-with-border {
    &:before {
      background-color: @primary-color!important;
    }
  }
}
.proposal-description-items {
  i {
    color: @primary-color!important;
  }
}

p.proposal-end-date-content {
  span {
    color: @primary-color!important;
  }
}
// =============================================================================
// Proposal Reach
// =============================================================================

.proposal-section.proposal-reach {
  .reach-data {
    .titles {
      h5 {
        color: @primary-color!important;
      }
    }
    .totals {
      .total {
        background-color: @primary-color!important;
        color: @secondary-color-contrast-primary!important;
      }
    }
    .data-per-network {
      .reach-network {
        .social-div {
          i {
            color: @primary-color!important;
          }
        }
      }
    }
  }
}

// =============================================================================
// Proposal Content
// =============================================================================

.proposal-section.proposal-content {
  h4 {
    color: @primary-color!important;
  }
  .total-wrapper {
    .totals {
      background-color: @primary-color!important;
    }
  }
}

// =============================================================================
// Proposal Influencers
// =============================================================================

.influencer-profile-collapse-container {
  .ant-collapse-header {
    .header-profile-container {
      .header-profile-info {
        .header-profile-subtitle {
          color: @primary-color!important;
        }
        .snas {
          i {
            color: @primary-color!important;
          }
        }
      }
    }
  }
  .influencer-profile-information-container {
    .profile-information-container {
      .profile-information-description-content {
        .profile-information-media-content {
          h5 {
            color: @primary-color!important;
          }
          i {
            color: @primary-color!important;
          }
        }
      }
      .profile-audience-container {
        h4 {
          i {
            color: @primary-color!important;
          }
        }
      }
    }
    h3.format-title {
      color: @primary-color!important;
    }

    table {
      tbody {
        .format-quantity {
          color: @primary-color!important;
        }
        i {
          color: @primary-color!important;
        }
        tr {
          &:last-child {
            td {
              color: @primary-color!important;
            }
          }
        }
      }
    }
  }
  .production-cost {
    border-color: @primary-color!important;
    background-color: @primary-color!important;
    .production-costs_title {
      color: @primary-color!important;
    }
    .production-cost_button {
      background-color: @primary-color!important;
      color: @secondary-color-contrast-primary!important;
    }
  }
}

// =============================================================================
// Proposal Campaign Costs
// =============================================================================

.proposal-section.proposal-campaing-cost {
  .description {
    color: @primary-color!important;
  }
  p.total-to-pay {
    span {
      color: @primary-color!important;
    }
  }
  .cost-percentages {
    li {
      i {
        color: @primary-color!important;
      }
    }
  }
}

// =============================================================================
// Proposal Menu
// =============================================================================
.proposal-menu-container {
  .proposal-menu-content {
    .proposal-menu-ul-content {
      .proposal-menu-link {
        .ant-btn-link {
          &.proposal-menu-link-active {
            color: @primary-color!important;
          }
          &:hover {
            color: @primary-color!important;
          }
        }
        &:hover,
        &.proposal-menu-active {
          &:before {
            background-color: @primary-color!important;
            border-color: @primary-color!important;
          }
        }
      }
    }
  }
}

// =============================================================================
// SNA Insights
// =============================================================================

.sna-insights {
  .sna-insights-wrapper {
    .step-icon-container {
      i {
        background: @primary-color!important;
        color: @secondary-color-contrast-primary!important;
      }
    }
    .geo-insights {
      .geo-item {
        .percentage {
          color: @primary-color!important;
        }
      }
    }
    .gender-insights {
      p {
        color: @primary-color!important;
      }

      div.male {
        p {
          &:after {
            background-color: @primary-color!important;
          }
        }
        svg {
          g {
            stroke: @primary-color!important;
          }
        }
      }

      div.female {
        p {
          &:after {
            background-color: @primary-color!important;
          }
        }
        svg {
          g {
            stroke: @primary-color!important;
          }
        }
      }
    }
    .age-insights {
      .ant-list-item {
        .ant-progress-text {
          color: @primary-color!important;
        }
      }
    }
  }
}

// =============================================================================
// Proposal Steps
// =============================================================================

.proposal-steps {
  &.blue {
    span {
      color: @primary-color!important;
      border-color: @primary-color!important;
    }
    p {
      color: @primary-color!important;
    }
    .active {
      span {
        background-color: @primary-color!important;
        color: @secondary-color-contrast-primary!important;
      }
    }
    li {
      &:before {
        background-color: @primary-color!important;
      }
    }
  }
}

// =============================================================================
// Sna Cart
// =============================================================================

.sna-cart {
  .cart-contents {
    .cart-item {
      .final-price {
        color: @primary-color!important;
      }
    }
  }
  .cart-content-resume {
    .cart-total-col {
      .number-total {
        color: @primary-color!important;
      }
    }
  }
}

// =============================================================================
// Sna Filters
// =============================================================================

.sna-filters {
  .sna-item {
    .sna-data {
      .sna-resume {
        .sna-resume-title {
          i {
            color: @primary-color!important;
          }
        }
        p {
          color: @primary-color!important;
        }
      }
      .sna-edit-icon,
      .sna-reload-icon {
        color: @primary-background-color-button!important;
      }
    }
    .add-content {
      .activity-container {
        i {
          color: @primary-color!important;
        }
      }
      .currency-container {
        color: @primary-color!important;
      }
    }
    .ant-collapse {
      .ant-collapse-item {
        &:nth-child(1) {
          .ant-collapse-header {
            background-color: @primary-background-color-collapse-header!important;
            color: @secondary-color-contrast-primary!important;
          }
        }
        &:nth-child(2) {
          .ant-collapse-header {
            background-color: @primary-background-color-collapse-header!important;
            color: @secondary-color-contrast-primary!important;
          }
        }
      }
    }
    .add-production-costs {
      .sna-production {
        .cost-col {
          .currency {
            color: @primary-color!important;
          }
        }
      }
    }
  }
  .aditional-filters {
    .ant-collapse-arrow {
      color: @primary-color!important;
    }
  }
  .sna-insights-title {
    i {
      color: @primary-color!important;
    }
  }
}

// =============================================================================
// Campaign Checkout
// =============================================================================

.checkout {
  .finantial-resume {
    .resume-header {
      .profitability-circle {
        background-color: @primary-color!important;
        color: @secondary-color-contrast-primary!important;
      }
    }
    .resume-table {
      thead {
        th {
          color: @primary-color!important;
        }
      }
    }
    .utility-container {
      .utility-value {
        background-color: @primary-color!important;
      }
      p {
        color: @primary-color!important;
      }
    }
  }
  .checkout-item {
    &.checkout-header {
      td {
        color: @primary-color!important;
      }
    }
    .currency {
      color: @primary-color!important;
    }
  }
}

// =============================================================================
// Statistics container
// =============================================================================

.statistics-container {
  .statistics {
    .results-header {
      h2 {
        i {
          color: @primary-color!important;
        }
      }
    }
    .statistics-header {
      .campaign-status {
        background-color: @secondary-background-color!important;
      }
      .campaign-data {
        p {
          span {
            color: @primary-color!important;
          }
        }
      }
    }
    .posts-contracted {
      h2 {
        color: @secondary-text-color!important;
        span {
          color: @primary-color!important;
        }
        .posts-contracted-initial {
          color: @secondary-text-color!important;
        }
      }
    }
    .statistics-collapse {
      h2 {
        color: @primary-color!important;
      }
      .header-data {
        p {
          color: @primary-color!important;
        }
      }
      .percentage-description {
        background-color: @primary-color!important;
        color: @secondary-color-contrast-primary!important;
      }
      .percentage {
        color: @primary-color!important;
      }
      .numbers-data {
        .percentage-data {
          color: @primary-color!important;
          p {
            color: @primary-color!important;
          }
        }
      }
      .ant-collapse-item-active {
        border-bottom-color: @primary-color!important;
      }
    }
    .tabs-section {
      .tab-title {
        color: @primary-color!important;
      }
    }
    .tab-body {
      .data-per-network-detail {
        .obtained {
          color: @primary-color!important;
        }
      }
      .data-per-network {
        p {
          color: @primary-color!important;
          i {
            color: @primary-color!important;
          }
        }
      }
      .insights-content-col {
        &.blue {
          .number,
          i {
            color: @primary-color!important;
          }
        }
      }
    }
    .total-number {
      background-color: @primary-color!important;
      color: @secondary-color-contrast-primary!important;
    }
    .totals-data {
      border-bottom-color: @primary-color!important;
      .totals {
        span {
          color: @primary-color!important;
        }
      }
    }
    .blue-boxes {
      .blue-box {
        background-color: @primary-color!important;
        color: @secondary-color-contrast-primary!important;
      }
    }
    .ranking-section {
      .table-title {
        color: @primary-color!important;
      }
      .raking-item-container {
        .position {
          color: @primary-color!important;
        }
        .activity-icons {
          i {
            color: @primary-color!important;
          }
        }
      }
    }
  }
  .publications-list {
    .publication {
      border-bottom-color: @primary-color!important;
      .publication-body {
        i,
        p {
          color: @primary-color!important;
        }

        .see-more-publication {
          background-color: @primary-color!important;
        }
      }
    }
  }
}

// =============================================================================
// Radial Bar
// =============================================================================

.compliance-percent {
  span {
    color: @primary-color!important;
  }
}

// =============================================================================
// Indicator Management
// =============================================================================

.indicator-management {
  .subtitle {
    color: @primary-color!important;
  }
}

// =============================================================================
// Indicator Item
// =============================================================================

.indicator-item {
  .chart-total {
    color: @secondary-background-color!important;
  }
  .label {
    color: @primary-color!important;
  }
}

// =============================================================================
// Bar Item
// =============================================================================

.bar-item {
  .bar-wrapper {
    .bar {
      background: @primary-color!important;
    }
  }
  .value {
    color: @primary-color!important;
  }
  .img-wrapper {
    .icon-item {
      color: @primary-color!important;
    }
  }
}

// =============================================================================
// Brands
// =============================================================================

.brand-form {
  .toggle {
    color: @primary-color!important;
  }
  .brand-info {
    .images-container {
      .banner-container {
        .banner-input {
          background-color: @primary-color!important;
        }
      }
    }
  }
}
.logo-container {
  .file-input {
    background: linear-gradient(
      0deg,
      rgba(7, 27, 98, 1) 37%,
      @primary-color 37%
    );
  }
}

// =============================================================================
// Finance
// =============================================================================

.content-resume {
  .item {
    &.content-resume-header {
      td {
        color: @primary-color!important;
      }
    }
    .property {
      .activity-container {
        i {
          color: @primary-color!important;
        }
      }
    }
  }
}

.account-info-container {
  .account-username {
    color: @primary-color!important;
  }
}

// =============================================================================
// SNT
// =============================================================================

.snt-form-inputs {
  .ant-col {
    &.insight-container {
      .insights-label {
        color: @primary-color!important;
      }
    }
  }
}

// =============================================================================
// Campaign Content
// =============================================================================

.campaign-content-container {
  .campaign-content {
    .ant-tabs {
      .tab-title-container {
        .icon-activity {
          color: @primary-color!important;
        }
      }
    }
    .content-description {
      .content-description-proposals {
        .content-manual-proposal-container {
          .content-manual-proposal-banner {
            background: @primary-color!important;
          }
          .activity-select-container {
            h2 {
              color: @primary-color!important;
            }
          }
          .permalink-container {
            .cross-line {
              background: @primary-color!important;
            }
            input[name='permalink'] {
              border-color: @primary-color!important;
            }
          }
          .manual-proposal-second-step-title {
            color: @primary-color!important;
            border-color: @primary-color!important;
          }
        }
      }
    }
  }
  .sna-data {
    .sna-resume {
      h3 {
        i {
          color: @primary-color!important;
        }
      }
      p {
        color: @primary-color!important;
      }
    }
  }
}