@CHARSET "UTF-8";

 
/* Dnyanada
CDIN-3248
FCG SIT UI : Transfer from My Balance >> Recipient and amount page >> UI issue.
Reason: As we are appending div on basis of recipient we cannot apply all classes as per UI design
 */
 .add-recipient-left{
 text-align:left !important;
 }
 
 /*Dnyanada
 CDIN-2832
 FCG SIT UI : Safari>Mac>MAT>Transfer details >> Transfer summary issues
 To change color of edit link in aside of MAT
 */
 .white-color-edit{
 color:white !important;
 }
 
 /* Dnyanada
 "Registration>> UI distorted in address pop-up.
1. Select “UK” country in the address field and search the address by postcode “de”.
2. Select the address placed on second position.
3. Observe the UI is improper."
 */
 .select-container
 {
 	display: table;
 	table-layout: fixed;
}

/*Dnyanada
For issue POP 507
to format pin code digits shown in pin page for forgot password flow
*/
.pindigit{
	text-align: center;
    font-size: 25px;
    padding: 10px;
}
 
 /* Girish
 * CDIN-3090
 * Recommend US texarea label padding not applied properly..
 */
 .textarea-container label[for="personalURL"]{
     top: 12px;
 }

/*
*Subhash
* CDIN-2859
*FCG SIT UI : Profile Management >> Page width is different
*width of profile management page different 
*/
#noPadding{
	padding: 0 !important;
}


/* Girish
*  Transfer pre-bought issue css changes
*/

#interBtns{
	padding:0 !important;
	margin:0 important;
}

#add_inter{
	margin-bottom: 0px;
}

#add_inter span{
	text-align:left;
}

/* Girish
* this is used to hide the password fields from the form
*/
.pwdField_btn {
    position: absolute; 
  	left: -999em;
}

/*
* disable autofill form popup for safari
* Girish
*/
::-webkit-credentials-auto-fill-button {
     visibility: hidden;
}


*/
#interBtns::before{
	border-top: 1px solid #e9e9e9;
    margin: 0 12px;
    width: calc(100% - 24px);
}

@media (max-width: 39.9375em){
	#add_inter{
		margin-bottom: 22px;
	}
	
	#add_inter span{
		margin:0;
		text-align:center;
	}
}


/*
Pin Page css
*/
/* .inputs-PIN input.pin-number {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
} */

.inputs-PIN input.pin-number {
	font-size: 20px;
	text-align: center;
} 

.resendLinkDiv {
	 padding-top: 20px;
}

.spanForpinPage {
	font-size:20px !important;
	font-weight:bold !important;
}
.divForSecPin {
	text-align:center;
}
/*
*Subhash
* POP-744
*Bottom margin needed below paragraph in activity.
*/
table#currency_trades_payments
{ margin-top: 16px; }

@media only screen and (max-width: 39.9375em){
	#asideWidth{
	  bottom:-367px !important;
	}
	#asideData{
	  bottom:-335px !important;
   }
   #asideBuyWidth{
      bottom:-249px !important;  
   }
	
}
/*
*Subhash
* POP-739
*Unable to close tool tip on iPad.
*/
.ui-tooltip
{ cursor:pointer }

/*
* Validation errors highlight issue
*/
.textarea-container  textarea.error {
    border: 1px solid #ff963c !important;
​}

/*
*Subhash
* POP-1179
*added default underline to term and condition
*/
.defaultUnderline
{ text-decoration:underline }

/*
*Subhash
* POP-1206
*Scroller on Tab1(Account personal) page not working on Android device.
*/
html.is-reveal-open, html.is-reveal-open body{overflow:auto !important;}

/*
*Subhash
* POP-1217
*Dashboard : UI getting distorted when Recipient is added with max characters in Company field.
*/
.wordWrap{
	word-break:break-all;
}
#wordWrapPayment{
	width:300px !important;
}
/*
*sachin
* POP-1243
*Pinsend : One time PIN grey boxes
*/
 .pinnumber{
	border-color: #8A8A8A !important;
 }
