button {
  font-family: "Open Sans";
}

button.primary,
a.primary {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1rem 0.75rem 1rem;
  background: rgb(49, 79, 111);
  box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  border: none;
  color: white;
  font-size: 1rem;
  cursor: pointer;
}
button.primary:hover,
a.primary:hover {
  background: rgb(110, 131, 154);
}
button.primary:focus,
a.primary:focus {
  background: rgb(90, 114, 140);
}
button.primary:active,
a.primary:active {
  background: rgb(52, 57, 65);
}
button.primary:disabled,
a.primary:disabled {
  background: rgb(245, 245, 245);
  color: rgb(153, 156, 160);
}

button.secondary,
a.secondary {
  box-sizing: border-box;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem 0.75rem 1rem;
  background: white;
  display: flex;
  color: rgb(49, 79, 111);
  box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  border: none;
  font-size: 1rem;
  cursor: pointer;
}
button.secondary img,
a.secondary img {
  height: 1.5rem;
  padding-right: 1rem;
}
button.secondary:hover,
a.secondary:hover {
  background: rgb(234, 237, 240);
}
button.secondary:focus,
a.secondary:focus {
  background: rgb(214, 220, 226);
}
button.secondary:active,
a.secondary:active {
  background: rgb(133, 136, 141);
}
button.secondary:disabled,
a.secondary:disabled {
  background: rgb(245, 245, 245);
  color: rgb(153, 156, 160);
}

.noPadding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

a.bare {
  box-sizing: border-box;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem 0.75rem 1rem;
  display: flex;
  color: rgb(49, 79, 111);
  border: none;
  font-size: 1rem;
  cursor: pointer;
}
a.bare img {
  height: 1.5rem;
  padding-right: 1rem;
}
a.bare:hover {
  background: rgb(234, 237, 240);
}
a.bare:focus {
  background: rgb(214, 220, 226);
}
a.bare:active {
  background: rgb(133, 136, 141);
}
a.bare:disabled {
  background: rgb(245, 245, 245);
  color: rgb(153, 156, 160);
}

a {
  color: rgb(49, 79, 111);
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 1rem;
}
a:hover {
  color: rgb(52, 57, 65);
  text-decoration: none;
}

a.ImageLink:hover svg path {
  fill: rgb(52, 57, 65);
}

a.smallHref {
  font-size: 0.75rem;
}

.fullwidth {
  width: 100%;
}

