/* loader */

.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; /* Initially hidden */
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensure it's on top of other content */
}

/* Style for the overlay */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Adjust opacity as needed */
  z-index: -1; /* Place it below the loader */
}

/* Style for the loader */
.loader {
  border: 4px solid #f3f3f3; /* Light gray border */
  border-top: 4px solid #3498db; /* Blue border on top */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite; /* Rotate the border */
}

/* Animation to rotate the loader */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* end loader */


/* snackBar */

.snackbar {
  display: none;
  background-color: #333;
  color: white;
  text-align: center;
  padding: 16px;
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  min-width: 250px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}


/*  end snackBar */



/* bankInfo */

.bank-requisites__account-bank-name {
padding: 15px 20px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
color: #000;
}

.bank-requisites__account-number {
position: relative;
padding: 20px;
margin-bottom: 20px;
line-height: 1;
}

.bank-requisites__account-number:before {
position: absolute;
width: 100%;
height: 100%;
background: #067aff;
opacity: 0.08;
content: "";
left: 0px;
top: 0px;
color: #eef5ff;
}

div.bank-requisites__account-number span:first-child {
font-size: 32px;
margin-bottom: 5px;
font-weight: 500;
color: #14171a;
font-family: sans-serif;
}

div.bank-requisites__account-number span:last-child {
font-size: 12px;
color: #8a96a3;
text-transform: uppercase;
}
div.bank-requisites__bank-info div.bank-info-item span:first-child {
color: #8a96a3;
font-size: 12px;
text-transform: uppercase;
}

div.bank-requisites__bank-info {
padding: 0px 20px 20px;
}

div.bank-info-item span:last-child {
color: #14171a;
font-size: 14px;
}

div.timeline-alert.timeline-alert_info::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #067aff;
opacity: 0.07;
}
div.timeline-alert {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 15px;
border-bottom: 1px solid #e4eaef;
position: relative;
}
.timeline-alert__icon {
background:#14171a;
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
}

div.timeline-alert__text {
color: #14171a;
overflow: hidden;
font-size: 14px;
margin-left:15px;
position: relative;
z-index: 2;
line-height: 1.4;
}

/* end bankInfo */

/* common */
.labelStyle{
color: #14171a;
font-size: 14px;
line-height: 1.4;
}
.labelContent{
color: #8a96a3;
font-size: 14px;
}
.readonly-pointer {
cursor: pointer;
}
.cursor-pointer {
cursor: pointer;
}
/* end common */


/* email support */
/* Styling for the mail support icon */
.mail-support-icon {
   position: fixed;
   left: 1rem;
   bottom: 1rem;
   width: 2.75rem;
   height: 2.75rem;
   text-align: center;
   color: #2b51c4;
   z-index:9999;
   line-height: 46px;
   background: #FFF;
   border-radius: 180px;
}



/* end email support */