.eft-account-name{
    color: blue;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 500;
    margin-top: 40px;
    font-family: Roboto !important;
}


.eft-image-edit {
    width: 18px;
    height: 18px;
    margin-top: 28px;
    margin-left: -3rem;
}
.defrow{
padding-right:0px !important;

}
.eft-accountdetails-block {

box-sizing: border-box;
  
  margin-top: -1px !important;
  border: 1px solid #979797;
  background-color: #EDF5FB;
}

#edit-icon{
float:right;

}

#tick-mark{
float:right;

}

.editdelrow {
    padding-right: 0px;
}


#not_default-textbox-1{

margin-top: 24px;
}



#not_default-textbox-2{

margin-top: 24px;
}
.delete-acc{
  color: #F22929;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: right;
  float:right;
  padding-bottom:5px;
}
.primaryimg{

 margin-top:14px !important;
}

.eftedit {
    color: #001F5F;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: right;
padding-bottom: 10px;   
float:right;
}


.nondefedit{

margin-left: 60px;
float:right;
}



.eft-account-heading{

  color: #001F5F;
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 16px;
  position: relative;
  right: 15px;

}

.eft-link{
  color: #0088CE;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
  margin-top: -2rem;
  position: relative;
  left: 8px;
  

}



. default-block{
   
    /* padding: 10px; */
   
   /* padding-left: 250px; */
   
  
}


#delete-Confirm {
    color: #278D3D;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: -1rem;
}

#default-Confirm {
    color: #278D3D;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: -1rem;
}

#delete-pendingpayment-error-message {
    color: #D0021B;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: -1rem;
}

.eft-nickname{
  color: #001F5F;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  padding-top: 24px;
}

.primaryheading{
padding-top:0px !important;

}
.primary {
    margin-left: -3rem;

}

.default {
    
    color: #278D3D;
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    float:right;
    padding-top:10px;
}
.primaryaccount,.primaryaccount-1,.primaryaccount-2{
  color: #545964;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

#pending_bank_accounts-message{

  color: #545964;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  
}

.pendingbankacc-heading {
    margin-bottom: 0px;
    margin-top: 20px;
}

.add-payment{
  font-family: Roboto;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: 0.33px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0px;
    
    color: #001f5f;
}

.eft-image-accounts {
    margin-top: 38px;
   
}
.primaryaccount-number,.primaryaccount-number-1,.primaryaccount-number-2{

  color: #545964;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 14px;
}

.heading{
padding-top: 10px;

}

.add-payment{
   font-family: 'Roboto';
    background-color: #F1B434;
    width: 113px;
    height: 30px;
    border: none;
   
}

.Add-Payment {
    margin-top: 3px;
}

a.fa.fa-trash-o.msgctrTrashIcon {
    font-size: 20px !important;
    color: #001f5f !important;
    top: 22px;
    left: 40px;
}

.container {
  height: 200px;
  position: relative;
  border: 3px solid green;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.modal-title{


 
  color: #001F5F;
  font-family: Roboto;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;



}

.modal-backdrop.in {
    
    opacity: .3;
} 


.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position:absolute;
  top: 40%;
  left: 50%;
  margin-top: -2em; 
  margin-left: -5em;
}


#deleteAccount{

    position: fixed;
    top: 120px;
    right: 126px;
    bottom: 0px;
    left: 350px;
    z-index: 1050;
    width: 50%;
    
}

#deleteScheduleErrorMessage {
    position: fixed;
    top: 120px;
    right: 0px;
    bottom: 0px;
    left: 350px;
    z-index: 1050;
    width: 55%;
}

#deleteErrorMessage {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 42px;
    font-weight: 100;
    color: #000 !important;
    opacity: 1 !important;
}

#oKButton{
    margin-left: 40%;
    margin-bottom: 20px;
}

#title{
font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.93px;
    color: #001f5f;

}

#accountsDeleteModal {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 42px;
    font-weight: 100;
    color: #000 !important;
    opacity: 1 !important;
}

#mod-header{

border-bottom: 0px solid #e5e5e5 !important;
}

