:root {
  /* Body color variable */
  --body-color : #f8f8f8;
  /*Back color div color */
  --back-color :#f8f8f8;
  /* Card background color variable */
  --card-bg-color : #ffffff; 
  /* Card shadow variable */
  --card-shadow : rgba(233, 228, 228, 0.1);
  /* background color for shadow class  */
  --shadow-class-bg-color : rgba(0,0,0,.2);

  /* Button primary color */
  --btn-primary-bg-color : #af1685;
  --btn-primary-disabled-color :#e398ce;
  --btn-primary-border-color : #af1685;
  --btn-primary-color : #fff;
  --btn-primary-hover-bg-color : #d81ba4;
  --btn-primary-hover-color : #fff;
  --btn-primary-box-shadow-color : rgba(180 47 153 .6);

  /* Button secondary color */
  --btn-secondary-bg-color : #185abc;
  --btn-secondary-color : #fff;
  --btn-secondary-border-color : #104ba3;
  --btn-secondary-hover-shadow-color : rgba(77, 163, 255, 0.6);
  --btn-secondary-hover-color : #fff;
  --btn-secondary-hover-bg-color : #1a6bc8;
  --btn-secondary-hover-border-color : #af1685;
  --btn-secondary-hover-box-shadow-color : rgba(180 47 153 .6);
  --btn-secondary-background-color1-for-linear-radient :#af1685;
  --btn-secondary-background-color2-for-linear-radient :#fff;

  /* signin btn color */
  --btn-signin-color : #fff;
  --btn-signin-bg-color : #185abc;
  --btn-primary-signin-disabled-color:#457fd6;
  --btn-signin-border-color : #104ba3;
  --btn-signin-hover-color : #fff;
  --btn-signin-hover-bg-color : #1a6bc8;
  --btn-signin-hover-box-shadow-color: rgba(77, 163, 255, 0.6);
  --btn-signin-hover-border-color :#ffff;

  --btn-link-class-color : #426da9;
  --delete-msg-class-color : #d62000;
  

  /* Required class color */
  --required-class-color : #d62000;
  --success-msg-color : #058705;
  --error-msg-color : #990404;
  --otp-msg-color : #183f88;

  /* Modal header title color */
  --modal-header-bg-color : #123058 ;
  --modal-header-color : #ffffff;

  }

:root{
  /* --------Landing.html and dispute.html page CSS Variables------------- */

  /* --------Page ribbon variables--------------  */
  --dispute-center-ribbon-bg-color : #123058;
  --dispute-center-ribbon-color : #ffff;
  --dispute-center-chart-bg-color : #f7f3f7;

  /* ---------Dispute Info card CSS Variables---------------- */
  --dispute-today-bg-color-1 : #b616a3d4;
  --dispute-today-bg-color-2 : #0d1c81;
  --dispute-today-font-color:#fff;

  /* ---------------Tabs and sub tabs CSS------------------- */
  --nav-tabs-bg-color : #123058;
  --nav-tabs-font-color : #ffffff;
  --nav-tabs-active-link-color: #333;
  --nav-subtab-bg-color : #a7a7a7;
  --nav-subtab-font-color : #ffffff;
  --nav-subtab-active-link-color: #333;  

  /* --------------Draft button CSS-------------------- */
  --btn-primary-draft-color : #fff;
  --btn-primary-draft-bg-color : #af1685;
  --btn-primary-draft-hover-bg-color : #d81ba4;
  --btn-primary-draft-hover-border-color : #d81ba4;
  --btn-primary-draft-hover-color : #ffffff;
  --btn-primary-draft-box-shadow-color : rgba(180, 47, 153, .6);
}
:root{
  /* ----------------------------MFA otp variables-------------------------------- */

  /* ---------------submit button css------------------- */
  --btn-primary-submit-bg-color: #185abc;
  --btn-primary-submit-border-color : #104ba3;
  --btn-primary-submit-box-shadow-color : rgba(77, 163, 255, 0.6);
  --btn-primary-submit-hover-bg-color : #1a6bc8;
  --btn-primary-submit-hover-color: #ffffff;

  /* --------------resend otp button css------------------ */
  --btn-primary-resend-otp-bg-color: #af1685;
  --btn-primary-resend-otp-box-shadow-color: rgba(180, 47, 153, .6);
  --btn-primary-resend-otp-border-color : #af1685;
  --btn-primary-resend-otp-hover-bg-color : #dc1ca7;
  --btn-primary-resend-otp-hover-color: #ffffff;
}

:root{
  /* -------------------------View Account Variables-------------------------- */

  /* icon color at viewAccount.html */
  --view-account-icon-color : #e616ae;
  --bulb-icon-error-color: #d32121;
  --bulb-icon-success-color: #0c7d4e;
  --bulb-icon-primary-color: #195cae;
  --search-icon-color: #787878;

  /* search address div at viewAccount.html */
  --search-address-div-bg-color : #ffffff;
  --search-address-div-border-color : #ced4da;
  --search-address-div-box-shadow-color : #00000013;
  --search-address-div-hover-bg-color : rgba(24, 24, 24, 0.6);
  --search-address-div-hover-color : #ffffff;
}

:root{
  /* ------------registration.html page css variables------------ */

  /* CSS variables for No button */
 --btn-primary-no-bg-color :#bbbbbb;
 --btn-primary-no-border-color : #9e9e9ee9; 

 /* Tooltip CSS variables on registration page */
 --data-tooltip-color : #ffffff;
 --data-tooltip-bg-color: #40b3ff;
 --data-tooltip-box-shadow-color: silver;

 /* note span css variables */
  --note-span-bg-color : #88f3f3ad;
  --note-span-color : #595959;
  --note-span-border-color : #c8c8c8;

 /* --------------------Registration Button CSS Started-------------------------- */
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{    
  font-family: Roboto,Helvetica,Arial,sans-serif !important;
  font-size: 14px !important;
  counter-reset: Serial;
}

#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 100000;
}

#loading-image {
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 100;
}