/*
*Sayali
* POP-1378
*/ 
.notGetSelected {
    pointer-events: none;
}

.table-activity-balances tr th:last-child, .table-activity-balances tr td:last-child {
	font-size: 16px;
}
/*
*Sachin M.
* POP-1611
*/ 
@media screen and (max-width: 736px) and (min-width: 320px){
	#accno{
	padding-left:25px;
}
/*
*Sachin M.
* BUG 4699
*/ 
#walletfees{
	margin-top: 8px;
	}

}
/* Anirudha
pop-1483
 */
.currency-flag .currency {
  position: absolute;
  right: 26px;
  top: 9px;
  border-left: 1px solid #e9e9e9;
  height: 42px; 
  }
/* .currency-flag .currency:before {
    width: 21px;
    height: 18px;
    margin-left: 17px;
    margin-top: 13px; 
    
    } */
    

/*Sachin M
    POP-1535
    */
/* code removed for POP-2673 - issue in off to on flow in mobile view [Kapil Kasture]*/
/* .row {
position:relative;
	
} */

/* added new class for no-record-found-image in activity history */
.table-container .no-record-found-image-message{
  text-align: center;
  margin: 15% 0 15% 0;
}

.payment-no-record-found-image { 
  width: 60px;
  height: 50px;
  margin-bottom: 20px;
}
/*Sachin M
POP-1599
*/
.checkbox-container input[type="checkbox"] + label::before {
  border-color: #a9a9a9 !important;
}
.textarea-container textarea{
	    min-height: 90px;
	}
	
	 .button-grid-element.button-grid-element-image > button[data-role] {
    height: auto;
    background-position: center left 24px;
    background-repeat: no-repeat;
    min-height: 126px ! important; 
    
    } 
    
     /*POP-2034*/  
@media only screen and (device-width: 768px) {
	#pin-number1, #pin-number2, #pin-number3, #pin-number4 {
		margin-right: 23.25px !important;
	}	
}
	
 @media only screen and (max-width: 300px) {
 div#mobileSecurityPin .row.main-container {
  margin-top: 148px !important;
  }
}
   
 @media only screen and (min-width: 300px) {
    footer.main-footer {
    position: absolute;
    bottom: -150px !important;/* Change for Disclaimer */
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.5px;
    font-size: 12px;
    z-index: 1;
    padding-top: 24px;
    background: white;
    }
} 
@media only screen and (min-width: 300px) {
	.verifying-identity {
  position: absolute;
 }
 }
 
 
   .app-links-div .mobile-img-torfx {
 
    height: 590px;
    background-repeat: no-repeat;
    background-size: inherit;
    float: left;
    position: relative;
    background-position: top;
    top: 50px; 
    }
    
 /* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* POP-2125
All Organization>>I Pad 2- registration: Expected PIN box alignment is not display
Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	#pin-number1, #pin-number2, #pin-number3, #pin-number4 {
		margin-right: 17.25px !important;
	}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	#pin-number1, #pin-number2, #pin-number3, #pin-number4 {
		margin-right: 17.25px !important;
	}
}

/* POP-2144 address label field populated in Registration flow created by Sachin M. */

 /* #addressPopulateField label[for] {
	line-height: 0.99em;
	padding: 0px 0px 0px 8px;
}
 #theiraddressPopulateField label[for] {
	line-height: 0.99em;
	padding: 0px 0px 0px 8px;
} */

/* POP-2399 */
.regJointAccntMargin{
	margin-top: 15px !important;
}

.table-available-balances .buttons {
  border-top: 0px solid !important;
}
.confirmation-download-app .app-links-div .confirmation-mobile-img-torfx {		
  background-repeat: no-repeat;		
  background-position: center; 		
  background-size: contain;		
  float: left;		
  height: 300px;		
  width: 100%;		
  margin-top: 30px; 
}
/* POP-3051 for PSD2 */
.gray-text {
	color: #626262; 
   	font-size: 16px;
}
  
.text-overflow {
	word-break: break-all;
  }
  
.hiddenPassword{
-webkit-text-security: disc !important;
}

