:root {
  --color-main: rgba(0, 125, 143, 1);
  --color-dark: rgba(58, 68, 85, 1);
  --color-border: rgba(178, 178, 178, 1);
  --color-light: rgba(255, 255, 255, 1);
  --color-light2: rgba(233, 233, 233, 1);
}

/* only for IE/Edge, do not show the password reveal button
this feature is only for IE/Edge */
input[type="password"]::-ms-reveal {
  display: none;
}


@font-face {
  font-family: "Open Sans";
  src: url("OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* desktop */
@media (min-width: 577px) {

  .loginV2_border-left-lg {
    border-left: 1px solid var(--color-border);
  }

  #loginV2_info-popover {
    display: none;
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  #mainContent {
    margin-left: 120px;
    margin-right: 120px;
  }
}

/* mobile */
@media (max-width: 576px) {
  #loginV2_info-popover {
    display: none;
    position: absolute;
    right: 26px;
    top: 80%;
    transform: translateY(-50%);
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
}

.loginV2_header {
  /* browser default font size is 16px, so 1.25rem = 20px */
  font-size: 1.25rem;
  font-weight: 500;
}
.loginV2_link {
  font-size: 0.75rem;
  font-weight: 500;
}
.loginV2_text_header {
  font-size: 1.25rem;
}

.pf-v5-c-button.pf-m-plain {
  color: var(--color-light) !important;
}

.loginV2_btn-link-hover1:hover {
  background-color: var(--color-light) !important;
  color: var(--color-main) !important;
  transition: all 0.2s ease;
}

.loginV2_btn-link-hover2:hover {
  background-color: var(--color-main) !important;
  color: var(--color-light) !important;
  transition: all 0.2s ease;
}

.loginV2_input-shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s ease;
}

.loginV2_input-shadow:focus {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.loginV2_popover-show {
  display: block !important;
}

#loginV2_info-popover .pf-v5-c-popover__body {
  width: 310px;
  max-width: 310px;
  background-color: var(--color-dark);
  color: var(--color-light);
}

#loginV2_info-popover .pf-v5-c-popover__content {
  background-color: var(--color-dark);
  color: var(--color-light);
}

.loginV2_eye-icon {
  cursor: pointer;
  height: 22px;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
}

.loginV2_content-alert {
    color: red;
    font-size: 0.875rem;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 5px;
    word-wrap: break-word;
}