#yes-button{
font-family: Roboto;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.33px;
    text-align: center;
    padding-left: 35px;
    padding-right: 35px;
    border-radius: 0px;
    height: 40px !important;
    color: #001f5f;
    margin-left: 98px;

    margin-bottom: 25px;
}

#no-button{
font-family: Roboto;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.33px;
    text-align: center;
    padding-left: 35px;
    padding-right: 35spx;
    border-radius: 0px;
    height: 40px !important;
    color: #001f5f;
    margin-left: 48px;

    margin-bottom: 25px;
}

#changeDefaultModal{

    position: fixed;
    top: 120px;
    right: 130px;
    bottom: 0px;
    left: 350px;
    z-index: 1050;
    width: 50% !important;
}
    

#formChecker {
    position: relative !important;
    left: 41px !important;
}


#accountDefaultcross {
    font-size: 31px;
    padding-right: 1px;
    margin-top: -14px;
    font-weight: 100;
    color: #000 !important;
    opacity: 1 !important;
}

#save-button{
font-family: Roboto;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.33px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 0px;
    height: 40px !important;
    color: #001f5f;
  
    
    margin-top: 25px;
    margin-bottom: 10px;

}

.eft-image-plus {
    margin-top: 11px;
    /* margin-bottom: -1px; */
}

.Add-Payment {
    /* margin-top: 12px; */
    /* margin: 14px; */
    margin-top: 14px;
    margin-bottom: 14px;
}



@media (min-width: 319px) and (max-width: 768px) {

#new-NickName {
    width: 100% !important;
}

.eft-image-trash{
padding-top: 0px;
float:right;
margin-bottom: -26px;


}
.default{
padding-left: 215px;

}
.nondefedit{
float:right;
}

#edit-icon{
margin-top: 0px !important;
}

#tick-mark{
margin-top: 0px !important;
}
.eftedit {
    
    font-size: 12px;
    
    
}
.eft-link{
  
  text-align: left;
  margin-top: 1rem;
  left: -6px;
  
  padding-bottom: 16px;
}


#pending_bank_accounts-message{

 margin-top: -0.5rem;
 
 
 text-align: left;
 font-size: 14px;
}   
.eft-nickname{
    position: relative;
    left: 30px;
}
.primaryaccount,.primaryaccount-1,.primaryaccount-2{
    position: relative;
    left: 30px;

}
.primaryaccount-number,.primaryaccount-number-1,.primaryaccount-number-2{
    position: relative;
    left: 30px;
}

.add-payment{
    margin-bottom: 10px;
    margin-left: 90px;
    margin-top: 0px;

}



a.fa.fa-trash-o.msgctrTrashIcon {
   
    top: -26px !important;
    position: relative;
}
#changeDefaultModal {
    left: 25px !important;
    width: 90% !important;
}

#formChecker {
    position: relative !important;
    left: 16px !important;
}

.mobile-in {
    width: 266px !important;
}

#deleteAccount {
    left: 37px !important;
    right: 47px !important;
    width: 74% !important;
}

#accountsDeleteModal {
    padding-left: 5px;
    padding-right: 7px;
    font-size: 27px;
}

#deleteScheduleErrorMessage{
    left: 12px !important;
    width: 94% !important;
}

#oKButton {
    margin-left: 35% !important;
}

#title {
    font-size: 15px;
}

#yes-button {
    margin-left: 15px;
}

#no-button {
    margin-left: 15px;
}


}

@media all and (min-width:992px) and (max-width: 1150px){
#deleteAccount{
    width: 61% !important;
    Left: 229px;
}

}

@media all and (min-width:780px) and (max-width: 2300px){
.add-payment{ position: absolute;
    top: 100%;
    transform: translateY(120%);
}
}

@media all and (min-width:800px) and (max-width: 950px){

#deleteAccount {
    position: fixed;
    top: 230px;
    right: 126px;
    bottom: 0px;
    left: 145px;
    z-index: 1050;
    width: 75%;
}

#changeDefaultModal {
    position: fixed;
    top: 243px;
    right: 130px;
    bottom: 0px;
    left: 150px;
    z-index: 1050;
    width: 80% !important;
}

}