body {
  font-family: "Open Sans", sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f0f0f0;
}
.wms-login-block {
  width: 100%;
  height: 100vh;
  display: flex;
}
.wms-login-form-logo {
  display: flex;
}
.wms-login-main {
  /* display: flex; */
  width: 824px;
  height: 400px;
  margin: auto;
  align-items: center;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 25px #00000040;
  border-radius: 4px;
}
.wms-logo-section {
  background-color: #f48831;
  margin: 10px;
  width: 402px;
  height: 380px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  /* margin: 10px;
    width: 402px;
    height: 380px; */
}
.wms-logo-section img {
  width: 202px;
  height: 137px;
  padding-right: 0px;
  padding-bottom: 1px;
  padding-top: 0px;
}
.wms-login {
  display: flex;
  align-items: center;
  width: calc(100% - 418px);
}
.wms-login-screen {
  margin: 45px;
}
.wms-login-screen-failed {
  margin: 20px;
}
.wms-login-form-title {
  font-size: 16px;
  color: #222222;
  font-weight: bold;
}
.wms-login-form {
  padding: 0px;
  margin-top: 30px;
  /* margin-left: 1px; */
  /* margin-left: 1px; */
}
.form-group {
  margin-bottom: 14px;
}
.form-group label {
  height: 14px;
  font-size: 10px;
  text-align: left;
  letter-spacing: 0;
  color: #222222;
  display: block;
  padding-bottom: 7px;
}
.form-group input {
  /* width: 300px; */
  width: 284px;
  height: 20px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  padding: 5px 5px 5px 9px;
  font-weight: bold;
  color: #222222;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5rem;
}
.form-group .wms-password {
  letter-spacing: 3.6px;
}
.wms-btn {
  display: block;
  width: 95px;
  height: 34px;
  background: #005ca8 0% 0% no-repeat padding-box;
  border-radius: 50px;
  margin-top: 30px;
  border: none;
  font-weight: bold;
  color: #ffffff;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
img {
  width: 14px;
  height: 11px;
  padding-right: 6px;
  padding-top: 2px;
}
.wms-copyright-text {
  text-align: center;
  font-size: 10px;
  color: #222222;
  margin-top: 20px;
}

.wms-login-failed {
  text-align: center;
}
.wms-login-failed svg {
  width: 100%;
  max-width: 80px;
  margin: 0 auto;
  display: block;
}
.wms-login-failed .wms-login-failed-content {
  margin: 20px 0 22px;
}
.wms-login-failed .wms-login-failed-content span {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #222222;
  font-weight: 700;
  display: block;
}
.wms-login-failed .btn-try-again {
  width: 121px;
  margin: 0px auto;
  font-weight: 600;
  text-decoration: none;
}

.email-confirmation .field-validation-error {
  font-weight: bold;
}

/*EXTENSIV REBRANDING*/
.bold {
  font-weight: 900;
}

.plumTxtColor {
  color: #7b004c
}

.wms-extensiv-login {
  margin-top: 40px;
  display: flex;
  width: calc(100% - 418px);
}

.wms-extensiv-login-main {
  width: 825px;
  margin: auto;
  align-items: center;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 25px #00000040;
  border-radius: 4px;
}

.wms-extensiv-logo-section {
  font-family: "Inter";
  background-color: #f2f3f4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 419px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 8px 0px 0px 8px;
}

.wms-extensiv-logo-section img {
  width: 150px !important;
  height: auto !important;
}

.leftContainer {
  padding: 10px 25px 0 32px;
}

.leftContainer > p {
  font-size: 13px;
}

.brandImageContainer {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.leftContainer .midSection {
  background: white;
  border-radius: 10px !important;
  margin-top: 40px;
}

.bottomPanel {
  color: #4b4b4b;
  margin-bottom: 64px;
}

.bottomPanel > h4 {
  font: normal normal bold 18px/21px Inter;
  margin-bottom: 16px;
}

.bottomPanel h4 span {
  color: #eb41a9;
}
.bottomPanel > p {
  font: normal normal normal 13px/22px Inter;
}

.questions {
  font: normal normal bold 16px/20px Inter;
  margin-top: 16px;
}

.faq {
  color: #eb41a9 !important;
  text-decoration: underline !important;
}

.midSection .midSectionContent {
  display: flex;
  padding: 30px 32px 30px 32px;
  flex-direction: column;
  align-items: center;
}

.midSection .midSectionContent .tplImageContainer {
  width: 150px;
  height: 29px;
}

.midSection .midSectionContent .tplImageContainer > img {
  width: 150px !important;
  height: 29px !important;
}

.midSection .midSectionContent .middleTriangleContainer {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.midSection .midSectionContent .middleTriangleContainer > .triangle {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #eb41a9;
}

.midSection .midSectionContent .bottomExtensivTxt {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}