@font-face {
  font-family: 'YesTransact_Web_Font_Icons';
  src:  url(../fonts/YesTransact_Web_Font_Icons.eot?pacwr8);
  src:  url(../fonts/YesTransact_Web_Font_Icons.eot?pacwr8#iefix) format('embedded-opentype'),
    url(../fonts/YesTransact_Web_Font_Icons.ttf?pacwr8) format('truetype'),
    url(../fonts/YesTransact_Web_Font_Icons.woff?pacwr8) format('woff'),
    url(../fonts/YesTransact_Web_Font_Icons.svg?pacwr8#YesTransact_Web_Font_Icons) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'YesTransact_Font_Icons';
  src:  url(../fonts/YesTransact_Font_Icons.eot?uydto0);
  src:  url(../fonts/YesTransact_Font_Icons.eot?uydto0#iefix) format('embedded-opentype'),
    url(../fonts/YesTransact_Font_Icons.ttf?uydto0) format('truetype'),
    url(../fonts/YesTransact_Font_Icons.woff?uydto0) format('woff'),
    url(../fonts/YesTransact_Font_Icons.svg?uydto0#YesTransact_Font_Icons) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="YesBank_"], [class*=" YesBank_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'YesTransact_Font_Icons',sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="SmartPay_"], [class*=" SmartPay_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'YesTransact_Web_Font_Icons',sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

  
  .SmartPay_Customer:before {
    content: "\e900";
    /* color: #0062a8; */
    position: relative;
    display: table-cell;
    /* width: 60px; */
    /* height: 36px; */
    /* text-align: center; */
    vertical-align: middle;
    font-size:30px;
    font-weight: bold;
    padding-right: 19px;
  }
  .SmartPay_DownArrow:before {
    content: "\e901";
    color: #0062a8;
  }
  /* .SmartPay_Logout:before {
    content: "\e902";
    color: #0062a8;
  } */
  .SmartPay_MasterMaintenance:before {
    content: "\e903";
    /* color: #0062a8; */
     /* color: #0062a8; */
     position: relative;
     display: table-cell;
     /* width: 60px; */
     /* height: 36px; */
     /* text-align: center; */
     vertical-align: middle;
     font-size:30px;
     font-weight: bold;
     padding-right: 19px;
  }
  .SmartPay_Menu:before {
    content: "\e904";
    color: #025aa1;
  }
  .SmartPay_MerchantOnboarding:before {
    content: "\e905";
    /* color: #0062a8; */
     /* color: #0062a8; */
     position: relative;
     display: table-cell;
     /* width: 60px; */
     /* height: 36px; */
     /* text-align: center; */
     vertical-align: middle;
     font-size:30px;
     font-weight: bold;
     padding-right: 19px;
  }
  
  .SmartPay_QueryManagement:before {
    content: "\e907";
    /* color: #0062a8; */
     /* color: #0062a8; */
     position: relative;
     display: table-cell;
     /* width: 60px; */
     /* height: 36px; */
     /* text-align: center; */
     vertical-align: middle;
     font-size:30px;
     font-weight: bold;
     padding-right: 19px;
  }
  .SmartPay_Reports:before {
    content: "\e908";
    /* color: #0062a8; */
    position: relative;
    display: table-cell;
    /* width: 60px; */
    /* height: 36px; */
    /* text-align: center; */
    vertical-align: middle;
    font-size:30px;
    font-weight: bold;
    padding-right: 19px;

  }
  .SmartPay_RightArrow:before {
    content: "\e909";
    color: #0062a8;
  }
  .SmartPay_TemplateConfiguration:before {
    content: "\e90a";
    /* color: #0062a8; */
     /* color: #0062a8; */
     position: relative;
     display: table-cell;
     /* width: 60px; */
     /* height: 36px; */
     /* text-align: center; */
     vertical-align: middle;
     font-size:30px;
     font-weight: bold;
     padding-right: 19px;
  }
  .SmartPay_Transactions:before {
    content: "\e90b";
    /* color: #0062a8; */
     /* color: #0062a8; */
     position: relative;
     display: table-cell;
     /* width: 60px; */
     /* height: 36px; */
     /* text-align: center; */
     vertical-align: middle;
     font-size:30px;
     font-weight: bold;
     padding-right: 19px;
  }
  .SmartPay_UpArrow:before {
    content: "\e90c";
    color: #0062a8;
  }
  .SmartPay_UserManagement:before {
    content: "\e90d";
    /* color: #0062a8; */
     /* color: #0062a8; */
     position: relative;
     display: table-cell;
     /* width: 60px; */
     /* height: 36px; */
     /* text-align: center; */
     vertical-align: middle;
     font-size:30px;
     font-weight: bold;
     padding-right: 19px;
  }
  /* .SmartPay_UserProfile:before {
    content: "\e90e";
    color: #0062a8;
  } */
  .SmartPay_CashChequeNew:before {
    content: "\e910";
    position: relative;
     display: table-cell;
     vertical-align: middle;
     font-size:30px;
     font-weight: bold;
     padding-right: 19px;
  }
  /* .SmartPay_OverduePayments .path1:before {
    content: "\e911";
    color: rgb(0, 98, 168);
  }
  .SmartPay_OverduePayments .path2:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(0, 98, 168);
  }
  .SmartPay_OverduePayments .path3:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(0, 98, 168);
  }
  .SmartPay_OverduePayments .path4:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(0, 98, 168);
  }
  .SmartPay_OverduePayments .path5:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(0, 98, 168);
  }
  .SmartPay_OverduePayments .path6:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(0, 98, 168);
  }
  .SmartPay_OverduePayments .path7:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(0, 98, 168);
  }
  .SmartPay_OverduePayments .path8:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(0, 98, 168);
  } */
.SmartPay_ViewCreditNote:before {
  content: "\e91c";
  font-size: 32px;
  /* color: #0062a8; */
}
.SmartPay_MakeOtherPayment:before {
  content: "\e91d";
  font-size: 32px;
  /* color: #0062a8; */
}
.SmartPay_InvoicePayment:before {
  content: "\e91e";
  font-size: 32px;
  /* color: #0062a8; */
}
.SmartPay_Paid:before {
  content: "\e91b";
  color: #5fc551;
  font-size: 30px;
}
.SmartPay_PaymentDue:before {
  content: "\e91a";
  color: #f46a27;
  font-size: 30px;
}
.SmartPay_OverduePaymentsNew:before {
  content: "\e920";
  color: #e15257;
  font-size: 30px;
  position: relative;
  top:5px;
}
.SmartPay_view:before {
  content: "\e91f";
  color: #005192;
  font-size:20px;
}
.SmartPay_cards:before {
  content: "\e919";
  color: #005192;
  font-size: 24px;
}			
.SmartPay_Verify:before {
  content: "\e912";
  color: #005192;
  font-size: 20px;
  position: relative;
  top: 2px;
  cursor:pointer;
}																							
.SmartPay_UserProfile:before {
  content: "\e90e";
  color: #0062a8;
  font-size: 32px;
  cursor:pointer;
}
.SmartPay_Logout:before {
  content: "\e902";
  color: #0062a8;
  font-size: 32px;
  cursor:pointer;
}
.SmartPay_Query:before {
  content: "\e906";
  color: #0062a8;
  font-size: 32px;
  cursor:pointer;
}
.YesBank_Home_Icon:before {
  content: "\e962";
  color: #0062a8;
  font-size: 30px;
  cursor:pointer;
}
.YesBank_SmartPay_Expiry:before {
  content: "\e963";
  color:#ffa500;
  font-weight: bold;
}