/*
    ____                      _ _
   | __ ) _ __ __ _ _ __   __| (_)_ __   __ _
   |  _ \| '__/ _` | '_ \ / _` | | '_ \ / _` |
   | |_) | | | (_| | | | | (_| | | | | | (_| |
   |____/|_|  \__,_|_| |_|\__,_|_|_| |_|\__, |
                                        |___/
*/
/*

   __     ___    ____  ____
   \ \   / / \  |  _ \/ ___|
    \ \ / / _ \ | |_) \___ \
     \ V / ___ \|  _ < ___) |
      \_/_/   \_\_| \_\____/

*/
:root {
  --text-blue:  #225C88;
  --text-light: #7D8296;
  --text-white: #FFFFFF;
  --text-black: #000000; }

/*
NOTE: when you reference one of these vars, comment underneath the element you've used it for. Mandem organised
*/
/*
USED FOR:
plan inputs
dashboard-panel
dashboard panel buttons
modal-body.report-options-modal > span.glyphicon
*/
/*
USED FOR:
dashboard panel header
dashboard panel buttons
typeahead
editable table > page header
*/
/*
USED FOR:
.modal-body.report-options-modal > .Select-menu-outer
*/
/*
USED FOR:
menu
dashboard panel
charts > drillup
.dashboard-filter-sentence-container > #fixed-version
superbutton overlay content
*/
/*
context menu
USED FOR:
header
pinned nav
dashboard panel
simple sidebar
spark chart

*/
/*
USED FOR:
modals
tooltip box
c tooltip

*/
/*
USED FOR:
error messages

*/
/* Parsing Number Input */
/* Rendered in:

 PlanTotals,
 createEditLineModal,
 createEditCampaignModal,
 budgetCell
 and burstCell */
.label-hiding-input {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 !important; }
  .label-hiding-input input, .label-hiding-input label {
    font-weight: normal;
    cursor: cell;
    position: absolute;
    margin: 0;
    padding: 0;
    padding-right: 5px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end; }
  .label-hiding-input input {
    opacity: 0; }
  .label-hiding-input input:focus {
    opacity: 1;
    z-index: 10; }
  .label-hiding-input label {
    /* label normally */
    z-index: 1;
    opacity: 1; }
  .label-hiding-input input:focus + label {
    /* label when input is focused */
    opacity: 0; }

/* Plan-Totals...  */
.plan-budget-input .label-hiding-input.plan-budget {
  width: 100px;
  border: 1px solid white;
  border-radius: 3px;
  background: transparent;
  color: white;
  height: 25px; }
  .plan-budget-input .label-hiding-input.plan-budget label {
    color: white;
    justify-content: center; }
  .plan-budget-input .label-hiding-input.plan-budget input {
    outline: none;
    color: var(--text-main); }

/* createEditLineModal, createEditCampaignModal... */
.ba-modal .label-hiding-input.modal {
  border: 1px solid var(--line-dark);
  z-index: 0;
  height: 34px; }
  .ba-modal .label-hiding-input.modal label, .ba-modal .label-hiding-input.modal input {
    padding-right: 10px; }