/* POP-4726 */
.hl-verifymail{
	margin-top: 110px !important;
}
  .table-activity-history .navigation-tab-container .navigation-tabs {
  box-sizing: border-box;
   padding-left: 0px;
  width: 100%; }
  
  /*POP-5094*/
  .error-message-wrapper p.err9010 {
  	text-align: left !important;
  }
  
  
  /*POP-5832*/
  .tiered-registration-info {
  	text-align: left !important;
  }
  
   /*POP-5832*/
  #poiDocSelector,
  #poaDocSelector {
  padding-bottom: 32px !important;
  }
 /*  .embeddedServiceHelpButton .helpButton {
    top: -245px !important; 
  } */

.custom-help-button .helpButton {
  top: -280px !important;
}

 .embeddedServiceHelpButton {
	margin-top: -30%;
    position: relative!important;
    top: unset !important;
}


#bank-localization .send-money-section .select-container .select2-selection--single,
#make-a-transfer .send-money-section .select-container .select2-selection--single,
#top-up .send-money-section .select-container .select2-selection--single {
    padding-left: 5px !important;
}

#bank-localization .send-money-currency {
    width: 100% !important;
}

#bank-localization .currency-dropdown {
    width: 100% !important;
}

.select-dropdown-currency-div {
    width: 100% !important;
}

.bank-details-form {
    display: block;
}


/* #bank-localization .send-money-section .select-container .select2-container--default {
    width: 100% !important;
} */

#bank_details_page .main-section_bl {
  /*height: 658px;*/
  height:auto;
}

.select_placeholder_cur {
    font-family: 'CircularXX';
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    line-height: 24px !important;
    color: #6F6F6F !important;
}

.copied-text {
    position: absolute;
    width: 57px;
    height: 24px;
    right: 21px;
    top: calc(50% - 24px/ 2);
    color: #A8A8A8 !important;
}

.select-dropdown-currency-div {
    margin-bottom: 24px
}


@media (min-width: 990px) {
	#bank-localization .send-money-section{
	height:142px;
	}
	
	#bank-localization .element-group{
	    width: 748px;
	}

    #bank-localization .send-money-currency {
        padding-right: 24px;
    }

    .select2-selection .select2-selection--single {
        margin-left: 24px
    }

    .currency-dropdown {
        padding-left: 24px !important;
    }

    .currency-list-options {
        padding-right: 3%;
        padding-left: 3%;
    }

    #bank-localization .field-title {
        margin-left: 0px;
    }

    .currency-list-options {
        padding-right: 24px;
        padding-left: 24px;
    }

   /*  #bank-localization .field-title {
        margin-left: 24px;
    } */

}

#bank-localization .add-padding{
    padding-right: 24px;
    padding-left: 24px;
}


@media (max-width: 990px) {
    #bank-localization .remove-padding
     {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (max-width: 790px){
#bank-localization table tbody tr th p, #make-a-transfer table tbody tr th p, #top-up table tbody tr th p {
    margin-right:revert;
}
}

@media (min-width: 790px){
	
	.send-money-location, .send-money-currency {
    max-width: 338px;
}
}

@media (max-width: 639px) {
  .remove-footer {
    display: none !important;
  }

  .receipt-details-mobile-view {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (max-width : 990px) {
	
	  #bank-localization .send-money-section,
  #make-a-transfer .send-money-section,
  #top-up .send-money-section {
    margin-top: 0px;
  }

  #make-a-transfer .add-padding { 
    padding-right: 14px;
    padding-left: 14px;
  }


  #top-up .add-padding {
    padding-right: 13px;
    padding-left: 13px;

  }
   
}

@media (min-width: 300px) and (max-width: 989px){
  .registration-2-login .main-container .tiered-alert {
    margin-bottom: 26px;
    position: relative;
    top: 14px;
  }
}


@media (min-width : 990px) {

  #bank-localization .element-group-table .table-title,
  #make-a-transfer .element-group-table .table-title,
  #top-up .element-group-table .table-title {

    margin-top: 0px;
    margin-bottom: 16px;
  }


  #top-up .add-padding {
    padding-right: 24px;
    padding-left: 22px;

  }
  
    #make-a-transfer .add-padding { 
    padding-right: 23px;
    padding-left: 23px;
  }
}

