@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_Query:before {
    content: "\e906";
     position: relative;
     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;
  }
  .YesBank_SmartPay_RaiseInvoice:before {
    content: "\e90b";
    font-size: 26px;
    display: flex;
    justify-content: center;
    padding-top: 28px;
    color: #ffff;
  }
  .YesBank_SmartPay_myprofile:before {
    content: "\e904";
  }
  .SmartPay_cards:before {
    content: "\e919";
    color: #005192;
    font-size: 24px;
  }
  .YesBank_SmartPay_SettlementPendingOpt2:before {
    content: "\e915";
    font-size: 26px;
    display: flex;
    justify-content: center;
    padding-top: 28px;
    color: #ffff;
  }
  .YesBank_SmartPay_New-CollectionReceived:before {
    content: "\e95f";
    font-size: 26px;
    display: flex;
    justify-content: center;
    padding-top: 28px;
    color: #ffff;
  }
  .YesBank_SmartPay_New-SettlementPending:before {
    content: "\e95c";
    font-size: 26px;
    display: flex;
    justify-content: center;
    padding-top: 28px;
    color: #ffff;
  }
  .YesBank_SmartPay_PendingApproval:before {
    content: "\e961";
    font-size: 26px;
    display: flex;
    justify-content: center;
    padding-top: 28px;
    color: #ffff;
  }
  .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:blue;
    font-size: 32px;
    cursor:pointer;
  }