.login-container {
  display: flex;
  background: rgb(241, 243, 248) url('/assets/layout/images/BillGOWire-DFikMrL6.svg') no-repeat 100% 50%;
  background-size: contain;
  height: 100vh;
  width: 100vw;
}

.login-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  z-index: 0;
}

.login-card {
  margin: 0 auto;
  padding: 0 16px;
  width: 29rem;
  box-sizing: border-box;
}

.login-form {
  border-radius: 12px;
  background-color: #fff;
  color: #2d2e37;
  box-shadow: rgba(45, 46, 55, 0.16) 0px 1px 8px;
}

.login-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  min-height: 56px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #4e4ed0;
  color: #f1f3f8;
  position: relative;
  padding: 15px;
}

.login-action {
  padding: 48px;
}

button.log-in-button {
  background-color: #fff !important;
  color: #4e4ed0 !important;
  border: 1px solid !important;
  border-radius: 20px !important;
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}

button.log-in-button:hover {
  background-color: #fff !important;
  color: #2a2ab1 !important;
  border: 1px solid !important;
  border-radius: 20px !important;
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}

.logo {
  width: 50px;
  height: 40px;
  background-color: white;
  -webkit-mask: url('/assets/layout/images/BillgoLogo.svg') no-repeat center;
  mask: url('/assets/layout/images/BillgoLogo.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.logo-text {
  width: 120px;
  height: 28px;
  background-color: white;
  -webkit-mask: url('/assets/layout/images/BillgoLogoText.svg') no-repeat center;
  mask: url('/assets/layout/images/BillgoLogoText.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.companySelection-container {
  display: flex;
  background: rgb(241, 243, 248) url('/assets/layout/images/BillGOWire-DFikMrL6.svg') no-repeat 100% 50%;
  background-size: contain;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.companySelection-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  z-index: 0;
}

.companySelection-card {
  margin: 20%;
  box-sizing: border-box;
}

.companySelection-form {
  border-radius: 12px;
  background-color: #fff;
  color: #2d2e37;
  box-shadow: rgba(45, 46, 55, 0.16) 0px 1px 8px;
}

.companySelection-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  min-height: 56px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #4e4ed0;
  color: #f1f3f8;
  position: relative;
  padding: 15px;
}

.companies-button {
  background-color: #fff !important;
  color: #4e4ed0 !important;
  border: 1px solid !important;
  border-radius: 50px !important;
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
  cursor: pointer; /* Enables the hand cursor on hover */
}
.companies-button:hover {
  background-color: #fff !important;
  color: #2a2ab1 !important;
  border: 1px solid !important;
  border-radius: 50px !important;
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
  box-shadow: rgba(45, 46, 55, 0.16) 0px 1px 8px;
}

.companySelection-container .p-scrollpanel .p-scrollpanel-bar{
    background: #4e4ed0 !important;
}
.companySelection-card h2 {
  color: #4e4ed0 !important;
}

@media (min-width: 390px) and (max-width: 844px) {
  .companySelection-container .p-scrollpanel-content .mx-8 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}