@media screen and (max-width: 990px) and (min-width: 791px) {
  #bank-localization .add-space {
    padding-right: 24px;
    padding-left: 24px;
  }
}



@media only screen and (min-width : 1236px) {

  .bank-localization-dropdown {
    width: 338px !important;
  }
}

@media (max-width: 639px) {
	
    #make-a-transfer .main-header,
    #top-up .main-header {
      padding-left: 24px;
      padding-right: 24px;
    }
	
	.how-to-pay-title {
    padding-left: 16px;
    padding-right: 16px;
  }

 #top-up .padding-8 {
    padding-right: 8px;
    padding-left: 8px;
  }

  #top-up .padding-0 {
    padding-right: 0px;
    padding-left: 0px;

  }
}

@media screen and (max-width: 990px) and (max-width: 639px) {

  #make-a-transfer table tbody th .copy-icon,
  #top-up table tbody th .copy-icon {
    right: 16px;
  }
}

#country-list-options {
    margin-top: 0px !Important;
}

#bank-localization .element-group-table .table-title, #make-a-transfer .element-group-table .table-title, #top-up .element-group-table .table-title {
	    margin-bottom: 16px;
}


.select2-dropdown.bank-localization-dropdown .select2-dropdown--below {
    border-top: none !important;
    top: -4px;
}

#country-dropdown-MAT {
	    padding-left: 23px !important;
    padding-right: 23px !important;
}


#country-dropdown-MAT, 
#country-dropdown-MAT .send-money-location,  
#country-dropdown-MAT #country-list-options,
#country-dropdown-MAT #country-list-options .select2-container--default {
 max-width: 100% !important;
    width: 100% !important;

}


#country-dropdown-MAT #country-list-options {
	padding-left: 0px;
	padding-right:0px;
}

/* .mat-topup-dropdown{
    width: 100% !important;
    max-width: 100% !important;
}

    
.mat-topup-dropdown-styles {
	width: 100% !important;
	max-width: 685px !important;
}
 */

.mat-topup-dropdown {
	margin-top: 1px!important;
    padding: 8px;
    z-index: 3;
}

.dropdown-border-above{

    padding: 8px;
    z-index: 3;
}

.top-up-data-skeleton .template-loading th {
  width: 100% !important;
}

.show-close-btn nav .main-nav-close {
	display: block !important;
}

.skeleton-th {
	 width: 100% !important;
}

#country-dropdown-MAT .select2.select2-container.select2-container--default .select2-selection--single {
padding-top: 16px;
	
}

#country-dropdown-MAT .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
}

@media only screen and (max-width: 640px) {
  #make-a-transfer table tbody tr,
  #top-up table tbody tr {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  #country-dropdown-MAT {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  #make-a-transfer .send-money-section,
  #top-up .send-money-section {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

}


#make-a-transfer table tbody th{
	width:100% !Important;
}

@media (max-width: 640px)
.bottom-text {
    padding-left: 0px;
}

#getOrganizationBankDetails #country-list-options .select2-container--default .selection .select2-selection--single,
#getOrganizationBankDetails #currency-list-options .select2-container--default .selection .select2-selection--single {
  padding-top: 15px !important;
  padding-left: 6px !important;
}

#select2-country-list_bl-container .flag-icon,
#getOrganizationBankDetails #country-list-options .select2-container--default .selection .select2-selection--single .select2-selection__rendered .flag-icon,
#getOrganizationBankDetails #currency-list-options .select2-container--default .selection .select2-selection--single .select2-selection__rendered .currency::before {
  height: 18px;
  width: 18px;
}


#getOrganizationBankDetails #country-list-options .select2-container--default .selection .select2-selection--single .select2-selection__rendered .flag-text {
  margin-left: 8px;
  padding-left: 0px;

}

#getOrganizationBankDetails #currency-list-options .select2-container--default .selection .select2-selection--single .select2-selection__rendered .flag-text {
  padding-left: 0px;
}