div.genericInputContainer {
  position: relative;
}
div.genericInputContainer .internalInputContainer {
  position: relative;
}
div.genericInputContainer .internalInputContainer .iconSize {
  width: 3rem;
  height: 3rem;
}
div.genericInputContainer .internalInputContainer:hover .genericInput {
  border: 0.0625rem solid rgb(90, 114, 140);
}
div.genericInputContainer .internalInputContainer:hover .genericInputButton {
  border-left: 0.0625rem solid rgb(90, 114, 140);
}
div.genericInputContainer .passwordTextStyle-right {
  font-weight: 700;
  font-size: 0.75rem;
}
div.genericInputContainer .passwordTextStyle-below {
  font-weight: 400;
  font-size: 0.875rem;
  margin: 0;
  padding: 8px 0;
  color: #70747a;
}
div.genericInputContainer .strengthBar-none {
  height: 8px;
  border-radius: 99px;
  background-color: #eaebec;
  width: 0%;
}
div.genericInputContainer .strengthBar-weak {
  height: 8px;
  border-radius: 99px;
  background-color: #cd9190;
  width: 33%;
}
div.genericInputContainer .strengthBar-average {
  height: 8px;
  border-radius: 99px;
  background-color: #cd9190;
  width: 68%;
}
div.genericInputContainer .strengthBar-strong {
  height: 8px;
  border-radius: 99px;
  background-color: #5b7a53;
  width: 100%;
}
div.genericInputContainer .strengthBarText-none {
  padding-left: 8px;
  padding-left: 0px;
}
div.genericInputContainer .strengthBarText-weak {
  padding-left: 8px;
  color: #cd9190;
}
div.genericInputContainer .strengthBarText-average {
  padding-left: 8px;
  color: #cd9190;
}
div.genericInputContainer .strengthBarText-strong {
  padding-left: 8px;
  color: #5b7a53;
}
div.genericInputContainer .strengthBarContainer {
  display: flex;
  height: 8px;
  border-radius: 99px;
  width: 100%;
  background-color: #eaebec;
}
div.genericInputContainer .passwordTextBox-true {
  display: flex;
  color: green;
}
div.genericInputContainer .passwordTextBox-false {
  display: flex;
}
div.genericInputContainer .passwordBoxCheckmark {
  padding-right: 8px;
}
div.genericInputContainer .genericInputGreyText {
  color: #999ca0;
  opacity: 0.6;
}
div.genericInputContainer .passwordBoxContainer {
  display: flex;
  width: 100%;
  align-items: center;
  padding-top: 12px;
}
div.genericInputContainer .LabelContainer {
  display: flex;
  justify-content: space-between;
}
div.genericInputContainer .LabelContainer .internalInputContainer:hover .genericInput {
  border: 0.0625rem solid rgb(90, 114, 140);
}
div.genericInputContainer .LabelContainer .internalInputContainer:hover .genericInputButton {
  border-left: 0.0625rem solid rgb(90, 114, 140);
}
div.genericInputContainer .genericInputButton {
  margin: 0;
  padding: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-image: initial;
  background: transparent;
  border-left: 0.0625rem solid rgb(194, 195, 198);
  width: 3rem;
  height: 3rem;
  outline: none;
  border-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
div.genericInputContainer .genericInputButton:hover {
  border-left: 0.0625rem solid rgb(90, 114, 140);
}
div.genericInputContainer input.genericInput:focus + .noticeArea {
  width: 0.5rem;
}
div.genericInputContainer input.genericInput {
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.5;
  font-style: normal;
  border: 0.0625rem solid rgb(194, 195, 198);
  width: 100%;
  max-height: 3rem;
  background: white;
  color: rgb(52, 57, 65);
  outline: none;
  padding: 0.75rem 4rem 0.75rem 1rem;
  border-radius: 0.25rem;
}
div.genericInputContainer input.genericInputGrey {
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.5;
  font-style: normal;
  border: 0.0625rem solid rgb(194, 195, 198);
  width: 100%;
  max-height: 3rem;
  background: white;
  color: rgb(52, 57, 65);
  outline: none;
  padding: 0.75rem 4rem 0.75rem 1rem;
  border-radius: 0.25rem;
  background-color: #f5f5f5;
  color: #999ca0;
  opacity: 0.6;
}
div.genericInputContainer div.noticeArea {
  height: 3rem;
  width: 0;
  background: rgb(90, 114, 140);
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
div.genericInputContainer div.noticeArea:active {
  width: 0.5rem;
}
div.genericInputContainer div.noticeArea .error {
  background: rgb(155, 35, 33);
}
div.genericInputContainer span.genericLabel {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(112, 116, 122);
  margin-bottom: 0.25rem;
  display: block;
}

.BorderTopContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top: 0.0625rem solid rgb(234, 235, 236);
}
.BorderTopContainer .DownloadIntroDiv {
  align-self: baseline;
  margin-bottom: 1.375rem;
}
.BorderTopContainer span {
  margin: 0.75rem 0 0.75rem 0;
}

div.buttonContainer {
  display: flex;
}
div.buttonContainer a:last-child {
  margin-left: 0.625rem;
}

div.error .genericInput {
  border: 0.0625rem solid rgb(155, 35, 33) !important;
}
div.error .noticeArea {
  background: rgb(155, 35, 33) !important;
}
div.error .genericInputButton {
  border-left: 0.0625rem solid rgb(155, 35, 33) !important;
}

span.field-validation-error {
  color: rgb(155, 35, 33);
}

select {
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.5;
  font-style: normal;
  border: 0.0625rem solid rgb(194, 195, 198);
  width: 100%;
  max-height: 3rem;
  background: white;
  color: rgb(52, 57, 65);
  outline: none;
  padding: 0.75rem 4rem 0.75rem 1rem;
  border-radius: 0.25rem;
}
select option {
  padding: 0.75rem 1rem;
}

.ErrorMessage {
  color: rgb(155, 35, 33);
  font-size: 1rem;
}

.TextLink {
  text-decoration: underline;
  display: inline-block;
}

.TextBinderText {
  padding: 0 0.3rem;
  display: contents;
}

.CheckboxContainer {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.CheckboxContainer span {
  font-size: 1rem;
}
.CheckboxContainer:hover .CheckboxInput img {
  background: rgb(234, 237, 240);
  border-radius: 50%;
}
.CheckboxContainer:active .CheckboxInput img {
  background: rgb(131, 149, 169);
  border-radius: 50%;
}
.CheckboxContainer .CheckboxInput {
  display: flex;
  align-items: center;
  color: rgb(49, 79, 111);
}
.CheckboxContainer .CheckboxInput input {
  display: none;
}

.CheckboxContainer-left {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: -1rem;
}
.CheckboxContainer-left span {
  font-size: 1rem;
}
.CheckboxContainer-left:hover .CheckboxInput img {
  background: rgb(234, 237, 240);
  border-radius: 50%;
}
.CheckboxContainer-left:active .CheckboxInput img {
  background: rgb(131, 149, 169);
  border-radius: 50%;
}
.CheckboxContainer-left .CheckboxInput {
  display: flex;
  align-items: center;
  color: rgb(49, 79, 111);
}
.CheckboxContainer-left .CheckboxInput input {
  display: none;
}

.changeLanguageContainer {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
}
.changeLanguageContainer .linkContainer {
  display: flex;
  align-items: center;
}
.changeLanguageContainer .logoImg {
  height: 2rem;
  margin-left: 1rem;
}
@media screen and (min-width: 991px) {
  .changeLanguageContainer .logoImg {
    display: none;
  }
}

.changeLanguagePopup {
  width: 0;
  z-index: 10;
  position: relative;
  height: 0;
  filter: drop-shadow(rgba(52, 57, 65, 0.5) 0px 0px 4px);
  -webkit-filter: drop-shadow(rgba(52, 57, 65, 0.5) 0px 0px 4px);
  inset: 0px auto auto 0px;
}
.changeLanguagePopup .theArrow:after {
  width: 0px;
  height: 0px;
  position: absolute;
  content: "";
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid white;
  top: -0.5rem;
  left: 4rem;
  transform: unset;
}
.changeLanguagePopup .popupContent {
  inset: 0px auto auto 0px;
  border-radius: 0.25rem;
  background: white;
  position: relative;
  overflow: visible;
  min-width: 6.625rem;
  width: fit-content;
}
.changeLanguagePopup .popupContent > a {
  padding: 0.75rem 1rem;
}
.changeLanguagePopup .popupContent > a:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.changeLanguagePopup .popupContent > a:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.hidden {
  display: none;
}

.TextBoxContainer {
  display: flex;
  align-items: center;
}
.TextBoxContainer .LogInTextBox {
  padding: 0.5rem 1rem;
  background: #EAEEE9;
}
.TextBoxContainer .LogInTextBox p {
  color: #325928;
  font-size: 1rem;
  line-height: 1.5rem;
}

.ErrorBoxWithText {
  background-color: #F5E9E8;
  border-radius: 5px;
  padding: 8px;
}
.ErrorBoxWithText span {
  color: #9B2321;
}

/* Open Sans @font-face kit */
/* BEGIN Light */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/Light/OpenSans-Light.eot");
  src: url("../fonts/open-sans/Light/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/Light/OpenSans-Light.woff") format("woff"), url("../fonts/open-sans/Light/OpenSans-Light.ttf") format("truetype"), url("../fonts/open-sans/Light/OpenSans-Light.svg#OpenSansLight") format("svg");
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/LightItalic/OpenSans-LightItalic.eot");
  src: url("../fonts/open-sans/LightItalic/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/LightItalic/OpenSans-LightItalic.woff") format("woff"), url("../fonts/open-sans/LightItalic/OpenSans-LightItalic.ttf") format("truetype"), url("../fonts/open-sans/LightItalic/OpenSans-LightItalic.svg#OpenSansLightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/Regular/OpenSans-Regular.eot");
  src: url("../fonts/open-sans/Regular/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/Regular/OpenSans-Regular.woff") format("woff"), url("../fonts/open-sans/Regular/OpenSans-Regular.ttf") format("truetype"), url("../fonts/open-sans/Regular/OpenSans-Regular.svg#OpenSansRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/Italic/OpenSans-Italic.eot");
  src: url("../fonts/open-sans/Italic/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/Italic/OpenSans-Italic.woff") format("woff"), url("../fonts/open-sans/Italic/OpenSans-Italic.ttf") format("truetype"), url("../fonts/open-sans/Italic/OpenSans-Italic.svg#OpenSansItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/Semibold/OpenSans-Semibold.eot");
  src: url("../fonts/open-sans/Semibold/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/Semibold/OpenSans-Semibold.woff") format("woff"), url("../fonts/open-sans/Semibold/OpenSans-Semibold.ttf") format("truetype"), url("../fonts/open-sans/Semibold/OpenSans-Semibold.svg#OpenSansSemibold") format("svg");
  font-weight: 600;
  font-style: normal;
}
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.eot");
  src: url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.woff") format("woff"), url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.ttf") format("truetype"), url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/Bold/OpenSans-Bold.eot");
  src: url("../fonts/open-sans/Bold/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/Bold/OpenSans-Bold.woff") format("woff"), url("../fonts/open-sans/Bold/OpenSans-Bold.ttf") format("truetype"), url("../fonts/open-sans/Bold/OpenSans-Bold.svg#OpenSansBold") format("svg");
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.eot");
  src: url("../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.woff") format("woff"), url("../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.ttf") format("truetype"), url("../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.eot");
  src: url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.woff") format("woff"), url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.ttf") format("truetype"), url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold") format("svg");
  font-weight: 800;
  font-style: normal;
}
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot");
  src: url("../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff") format("woff"), url("../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic") format("svg");
  font-weight: 800;
  font-style: italic;
}
/* END Extrabold Italic */
::-ms-reveal {
  display: none;
}

