.overall {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  position: relative;
}

.overall-container {
  display: flex;
  width: 100%;
  flex: 1;
  column-gap: 1rem;
  padding: 0 2rem;
  padding-bottom: 2rem;
}

.overall-wrapper {

  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.business-overall-wrapper {
  flex: 5;

}

.company-money-details-wrapper {
  flex: 5;
}

.business-adjustments-wrapper {
  flex: 5;
}

.business-overall {
  flex: 1;

  width: 100%;
  border-radius: 0.625rem;
  border: 0.125rem solid #75B7FF;
  border: 0.125rem solid color(display-p3 0.5167 0.71 1);
  background: rgba(117, 183, 255, 0.10);
  background: color(display-p3 0.5176 0.7098 1 / 0.10);
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  align-items: center;
  padding: 1rem;
}

.business-overall.red  {

  border: 0.1433rem solid #fb444d25;
background: #fb444d36;

}

.business-overall.green  {

  border: 0.1433rem solid #026E0025;
background: #026E0025;

}

.business-overall.black  {

  border: 0.1433rem solid #00000025;
background: #00000036;

}

.business-overall.purple  {
  border: 0.1433rem solid rgba(160, 80, 240, 0.17);
  background: #a050f01e;

}

.business-overall.yellow  {
  border: 0.1433rem solid #f68c452e;
  background: #f68c4521;
}


.admin .business-overall {
  border: 0.125rem solid rgba(117, 184, 255, 0.2);
}

.business-income-box {
  width: 100%;
  height: 1.875rem;
  border-radius: 0.4375rem;
  background: #83FF87;
  background: color(display-p3 0.6417 1 0.5833);
  display: flex;
  align-items: center;
  column-gap: .5rem;
  padding: 0 1rem;

}

.business-contribitors {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  padding: 0 1rem;
}

.business-contribitor-pp-holder {
  border: 0.125rem solid #548DE8;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .25rem;

}

.business-contribitor-pp-holder.red {
  border: 0.125rem solid #FB444D;

}
.business-contribitor-pp-holder.purple {
  border: 0.125rem solid #9F50F0;

}
.business-contribitor-pp-holder.yellow {
  border: 0.125rem solid #F68D45;

}
.business-contribitor-pp-holder.black {
  border: 0.125rem solid #000;

}
.business-contribitor-pp-holder.green {
  border: 0.125rem solid #026E00;

}

.business-contribitor {
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
  align-items: center;
  position: relative;
}

.business-contribitor-box {
  position: absolute;
  left: 50%;
  top: -0.25rem;
  transform: translateX(-50%);
  min-width: 100%;
  border-radius: 0.28206rem;
  background: #83FF87;
  background: color(display-p3 0.6417 1 0.5833);
  height: 1.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .5rem;
  color: #308451;
  color: color(display-p3 0.284 0.5125 0.3348);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 0.77563rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}

.business-contribitor p {
  color: #3E8FEF;
  color: color(display-p3 0.3294 0.5529 0.9098);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 0.84613rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.business-contribitor-pp-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;

}


.business-income-box p {
  color: #308451;
  color: color(display-p3 0.284 0.5125 0.3348);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 0.78838rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.business-expense-box {
  width: 100%;
  height: 1.875rem;
  border-radius: 0.4375rem;
  background: #FF4953;
  background: color(display-p3 1 0.3569 0.3569);
  display: flex;
  align-items: center;
  column-gap: .5rem;
  padding: 0 1rem;

}

.business-expense-box p {
  color: #892429;
  color: color(display-p3 0.4958 0.1735 0.1735);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 0.78838rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.company-money-details {
  flex: 1;
  border-radius: 0.625rem;
  border: 0.125rem solid #75B7FF;
  border: 0.125rem solid color(display-p3 0.5167 0.71 1);
  background: rgba(117, 183, 255, 0.10);
  background: color(display-p3 0.5176 0.7098 1 / 0.10);
  padding: 1rem .75rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}



.company-money-details.red  {
  border: 0.1433rem solid #fb444d25;
  background: #fb444d36;
}
.company-money-details.yellow  {
  border: 0.1433rem solid #f68c452e;
  background: #f68c4521;

}
.company-money-details.purple  {
  border:0.1433rem solid rgba(160, 80, 240, 0.17);
  background: #a050f01e;

}
.company-money-details.black  {
  border:0.1433rem solid rgba(0, 0, 0, 0.17);
  background: #0000001e;

}
.company-money-details.green  {
  border:0.1433rem solid rgba(2, 112, 0, 0.17);
  background: #026E001e;

}
.admin .company-money-details  {
  border: 0.1433rem solid #fb444d25;
}


.business-adjustments {
  flex: 1;
  border-radius: 0.625rem;
  border: 0.125rem solid #75B7FF;
  border: 0.125rem solid color(display-p3 0.5167 0.71 1);
  background: rgba(117, 183, 255, 0.10);
  background: color(display-p3 0.5176 0.7098 1 / 0.10);
  padding:1rem 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}


.business-adjustments.red {
  border: 0.1433rem solid #fb444d25;
background: #fb444d36;
}
.business-adjustments.yellow {
  border: 0.1433rem solid #f68c452e;
background: #f68c4521;
}
.business-adjustments.purple {
  border:0.1433rem solid rgba(160, 80, 240, 0.17);
background: #a050f01e;
}
.business-adjustments.black {
  border: 0.1433rem solid #00000025;
background: #00000036;
}
.business-adjustments.green {
  border: 0.1433rem solid #026E0025;
background: #026E0036;
}
.admin .business-adjustments{
  border: 0.125rem solid rgba(117, 184, 255, 0.2);

}

.business-logo-container {
  width: 100%;
  
  height: 11.0625rem;
  border-radius: 0.3125rem;

  background: #1F1F1F;
  background: color(display-p3 0.1208 0.1208 0.1208);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: .5rem;
}

.business-logo-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.business-logo-container p{
  color: rgba(255, 255, 255, 0.60);
color: color(display-p3 1 1 1 / 0.60);
leading-trim: both;
text-edge: cap;
font-family: SF Pro Rounded;
font-size: 0.725rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}


.business-adjustments-link-container{
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: .75rem;
  position: relative;
}

.upload-button{
  width: 100%;
  height: 2.5rem;
  border-radius: 0.4375rem;
  border: 0.1654rem solid rgba(0, 0, 0, 0.20);
  border: 0.1654rem solid color(display-p3 0 0 0 / 0.20);
  background: #FFF;
  background: color(display-p3 1 1 1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
color: color(display-p3 0 0 0);
leading-trim: both;
text-edge: cap;
font-family: SF Pro Rounded;
font-size: 0.875rem;
font-style: normal;
font-weight: 600;
line-height: 143.836%; /* 1.25856rem */
cursor: pointer;
transition: all .2s ease;
}
.upload-button:hover{
  opacity: 0.9;
}

 .recommended-size{
  color: rgba(255, 255, 255, 0.60);
color: color(display-p3 1 1 1 / 0.60);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: SF Pro Rounded;
font-size: 0.65rem;
font-style: normal;
font-weight: 500;
line-height: normal;
} 

.delete-business-button{
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 3.0625rem;
  border-radius: 0.7445rem;
  border: 0.1654rem solid rgba(0, 0, 0, 0.20);
  border: 0.1654rem solid color(display-p3 0 0 0 / 0.20);
  background: #454545;
  background: color(display-p3 0.2708 0.2708 0.2708);
  color: #FFF;
color: color(display-p3 1 1 1);
leading-trim: both;
text-edge: cap;
font-family: SF Pro Rounded;
font-size: 1.07538rem;
font-style: normal;
font-weight: 600;
line-height: 143.836%; /* 1.54675rem */
cursor: pointer;
}

.business-adjustments-link-container h2{
  color: rgba(255, 255, 255, 0.60);
color: color(display-p3 1 1 1 / 0.60);
leading-trim: both;
text-edge: cap;
font-family: SF Pro Rounded;
font-size: 0.725rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.business-adjustments-input-holder{
  position: relative;
  width: 100%;
height: 1.875rem;
}

.business-adjustments-input-holder input{
  appearance: none;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  border-radius: 0.4375rem;
background: rgba(255, 255, 255, 0.20);
background: color(display-p3 1 1 1 / 0.20);
padding: 0 1.75rem;
color: rgba(255, 255, 255, 1);
color: color(display-p3 1 1 1 / 1);
leading-trim: both;
text-edge: cap;
font-family: SF Pro Rounded;
font-size: 0.7625rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.link-icon{
  position: absolute;
  left: .5rem;
  top: 55%;
  transform: translateY(-50%);
}

.business-adjustments-input-holder input::placeholder{
  color: rgba(255, 255, 255, 0.24);
color: color(display-p3 1 1 1 / 0.24);
leading-trim: both;
text-edge: cap;
font-family: SF Pro Rounded;
font-size: 0.7625rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}



.overall-container-header {
  color: #FFF;
  color: color(display-p3 1 1 1);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 1.07538rem;
  font-style: normal;
  font-weight: 600;
  line-height: 143.836%;
  /* 1.54675rem */
}

.business-overall-text-container {
  display: flex;
  flex-direction: column;
  row-gap: .75rem;
  width: 100%;
  position: relative;
}

.business-overall-text-container h1 {
  color: rgba(255, 255, 255, 0.60);
  color: color(display-p3 1 1 1 / 0.60);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.business-overall-box {
  width: 100%;
  height: 1.875rem;
  border-radius: 0.4375rem;
  background: #3E8FEF;
  background: color(display-p3 0.3294 0.5529 0.9098);
  display: flex;
  align-items: center;
  column-gap: .75rem;
  padding: 0 .75rem;
}

.business-overall-box.red{
  background: #FB444D;
}
.business-overall-box.purple{
  background: #9F50F0;
}
.business-overall-box.yellow{
  background: #F68D45;

}
.business-overall-box.black{
  background: #000;
}
.business-overall-box.green{
  background: #026E00;
}

.admin .business-overall-box {
background: rgba(255, 255, 255, 0.15);
background: color(display-p3 1 1 1 / 0.15);
}


.business-overall-box input{
  appearance: none;
  width: 100%;
  padding: 1rem 0;
  background-color: transparent;
  border: none;
  outline: none;
  color: #FFF;
  color: color(display-p3 1 1 1);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 0.78838rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.business-overall-box input::placeholder{
  color: #ffffff4a;
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 0.78838rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.business-page-access{
  display: flex;
  column-gap: .75rem;
  cursor: pointer;
}





.business-overall-box p {
  color: #FFF;
  color: color(display-p3 1 1 1);
  leading-trim: both;
  text-edge: cap;
  font-family: SF Pro Rounded;
  font-size: 0.78838rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: all .2s ease;
}


.admin .business-overall-box p {
  color: #ffffff39;
}


.business-page-access p.active{
  color: #ffffff;

}