:root {
  /*common palette*/
    --var-primary-color: #004A75;
    --var-borderInput-color: #013A6F;
    --var-bgInput-color: #fff;
    --var-textInput-color: #464646cc;
    --var-link-color: #008ADA;
    --var-text-color: #343434;
    --tile-border-color: #D8D8D8;
    --var-white-color: #fff;

  /*login palette*/
  --var-loginHeader-color: #004A75;
  --var-loginActive-color: #008ADA;
  --var-loginActiveHover-color: #004A75;
  --var-loginWelcomeText-color: #004A75;
  --var-login-text: #464646;

  /*header palette*/
  --var-bgNavbar-color: #004A75;
  --var-textNavbar-color: #fff;
  --var-tabActive-color: #008ADA;
  --var-headerBorder-color: #979797;
  --var-profilemenu-color:#F9FCFF;

  /*notification banner palette*/
  --var-textNotif-color:#008ADA;
  
  /*dashlet palette*/
  --var-dashletSales-color:#E4F6E9;
  --var-dashletFraud-color: #FFE5D8;
  --var-dashletChargebacks-color:#ECEBEC;
  --var-dashletNotif-color: #DDEEFF;
  --var-dashletView-color: #5981B9;
  --var-tagsale-color:#BBEBC7;
  --var-tagrefund-color:#9b7aff;
  --var-tagdecline-color:#ff9e9e;

  /*monthly transaction palette*/
  --var-labelGraph-color: #7b7b7b;
  --var-borderGraph-color: #979797;

  /*transaction palette*/
  --var-transactionBorder-color:#A7C0DF;
  --var-transactionEmail-color: #008ADA;
  --var-transactionOrder-color: #008ADA;
  --var-transactionDefault-color:#979797;
  --var-datePicker-color: #979797;
  --var-transactionSeeAll-color: #008ADA;
  --var-filterText-color:#343434;

  /*toggle palette*/
  --var-slidetext-color:#7A7A7A;
  --var-toggleHighlight-color: #008ADA;
  --var-toggleUnsave-color: #FFE5D8;
  --var-toggleSave-color: #BBEBC7;
  --var-slideborder-color:#DDDDDD;
  --var-toggleActive-color:#0789D4;
  --var-toggleInactive-color:#E5E5EA;
  --var-notificationTitle-color:#343434;
  --var-notificationCompleted-color:#BBEBC7;
  --var-notificationWarning-color:#E2B8BA;
  --var-notificationCleared-color:#E1E1E1;

  /*knowledge base palette*/
  --var-knowledgebaseText-color: #969696;

  /*NotFound palette*/
  --var-notfoundText-color: #7D7D7D;
  --var-notfoundLink-color: #0789D4;
  
  /*loader palette*/
  --var-loaderBg-color: #F5F5F5
}