@media (max-width : 790px) {
  #bank-localization table tbody .row {
    padding-left: 0px;
    padding-right: 0px;

  }
}

/* #bank-localization .send-money-label {
  margin-top: -18px;
} */

.bank-localization-dropdown .select2-results .select2-results__option,
.mat-topup-dropdown .select2-results .select2-results__option {
  padding-left: 8px;
}

@media (max-width : 790px) {

  #make-a-transfer tbody tr .loaded-th-mat-topup,
  #top-up tbody tr .loaded-th-mat-topup {
    width: 700px !important;

  }
}

.bank-localization-dropdown .currency::before {
  height: 18px;
  width: 18px;

}



#currency-list-options .select2-selection--single{
	width: 100% !important;
	
}


@media only screen and (min-width: 989px) {
  #bank-localization .element-group {
    margin-bottom: 0;
  }
}


@media (min-width: 989px) {
    #country-dropdown-MAT .field-title {
        position: relative;
        margin-top: 72px;
        margin-bottom: 10px;
    }
}

@media (max-width: 639px) {
    #country-dropdown-MAT .field-title,
    #make-a-transfer h2.field-title,
    #top-up h2.field-title {
        position: relative;
        margin-top: 127px !important;
    }
}

@media (max-width: 39.9375em) {
	#bank-localization .org-bank-details > .columns tr.row {
padding : 0 !important;
}
	
}

@media only screen and (max-width: 989px) {
  #bank-localization .element-group {
    margin-bottom: 26px !important;
  }
}

 
@media (min-width: 990px) {
  #bank_details_page .send-money-label {
    margin-top: 2px;
  }
 
}

@media (max-width: 990px) {
 #bank-localization .send-money-section{
   margin-bottom: 0px !important;
  }
}

#make-a-transfer .transfer-complete-details,
#top-up .transfer-complete-details {
  margin-top: 0px;
}


#bank-localization table tbody th .copy-icon,
#make-a-transfer table tbody th .copy-icon,
#top-up table tbody th .copy-icon {
    right: 16px !important;
}


  #bank-localization table tbody th .copied-text,
  #make-a-transfer table tbody th .copied-text,
  #top-up table tbody th .copied-text {
    margin-right: -8px !important;
    padding-right: 0;
  }
  
#btn-notify-recipients{
padding-left: 0;
}

@media (min-width: 745px) and (max-width: 790px) {

  #bank-localization table tbody tr th,
  #make-a-transfer table tbody tr th,
  #top-up table tbody tr th {
    width: 100% !important;
  }
}

#top-up #bank_details_page .main-section_bl {
  height: 521px;
}


.btn-notify-recipient button{
 padding-top: 10.5px; 
 padding-bottom: 10.5px;
}

.back-to-dashboard{
	color:#161616;
}

#useRegisteredAddress_checkbox:before {
border: 1px solid #ddd !important;
}

.handle-multi-line input[type=checkbox] + label::before {
       display: none;
}
.handle-multi-line .label-for-input {
       width: 100%;
}
.handle-multi-line .label-for-input .positioned-text {
		position: relative;
		bottom: 18px;
		margin: 17px 0px 0px 35px;
}
.handle-multi-line input[type=checkbox] + label .positioned-checkbox {
       background-color: #ffffff;
       border: 1px solid #ddd;
	   border-radius: 2px;
	   height: 24px;
	   margin-right: 0.5em;
	   width: 24px;
	   background-position: center left;
	   position: absolute;
	   padding: 10px;
}
.annoucements {
    position: absolute;
    width: 100%;
    height: 824px;
}
.annoucements > marquee {
    position: sticky;
    z-index: 9;
    top: 0;
    background-color: #e57200;
}
.annoucements > marquee h5.text {
    width: 100%;
    color: #ffffff;
    margin: 0px;
}

@media only screen and (max-width: 500px) {

  .template.template-tiered-registration.divided-theme 
    .landing-select-account-type .section.content .callout {
      width: 325px !important;
    }
    #landingAccount .title {
      width: 300px !important;

    }
}