.Mercell_Create_Account_Wrapper {
  display: flex;
  gap: 1rem;
  margin-left: -4rem;
  margin-right: -4rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

h1.Mercell_Header {
  text-align: center;
}

.Mercell_Box {
  border: 0.0625rem solid rgb(194, 195, 198);
  border-radius: 0.25rem;
  width: 100%;
  flex: 1 1 0;
  width: 0;
  align-items: baseline;
}

.Supplier_Image {
  height: 5rem;
  background: url("/css/imgs/Supplier.jpg") no-repeat center center;
  background-size: cover;
}

.Buyer_Image {
  height: 5rem;
  background: url("/css/imgs/buyer.jpg") no-repeat center center;
  background-size: cover;
}

.Content-box {
  padding: 0 1rem 1rem 1rem;
}

.mainContainer {
  display: flex;
  height: 100%;
}
.mainContainer .leftContainer {
  background-image: url("/css/imgs/AllBrands_LeftImage.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: local;
  background-position-y: center;
  background-position-x: center;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mainContainer .leftContainer .leftBoxContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.mainContainer .leftContainer .leftBoxContainer .leftBox {
  background-image: linear-gradient(to top, transparent -50%, rgba(0, 0, 0, 0.5) 50%, transparent 150%);
  width: 45%;
  height: 9.625rem;
  flex-direction: column;
  padding: 1rem;
  display: flex;
  border-radius: 16px;
  margin: 0.5rem;
  align-items: center;
  justify-content: center;
}
.mainContainer .leftContainer .leftBoxContainer .WideBox {
  background-image: linear-gradient(to top, transparent -50%, rgba(0, 0, 0, 0.5) 50%, transparent 150%);
  width: 100%;
  flex-direction: column;
  padding: 1rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  display: flex;
  border-radius: 16px;
  margin: 0.5rem;
  align-items: center;
  justify-content: center;
}
@media screen and (min-height: 900px) {
  .mainContainer .leftContainer {
    background-position-y: center;
  }
}
.mainContainer .leftContainer a.logoImg {
  display: flex;
  justify-content: space-around;
}
.mainContainer .leftContainer a.logoImg div.LogoDiv {
  width: 30%;
  display: flex;
  place-content: center;
}
.mainContainer .leftContainer a.logoImg div.LogoDiv img {
  width: 100%;
  max-width: 75%;
}
.mainContainer .leftContainer a.logoImg div.TextDiv {
  width: 70%;
}
.mainContainer .leftContainer a.logoImg div.TextDiv .HeaderText {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: rgba(255, 255, 255, 0.9);
}
.mainContainer .leftContainer a.logoImg div.TextDiv .BreadText {
  font-size: 0.8rem;
  line-height: 1.5rem;
  color: rgba(255, 255, 255, 0.9);
}
.mainContainer .leftContainer a.logoImgGroup {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 450px;
}
.mainContainer .leftContainer a.logoImgGroup img {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .mainContainer .leftContainer {
    display: none;
    width: 0px;
  }
}
.mainContainer .rightContainer {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.mainContainer .rightContainer .navbar {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  padding: 1rem;
  justify-content: flex-end;
}
.mainContainer .rightContainer .iBinderGroupLogoContainer {
  width: 420px;
  align-self: center;
}
.mainContainer .rightContainer .iBinderGroupLogoContainer a {
  justify-content: center;
}
.mainContainer .rightContainer .iBinderGroupLogoContainer a img {
  max-width: 50%;
}
.mainContainer .rightContainer .loginContainer {
  width: 100%;
  margin: auto;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainContainer .rightContainer .loginContainer div.loginBox {
  width: 420px;
  padding: 1rem;
}
.mainContainer .rightContainer .loginContainer div.loginBox .ibinderLogo {
  padding-bottom: 1rem;
}
.mainContainer .rightContainer .loginContainer .createAccount span {
  justify-content: flex-start;
  display: flex;
}
.mainContainer .rightContainer .loginContainer .DescriptionContainer {
  padding-top: 0.5rem;
}
.mainContainer .rightContainer .loginContainer .genericTextStyling-medium {
  font-family: "Open Sans";
  font-size: 1rem;
  line-height: 1.5rem;
  color: #343941;
}
.mainContainer .rightContainer .loginContainer .genericTextStyling {
  font-family: "Open Sans";
  font-size: 1rem;
  line-height: 1.5rem;
}
.mainContainer .rightContainer .loginContainer .genericTextStyling-mediumGrey {
  font-family: "Open Sans";
  font-size: 1rem;
  line-height: 1.5rem;
  color: #70747a;
}
.mainContainer .rightContainer .loginContainer .genericTextStyling-link {
  font-family: "Open Sans";
  font-size: 1rem;
  line-height: 1.5rem;
  color: #0853b4;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.mainContainer .rightContainer .loginContainer .genericTextStyling-description {
  font-family: "Open Sans";
  font-size: 1rem;
  line-height: 1.5rem;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.mainContainer .rightContainer .loginContainer .imitationLoginBox > div {
  margin-bottom: 1rem;
}
.mainContainer .rightContainer .loginContainer .imitationLoginBox .loginFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainContainer .rightContainer .loginContainer .imitationLoginBox .singleLoginFooter {
  display: flex;
  align-items: center;
  justify-content: right;
}
.mainContainer .rightContainer .loginContainer form.loginBox > div {
  margin-bottom: 1rem;
}
.mainContainer .rightContainer .loginContainer form.loginBox .loginFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainContainer .rightContainer .loginContainer form.loginBox .singleLoginFooter {
  display: flex;
  align-items: center;
  justify-content: right;
}
@media screen and (max-width: 991px) {
  .mainContainer .rightContainer {
    width: 100% !important;
  }
}

body {
  background-color: white;
  margin: 0;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 1rem;
  color: rgb(52, 57, 65);
}

h1 {
  font-style: normal;
  font-weight: 300;
  font-size: 2.25rem;
  line-height: 3.0625rem;
  margin-bottom: 0.5rem;
}

h6 {
  font-size: 0.75rem;
}

p {
  margin: 0;
}

html,
body {
  height: 100%;
}

*,
*:focus,
*:hover {
  outline: none;
}

/* MFASettings START */
.flex-column, #backupCodeActions, #confirmStoredCodesForm, #mfaContainerInner, #mfaContainer {
  display: flex;
  flex-direction: column;
  gap: var(--flex-gap, 0);
}

#mfaContainer {
  --discrete20: #d6d7d9;
  --primary50: #f4f6f8;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 4.5rem);
  line-height: 1.5;
  padding: 1rem;
  box-sizing: border-box;
}
#mfaContainer hr {
  border: solid var(--discrete20);
  border-width: 0.0625rem 0 0 0;
  width: 100%;
  margin: 0;
}

#mfaContainerInner {
  width: 100%;
  max-width: 28.75rem;
}

#verificationContainer {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
}

#verificationForm {
  grid-row: 1/3;
  grid-column: 1/3;
}
#verificationForm #submitBtn {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

#verificationCancelForm {
  grid-row: 2;
  grid-column: 1;
}

#enableMfaForm {
  padding-top: 1rem;
}

#authenticatorApps {
  --flex-gap: 0.625rem;
  flex-direction: row;
  justify-content: center;
}

#authFormContainer {
  display: flex;
  justify-content: space-between;
}

#authenticatorKey {
  display: flex;
}

#qrCodeContainer {
  border: 0.0625rem solid var(--discrete20);
  padding: 1rem;
  width: fit-content;
}

#backupCodesList {
  background: var(--primary50);
  padding: 1rem;
}

#confirmStoredCodesForm {
  --flex-gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#backupCodeActions {
  --flex-gap: 1rem;
  flex-direction: row;
  padding: 1rem 0;
}

#openDeactivateBtn {
  padding-top: 1rem;
}

/* MFASettings END */

/*# sourceMappingURL=site.css.map */