.acquisition-container-component {
  display: flex;
  flex-flow: row;
  height: 100%;
  position: relative;
}

.acquisition-container-component .acquisition-extension-icon-section {
  flex: 0 1 auto;
  width: 22%;
  background-color: #0072c6;
  text-align: center;
}

.acquisition-container-component .acquisition-extension-icon-section .extension-icon img {
  max-width: 34%;
  margin: 20px auto;
}

.acquisition-container-component .acquisition-extension-icon-section .extension-name-container {
  padding: 0 20px;
}

.acquisition-container-component .acquisition-extension-icon-section .extension-name-container .extension-name {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-size: 21px;
  font-weight: 300;
}

.acquisition-container-component .acquisition-progress-and-content-section {
  flex: 0 1 auto;
  width: 78%;
  display: flex;
  flex-flow: column;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.acquisition-container-component .acquisition-progress-and-content-section > .hr {
  width: 94%;
  height: 1px;
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  margin: 7px auto 0px auto;
}

.acquisition-container-component .acquisition-progress-and-content-section .acquisition-bottom-padding-section {
  flex: 1 1 auto;
}

.acquisition-container-component .acquisition-progress-and-content-section .spinner-acquisition {
  margin-top: 10px;
}

.acquisition-container-component .ms-Label.step-header {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
}