@charset "UTF-8";
body.spike-community {
  background: #fafafa; }
  body.spike-community .login div.form-group.row > div:nth-child(3) {
    display: none; }
  body.spike-community .login .logo {
    background: url("/images/spike-logo.png") center center no-repeat;
    background-size: contain;
    margin-bottom: 35px; }

:root {
  --flow-boreder-radius: 0px;
  --flow-main-background: #c6ff00;
  --flow-page-background: #efebe9;
  --flow-font-color: #5d4037;
  --flow-intence-color: #f57c00;
  --flow-logo: none !important; }

body.spike-branding {
  background: none !important;
  background-color: var(--flow-page-background) !important;
  padding-bottom: 0 !important;
  /* #kinetica-app */
  /** report **/
  /** agent page **/ }
  body.spike-branding table {
    background: #FFFFFF !important; }
  body.spike-branding .container-fluid .login {
    box-shadow: none !important;
    border-radius: 0 !important;
    background: var(--flow-main-background) !important;
    padding: 0px;
    padding-top: 30px;
    border: 0; }
    body.spike-branding .container-fluid .login form {
      margin-top: 30px;
      padding: 62px 40px 31px 40px;
      background: #FFFFFF; }
    body.spike-branding .container-fluid .login .logo {
      height: 60px !important;
      margin-bottom: 0 !important;
      background-image: var(--flow-logo);
      background-position: center 20px !important;
      background-repeat: no-repeat !important;
      background-size: 100px !important; }
    body.spike-branding .container-fluid .login .form-group.row > div {
      display: none !important; }
      body.spike-branding .container-fluid .login .form-group.row > div:first-child {
        display: block !important; }
    body.spike-branding .container-fluid .login .btn-primary.btn {
      background-color: var(--flow-intence-color) !important;
      border-color: transparent !important;
      border-radius: 0 !important; }
    body.spike-branding .container-fluid .login .input-group-addon:first-child {
      display: none !important; }
    body.spike-branding .container-fluid .login .input-group {
      display: block !important; }
    body.spike-branding .container-fluid .login input[type='text'], body.spike-branding .container-fluid .login input[type='password'] {
      width: 100% !important;
      max-width: 100% !important;
      display: block !important;
      border-radius: 0 !important;
      position: relative !important;
      float: none !important;
      color: var(--flow-font-color) !important; }
  body.spike-branding > #layout > #content {
    padding-bottom: 0 !important; }
  body.spike-branding .mail-intro {
    background-image: url(--flow-logo) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: 210px !important;
    padding-top: 90px !important; }
  body.spike-branding .mail-intro[style="transform: matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1);"] {
    background-image: none !important; }
  body.spike-branding > #layout > #content > .mail {
    padding-bottom: 160px !important;
    background-color: var(--flow-page-background) !important; }
  body.spike-branding .f-mail [b-input] {
    border-radius: 0 !important; }
  body.spike-branding .mail h1 > i {
    background-color: var(--flow-intence-color) !important; }
  body.spike-branding .mail h1 > i:after {
    border-left: 20px solid var(--flow-intence-color) !important; }
  body.spike-branding a:not(.label) {
    color: var(--flow-intence-color) !important; }
  body.spike-branding .f-mail-section .question.blue, body.spike-branding .link-hider {
    color: var(--flow-intence-color) !important; }
  body.spike-branding .f-mail-plus, body.spike-branding .f-mail-minus {
    background: var(--flow-intence-color) !important; }
  body.spike-branding .f-mail-select-icon {
    background: var(--flow-intence-color) !important; }
  body.spike-branding .f-mail-select-item {
    color: var(--flow-intence-color) !important; }
  body.spike-branding .link-hider:after, body.spike-branding .addbriefing-link-hider > a:after, body.spike-branding .ik_select_link_text:after, body.spike-branding .addbriefing-link-hider > a:after {
    content: '▼' !important;
    background: none !important;
    background-image: none !important;
    color: var(--flow-intence-color) !important; }
  body.spike-branding .link-hider.open:after, body.spike-branding .addbriefing-link-hider > a.open:after, body.spike-branding .ik_select_link_text.open:after, body.spike-branding .addbriefing-link-hider > a.open:after {
    content: '▲' !important; }
  body.spike-branding .addbriefing-link-hider > a:after {
    width: 16px !important;
    height: 16px !important;
    right: -25px !important;
    top: 2px !important; }
  body.spike-branding .link-hider:after {
    top: 1px !important; }
  body.spike-branding .js-is-seasonality-body .ik_select_link_text:after, body.spike-branding .ik_select_link_text:after {
    top: 2px !important; }
  body.spike-branding .addbriefing-link-hider > a {
    color: var(--flow-intence-color) !important; }
  body.spike-branding .addbriefing-summary > .line {
    background-color: var(--flow-intence-color) !important; }
  body.spike-branding .addbriefing-summary > .line > i {
    background-color: var(--flow-page-background) !important; }
  body.spike-branding .form-radio-input, body.spike-branding .form-checkbox-input {
    border: 2px solid var(--flow-page-background) !important; }
  body.spike-branding .form-radio-input:before {
    background: none;
    background-color: var(--flow-intence-color) !important;
    border-radius: 100% !important; }
  body.spike-branding .form-checkbox-input:before {
    background: none !important;
    background-color: var(--flow-intence-color) !important;
    top: 3px !important;
    left: 3px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 15px !important;
    background-color: var(--flow-intence-color) !important;
    height: 15px !important; }
  body.spike-branding .f-mail-section fieldset .field .sub-field.withinfo + .info {
    display: none !important; }
  body.spike-branding .f-mail-button {
    border-bottom: none !important;
    background-color: var(--flow-intence-color) !important;
    border-radius: 0 !important; }
  body.spike-branding .brief-tasks-calc-container h2:before {
    display: none !important; }
  body.spike-branding .brief-tasks-calc-container table.calcs tr.summary td a.brief-task-calc-close-budget {
    background-color: var(--flow-intence-color) !important;
    border-radius: 100%;
    content: 'X';
    color: var(--flow-main-background);
    position: relative; }
  body.spike-branding .brief-tasks-calc-container table.calcs tr.summary td a.brief-task-calc-close-budget:before {
    color: var(--flow-main-background);
    content: "x";
    padding-left: 0;
    position: absolute;
    z-index: 9999;
    left: 4px;
    top: -3px;
    font-size: 13px; }
  body.spike-branding .mail-cover-angle .mail-cover-top:after {
    background: url(https://adn.flow.promo/flow/adn/mail-cover-top-back.png) 0 0 no-repeat !important; }
  body.spike-branding .mail-intro-url a {
    color: #fff !important; }
  body.spike-branding .js-calculate-click.button {
    color: var(--flow-intence-color) !important;
    border-bottom: 1px dashed var(--flow-intence-color) !important; }
  body.spike-branding #kinetica-app .ui.container > div > .ui.grid.partner-page-header {
    margin: 0 !important;
    background-color: var(--flow-main-background) !important; }
  body.spike-branding #kinetica-app .ui.top.right.pointing.dropdown > .menu {
    margin-top: -3px !important; }
  body.spike-branding #kinetica-app .ui.orange.segment:not(.inverted) {
    border-top: 2px solid var(--flow-intence-color) !important;
    border-radius: 0 !important;
    border-right: 0;
    border-left: 0; }
  body.spike-branding .ui.toggle.checkbox input:checked ~ .box:before, body.spike-branding .ui.toggle.checkbox input:checked ~ label:before {
    background-color: var(--flow-intence-color) !important; }
  body.spike-branding #kinetica-app, body.spike-branding #kinetica-app .ui[class*="top attached"].menu, body.spike-branding #kinetica-app .ui.table, body.spike-branding #kinetica-app .ui.table thead th, body.spike-branding #kinetica-app .ui.form .field > label, body.spike-branding #kinetica-app .header, body.spike-branding #kinetica-app button:not(.basic) {
    color: var(--flow-font-color) !important;
    border-radius: 0 !important;
    box-shadow: none !important; }
  body.spike-branding #kinetica-app button.vk {
    color: var(--flow-font-color) !important; }
  body.spike-branding #kinetica-app .ui.large.menu {
    border-radius: 0 !important;
    border: 0 !important; }
  body.spike-branding #kinetica-app .ui.piled.segment:before, body.spike-branding #kinetica-app .ui.piled.segments:before, body.spike-branding #kinetica-app .ui.piled.segment:after, body.spike-branding #kinetica-app .ui.piled.segments:after {
    display: none !important; }
  body.spike-branding #kinetica-app .agent-logo {
    background: var(--flow-logo);
    background-position: center left !important;
    background-repeat: no-repeat !important;
    background-size: 130px !important;
    width: 300px !important;
    height: 50px !important; }
  body.spike-branding #kinetica-app .ui.block.header, body.spike-branding #kinetica-app .ui.segment, body.spike-branding #kinetica-app .ui.menu > .item:first-child, body.spike-branding #kinetica-app .ui.menu .item, body.spike-branding #kinetica-app .ui.menu, body.spike-branding #kinetica-app .ui.top.attached.header {
    border-radius: var(--flow-boreder-radius) !important; }
  body.spike-branding #kinetica-app .ui.menu, body.spike-branding #kinetica-app .ui.segment {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }
  body.spike-branding #kinetica-app .ui.icon.menu .item, body.spike-branding #kinetica-app .ui.menu .orange.active.item, body.spike-branding #kinetica-app .ui.orange.menu .active.item, body.spike-branding #kinetica-app .ui.statistic .text, body.spike-branding #kinetica-app i.icon.remove:before {
    color: var(--flow-intence-color) !important; }
  body.spike-branding #kinetica-app .ui.grid.promotion-indicators {
    background-color: #ffffff !important;
    width: 100% !important;
    margin-left: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    margin-top: 0 !important; }
  body.spike-branding #kinetica-app .positions-table {
    background-color: var(--flow-main-background) !important; }
  body.spike-branding #kinetica-app .ui.huge.block.header, body.spike-branding #kinetica-app .ui.large.block.header {
    background: var(--flow-logo);
    background-position: center 20px !important;
    background-repeat: no-repeat !important;
    background-size: 100px !important;
    padding-top: 65px !important; }
  body.spike-branding #kinetica-app .ui.large.block.header {
    background-position: 20px 20px !important; }
  body.spike-branding #kinetica-app .ui.attached.menu:not(.tabular) {
    /*border:0 !important;*/
    width: 100% !important;
    box-sizing: border-box;
    border-left: 0 !important;
    border-right: 0 !important;
    margin: 0 !important; }
  body.spike-branding #kinetica-app .ui.segment + div {
    margin-top: 20px !important; }
  body.spike-branding #kinetica-app .ui.menu .ui.item.dropdown i, body.spike-branding #kinetica-app i.orange.icon,
  body.spike-branding #kinetica-app .ui.floating.inline.top.pointing.dropdown, body.spike-branding #kinetica-app .ui.dropdown > .dropdown.icon:before,
  body.spike-branding #kinetica-app .ui.dropdown > .dropdown.icon, body.spike-branding #kinetica-app i.blue.icon,
  body.spike-branding #kinetica-app .ui.menu .item > i.icon, body.spike-branding #kinetica-app .material-icons,
  body.spike-branding #kinetica-app .ui.compact.bottom.attached.menu a, body.spike-branding #kinetica-app .ui.compact.bottom.attached.menu span {
    color: var(--flow-intence-color) !important; }
  body.spike-branding #kinetica-app .ui.yellow.segment:not(.inverted) {
    border-top: 2px solid var(--flow-intence-color) !important; }
  body.spike-branding #kinetica-app .ui.statistic > .value, body.spike-branding #kinetica-app .ui.statistics .statistic > .value, body.spike-branding #kinetica-app .ui.statistic .label, body.spike-branding #kinetica-app .ui.statistic .value {
    color: var(--flow-font-color) !important; }
  body.spike-branding #kinetica-app .ui.block.header {
    background: #efefef !important;
    color: var(--flow-font-color) !important;
    border-radius: 0 !important; }
  body.spike-branding #kinetica-app .ui.attached + .ui.attached.table:not(.top) {
    border-left: 0 !important;
    border-right: 0 !important;
    width: 100% !important;
    margin: 0 !important; }
  body.spike-branding #kinetica-app td:hover > div.project-menu {
    z-index: 99999 !important;
    top: 40px !important;
    box-shadow: 0px 6px 13px 0px #000000 !important;
    height: 45px !important; }
  body.spike-branding #kinetica-app .ui.mini.client-service-menu.menu {
    border-top: 0 !important;
    border-bottom: 0 !important; }
  body.spike-branding #kinetica-app .ui.orange.icon.menu + div {
    background-color: var(--flow-main-background) !important; }
  body.spike-branding #kinetica-app .ui.small.selectable.striped.center.aligned.table.cp-keywords.manager-table {
    margin-top: 0 !important; }