/*Common*/
@media (max-width: 767px) {
  .menu {
    text-align: center; }
    .menu-logo {
      font-size: 1.2em; }
  .menu-item {
    display: none; }
  .menu-button {
    display: block; }
  .welcome-block h1 {
    font-size: 2em; } }

@media (min-width: 768px) {
  .menu-item {
    display: block; }
  .menu-button {
    display: none; } }

.gravatar-image {
  max-width: none; }

.border-top {
  border-top: 1px solid #e5e5e5; }

.border-bottom {
  border-bottom: 1px solid #e5e5e5; }

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05); }

.welcome-block {
  max-width: 700px; }

.logo, .logo:hover {
  color: black;
  text-decoration: none; }

.col-m-5 {
  margin: 5px; }

.col-m-10 {
  margin: 10px; }

.col-m-15 {
  margin: 15px; }

.col-m-20 {
  margin: 20px; }

.col-m-25 {
  margin: 25px; }

.col-m-30 {
  margin: 30px; }

.col-m-35 {
  margin: 35px; }

.col-m-40 {
  margin: 40px; }

.col-m-45 {
  margin: 45px; }

.col-m-50 {
  margin: 50px; }

.col-m-b-5 {
  margin-bottom: 5px; }

.col-m-b-10 {
  margin-bottom: 10px; }

.col-m-b-15 {
  margin-bottom: 15px; }

.col-m-b-20 {
  margin-bottom: 20px; }

.col-m-b-25 {
  margin-bottom: 25px; }

.col-m-b-30 {
  margin-bottom: 30px; }

.col-m-b-35 {
  margin-bottom: 35px; }

.col-m-b-40 {
  margin-bottom: 40px; }

.col-m-b-45 {
  margin-bottom: 45px; }

.col-m-b-50 {
  margin-bottom: 50px; }

.col-m-t-5 {
  margin-top: 5px; }

.col-m-t-10 {
  margin-top: 10px; }

.col-m-t-15 {
  margin-top: 15px; }

.col-m-t-20 {
  margin-top: 20px; }

.col-m-t-25 {
  margin-top: 25px; }

.col-m-t-30 {
  margin-top: 30px; }

.col-m-t-35 {
  margin-top: 35px; }

.col-m-t-40 {
  margin-top: 40px; }

.col-m-t-45 {
  margin-top: 45px; }

.col-m-t-50 {
  margin-top: 50px; }

.col-m-l-5 {
  margin-left: 5px; }

.col-m-l-10 {
  margin-left: 10px; }

.col-m-l-15 {
  margin-left: 15px; }

.col-m-l-20 {
  margin-left: 20px; }

.col-m-l-25 {
  margin-left: 25px; }

.col-m-l-30 {
  margin-left: 30px; }

.col-m-l-35 {
  margin-left: 35px; }

.col-m-l-40 {
  margin-left: 40px; }

.col-m-l-45 {
  margin-left: 45px; }

.col-m-l-50 {
  margin-left: 50px; }

.col-m-r-5 {
  margin-right: 5px; }

.col-m-r-10 {
  margin-right: 10px; }

.col-m-r-15 {
  margin-right: 15px; }

.col-m-r-20 {
  margin-right: 20px; }

.col-m-r-25 {
  margin-right: 25px; }

.col-m-r-30 {
  margin-right: 30px; }

.col-m-r-35 {
  margin-right: 35px; }

.col-m-r-40 {
  margin-right: 40px; }

.col-m-r-45 {
  margin-right: 45px; }

.col-m-r-50 {
  margin-right: 50px; }

.col-p-5 {
  padding: 5px; }

.col-p-10 {
  padding: 10px; }

.col-p-15 {
  padding: 15px; }

.col-p-20 {
  padding: 20px; }

.col-p-25 {
  padding: 25px; }

.col-p-30 {
  padding: 30px; }

.col-p-35 {
  padding: 35px; }

.col-p-40 {
  padding: 40px; }

.col-p-45 {
  padding: 45px; }

.col-p-50 {
  padding: 50px; }

.col-p-b-5 {
  padding-bottom: 5px; }

.col-p-b-10 {
  padding-bottom: 10px; }

.col-p-b-15 {
  padding-bottom: 15px; }

.col-p-b-20 {
  padding-bottom: 20px; }

.col-p-b-25 {
  padding-bottom: 25px; }

.col-p-b-30 {
  padding-bottom: 30px; }

.col-p-b-35 {
  padding-bottom: 35px; }

.col-p-b-40 {
  padding-bottom: 40px; }

.col-p-b-45 {
  padding-bottom: 45px; }

.col-p-b-50 {
  padding-bottom: 50px; }

.col-p-t-5 {
  padding-top: 5px; }

.col-p-t-10 {
  padding-top: 10px; }

.col-p-t-15 {
  padding-top: 15px; }

.col-p-t-20 {
  padding-top: 20px; }

.col-p-t-25 {
  padding-top: 25px; }

.col-p-t-30 {
  padding-top: 30px; }

.col-p-t-35 {
  padding-top: 35px; }

.col-p-t-40 {
  padding-top: 40px; }

.col-p-t-45 {
  padding-top: 45px; }

.col-p-t-50 {
  padding-top: 50px; }

.col-p-l-5 {
  padding-left: 5px; }

.col-p-l-10 {
  padding-left: 10px; }

.col-p-l-15 {
  padding-left: 15px; }

.col-p-l-20 {
  padding-left: 20px; }

.col-p-l-25 {
  padding-left: 25px; }

.col-p-l-30 {
  padding-left: 30px; }

.col-p-l-35 {
  padding-left: 35px; }

.col-p-l-40 {
  padding-left: 40px; }

.col-p-l-45 {
  padding-left: 45px; }

.col-p-l-50 {
  padding-left: 50px; }

.col-p-r-5 {
  padding-right: 5px; }

.col-p-r-10 {
  padding-right: 10px; }

.col-p-r-15 {
  padding-right: 15px; }

.col-p-r-20 {
  padding-right: 20px; }

.col-p-r-25 {
  padding-right: 25px; }

.col-p-r-30 {
  padding-right: 30px; }

.col-p-r-35 {
  padding-right: 35px; }

.col-p-r-40 {
  padding-right: 40px; }

.col-p-r-45 {
  padding-right: 45px; }

.col-p-r-50 {
  padding-right: 50px; }

.col-form-label {
  text-align: right;
  font-weight: bold; }

@media (max-width: 575px) {
  .col-form-label {
    text-align: left; } 
  .logo > img {
    height: 50px !important;
  }
}

/*Controls*/
.navbar-brand > img {
  max-height: 31px; }

.navbar-brand.logo {
  padding: 10px 10px; }

.navbar-brand-image-mobile {
  display: none; }

@media (max-width: 767px) {
  .navbar-brand-image {
    display: none; }
  .navbar-brand-image-mobile {
    display: block;
    padding-left: 0;
    padding-right: 0; } }

.validation-summary-errors {
  color: #ff3834;
  border: 1px solid #ffd3d3;
  background: none;
  padding-top: 9px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 15px;
  margin-top: 20px; }

.switch {
  display: inline-block;
  height: 28px;
  position: relative;
  width: 60px;
  margin-top: 5px; }

.switch input {
  display: none; }

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s; }

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 20px;
  left: 7px;
  position: absolute;
  transition: .4s;
  width: 20px; }

input:checked + .slider {
  background-color: #007bff; }

input:checked + .slider:before {
  transform: translateX(26px); }

.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

label.radio-img > input {
  visibility: hidden;
  position: absolute; }

label.radio-img > input + img {
  cursor: pointer;
  border: 2px solid transparent; }

label.radio-img > input:checked + img {
  background-color: #ffe7ac;
  -ms-border-radius: 15px;
  border-radius: 15px; }

label.radio-img > input:checked ~ h3, label.radio-img > input:checked ~ h4 {
  color: #007bff;
  text-decoration: underline; }

label.radio-img > h3, label > h4 {
  cursor: pointer; }

.cc-window {
  color: #212529;
  background-color: #f7f7f7; }

.cc-btn {
  color: #ffffff;
  background-color: #007bff;
  border-color: transparent; }

/*Pages*/
.consent-container .toggle-button__input {
  float: left; }

.consent-container .toggle-button__text {
  float: left;
  margin-top: 6px;
  margin-left: 10px; }

.consent-container .consent-description {
  width: 100%;
  float: left; }

.consent-container .client-logo {
  float: left; }
  .consent-container .client-logo img {
    margin-right: 25px; }

.logged-out-container iframe {
  display: none;
  width: 0;
  height: 0; }

.grants-container .page-header {
  margin-bottom: 10px; }

.grants-container .grant {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid lightgray; }
  .grants-container .grant .clientname {
    font-size: 140%;
    font-weight: bold; }
  .grants-container .grant .granttype {
    font-size: 120%;
    font-weight: bold; }
  .grants-container .grant .created {
    font-size: 120%;
    font-weight: bold; }
  .grants-container .grant .expires {
    font-size: 120%;
    font-weight: bold; }
  .grants-container .grant li {
    list-style-type: none;
    display: inline; }
    .grants-container .grant li:after {
      content: ', '; }
    .grants-container .grant li:last-child:after {
      content: ''; }

.login-page {
  height: 100vh;
  position: relative; }
  .login-page .login-image {
    height: 100vh;
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    width: 100%;
    max-width: 100vw; }
  .login-page .login-body {
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0; }
    .login-page .login-body .login-form-container {
      justify-content: center;
      background: rgba(255, 255, 255, 0.8);
      width: 100%;
      max-width: 570px;
      margin: auto;
      align-items: center;
      border-radius: 5px; }
      .login-page .login-body .login-form-container .login-header {
        margin-top: 28px;
        padding-bottom: 25px; }
        .login-page .login-body .login-form-container .login-header .login-brand {
          display: flex;
          justify-content: center; }
        .login-page .login-body .login-form-container .login-header .login-brand-flex {
          display: flex;
          justify-content: center;
          align-items: center; }
          .login-page .login-body .login-form-container .login-header .login-brand-flex .logo-brand {
            margin: unset; }
          .login-page .login-body .login-form-container .login-header .login-brand-flex .title-brand {
            margin-left: 10px;
            font-size: 26px;
            font-weight: 600;
            line-height: 19px;
            color: #444749; }
        .login-page .login-body .login-form-container .login-header .border-login {
          border: 1px dashed #A8AEB2;
          margin: 20px 20px 0px 20px; }
        .login-page .login-body .login-form-container .login-header .login-header-complete-title {
          line-height: 40px;
          display: flex;
          justify-content: center;
          margin-bottom: 15px; }
          .login-page .login-body .login-form-container .login-header .login-header-complete-title .login-header-complete-title-name {
            margin-top: 30px;
            font-weight: bold;
            font-size: 19px;
            color: #C1E4FF; }
        .login-page .login-body .login-form-container .login-header .login-header-complete-title-row {
          display: flex;
          justify-content: center; }
          .login-page .login-body .login-form-container .login-header .login-header-complete-title-row .not-register {
            font-size: 16px;
            color: #202122;
            line-height: 19px; }
          .login-page .login-body .login-form-container .login-header .login-header-complete-title-row .register {
            font-style: italic;
            font-size: 16px;
            line-height: 19px;
            text-decoration: underline;
            cursor: pointer; }
      .login-page .login-body .login-form-container .login-btn {
        line-height: 19px;
        font-weight: bold;
        font-size: 16px;
        color: #ffffff;
        font-style: normal; }

@media (min-width: 992px) {
  .logo {
    margin-left: 88px; }
  .header-right {
    margin-right: 88px !important; }
  .footer {
    height: 80px;
    padding: 0px 98px; }
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0; } }

@media (max-width: 992px) {
  .footer {
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .footer .footer-left {
      margin-bottom: 10px;
      flex-direction: column; }
      .footer .footer-left .copyright-text {
        margin-top: 3px;
        margin-left: 0px !important;
        font-size: 16px !important;
        padding: 0px !important; }
    .footer .footer-right {
      justify-content: center !important;
      margin-bottom: 10px;
      font-size: 12px; }
      .footer .footer-right .social {
        display: none; } }

.login-bo-page {
  height: 100vh;
  position: relative; }
  .login-bo-page .login-image-background {
    height: 100%;
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    width: 100%;
    max-width: 100%;
    position: fixed; }
  .login-bo-page .body-login-page {
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column; }
    .login-bo-page .body-login-page .location-header {
      height: 64px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 64px;
      background: #001529;
      flex: 0 0 auto; }
    .login-bo-page .body-login-page .location-header .header-right-mobile {
      height: 100%;
    }
      .login-bo-page .body-login-page .location-header .header-custom {
        box-shadow: 0 0 10px var(--theme-color-boxshadow);
        padding-top: 0;
        padding-bottom: 0;
        height: 80px;
        z-index: 9 !important; }
        .login-bo-page .body-login-page .location-header .header-custom .logo {
          height: 100%;
          display: flex;
          align-items: center;
          cursor: pointer;
        }
        .login-bo-page .body-login-page .location-header .header-custom .header-right {
          flex: 1 1;
          display: flex;
          justify-content: flex-end;
          height: 100%;
          align-items: center; }
          .login-bo-page .body-login-page .location-header .header-custom .header-right .menu-bar-custom {
            border: 0;
            height: 100%;
            box-shadow: none;
            display: flex;
            box-sizing: border-box;
            margin: 0;
            padding: 0 0 0 50px;
            font-variant: tabular-nums;
            font-feature-settings: 'tnum', "tnum";
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 0;
            text-align: left;
            list-style: none;
            background: #fff;
            outline: none;
            transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; }
            .login-bo-page .body-login-page .location-header .header-custom .header-right .menu-bar-custom:before {
              display: table;
              content: ''; }
            .login-bo-page .body-login-page .location-header .header-custom .header-right .menu-bar-custom .menu-item {
              margin-top: -1px;
              margin-bottom: 0;
              background-color: transparent;
              position: relative;
              top: 1px;
              vertical-align: bottom;
              transition: border-color 0.3s, background 0.3s;
              margin: -1px;
              display: flex;
              align-items: center;
              padding: 0 30px;
              cursor: pointer; }
              .login-bo-page .body-login-page .location-header .header-custom .header-right .menu-bar-custom .menu-item :active {
                background: #e6f7ff; }
              .login-bo-page .body-login-page .location-header .header-custom .header-right .menu-bar-custom .menu-item :hover {
                background-color: transparent; }
              .login-bo-page .body-login-page .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content {
                font-size: 20px;
                line-height: 19px;
                color: #2d2f32;
                display: flex;
                align-items: center; }
                .login-bo-page .body-login-page .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content .icon-login {
                  font-size: 24.38px;
                  margin-right: 13.81px; }
      .login-bo-page .body-login-page .location-header .navbar-default {
        background-color: #fff;
        border-color: #eee; }
      .login-bo-page .body-login-page .location-header .navbar-fixed-bottom,
      .login-bo-page .body-login-page .location-header .navbar-fixed-top {
        right: 0;
        left: 0;
        z-index: 1030; }
      .login-bo-page .body-login-page .location-header .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent; }
      .login-bo-page .body-login-page .location-header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px; }
    .login-bo-page .body-login-page .body-v2 {
      /*margin-top: 20px;*/
      margin: 0px 0px 78px 0px;
      justify-content: center;
      align-content: center;
      align-items: center;
      width: 100%;
      background: url("/images/Background_IDBooker.png") no-repeat center center;
      flex: auto; }
      .login-bo-page .body-login-page .body-v2 .login-form-part {
        background-color: #ffffff;
        border-radius: 3px;
        max-width: 460px;
        width: 100%;
        padding: 29px 20px 28px 20px;
        box-shadow: var(--theme-shadow-color) 0px 5px 15px;
        margin-top: 79px;
        height: max-content; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .login-mid-form {
          display: flex;
          margin: 18px 0px; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .login-mid-form .flex-1 {
            flex: 1;
            color: red; }
            .login-bo-page .body-login-page .body-v2 .login-form-part .login-mid-form .flex-1 .horizontal_dotted_line_in_flex {
              border-top: 1px dotted #A8AEB2;
              height: 1px; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .login-mid-form .hoac-span {
            justify-content: center;
            display: flex;
            text-align: center;
            opacity: 0.4;
            margin-top: 4px;
            margin-left: 5px;
            margin-right: 5px; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .another-login-protocol {
          display: flex;
          justify-content: center; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .another-login-protocol .protocol-name {
            margin-left: 5px;
            font-size: 14px; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .another-login-protocol .icon-logo {
            margin-right: 5px;
            display: flex;
            align-items: center; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .another-login-protocol .protocol-box {
            width: 130px;
            display: flex;
            border: 1px solid;
            padding: 8px;
            margin: 0 15px;
            border-radius: 5px;
            cursor: pointer;
            justify-content: center;
            align-items: center; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .another-login-protocol .login-by-facebook {
            color: #4267B2;
            opacity: 1; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .another-login-protocol .login-by-facebook:hover {
            color: #2d529d;
            opacity: 1;
            text-decoration: none; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .another-login-protocol .login-by-gmail {
            color: #DB4437; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .another-login-protocol .login-by-gmail:hover {
            color: #c81c16 !important;
            opacity: 1;
            text-decoration: none; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .horizontal_dotted_line {
          margin: 24px -15px 24px -15px;
          border-top: 1px dotted #A8AEB2;
          height: 1px; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .form-group {
          font-size: 14px;
          margin-bottom: 20px; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-group .input {
            font-size: 13px;
            font-weight: 500; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-group .text-danger {
            font-size: 12px;
            font-weight: 400;
            font-style: italic; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-group .form-control {
            font-size: 13px;
            font-weight: 500; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-group .form-control:focus {
            box-shadow: none;
            font-weight: 500;
            font-size: 13px;
            border-color: var(--theme-color); }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-group .label-login {
            font-style: normal;
            font-weight: bold;
            font-size: 20px;
            margin-bottom: 13px;
            color: var(--theme-color); }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-group .label-new-account {
            font-size: 16px; }
            .login-bo-page .body-login-page .body-v2 .login-form-part .form-group .label-new-account .create-new-account {
              margin-left: 5px;
              color: var(--theme-color);
              font-style: italic;
              text-decoration: underline; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-group .label-username {
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 500;
            height: 19px; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-group .label-password {
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 500;
            height: 19px; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-group input::placeholder {
            font-size: 14px;
            color: #e0e0e0;
            margin-bottom: 17px;
            font-weight: 400; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .custom-check-box {
          width: 50%;
          position: relative;
          display: block; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .custom-check-box input[type="checkbox"] {
          width: auto;
          opacity: 0.00000001;
          position: absolute;
          left: 0;
          margin-left: -20px; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .custom-check-box label:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          margin: 4px;
          width: 22px;
          height: 22px;
          transition: transform 0.28s ease;
          border-radius: 3px;
          background: #ffffff;
          border: solid 1px var(--theme-color); }
        .login-bo-page .body-login-page .body-v2 .login-form-part .custom-check-box label:after {
          content: '';
          display: block;
          width: 10px;
          height: 5px;
          border-bottom: 2px solid #ffffff;
          border-left: 2px solid #ffffff;
          -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
          transition: transform ease 0.25s;
          will-change: transform;
          position: absolute;
          top: 12px;
          left: 10px; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .custom-check-box input[type="checkbox"]:checked ~ label::before {
          background: var(--theme-color); }
        .login-bo-page .body-login-page .body-v2 .login-form-part .custom-check-box input[type="checkbox"]:checked ~ label::after {
          -webkit-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1); }
        .login-bo-page .body-login-page .body-v2 .login-form-part .custom-check-box label {
          min-height: 34px;
          display: block;
          padding-left: 19px;
          margin-bottom: 0px;
          font-weight: normal;
          cursor: pointer;
          vertical-align: sub; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .custom-check-box label span {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        .login-bo-page .body-login-page .body-v2 .login-form-part .custom-check-box input[type="checkbox"]:focus + label::before {
          outline: 0; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .form-check {
          margin-left: -4px; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-check .form-check-input {
            width: 26px;
            height: 26px; }
          .login-bo-page .body-login-page .body-v2 .login-form-part .form-check .form-check-label {
            font-size: 14px; }
        .login-bo-page .body-login-page .body-v2 .login-form-part .forgot-password {
          width: 50%;
          display: flex;
          align-items: center;
          justify-content: end;
          text-decoration: underline;
          font-style: italic;
          font-size: 14px;
          color: var(--theme-color); }
          .login-bo-page .body-login-page .body-v2 .login-form-part .forgot-password a {
            color: var(--theme-color); }
        .login-bo-page .body-login-page .body-v2 .login-form-part .login-btn-custom {
          font-style: normal;
          font-weight: bold;
          font-size: 16px;
          border-radius: 10px;
          color: #ffffff;
          background-color: var(--theme-color); }
    .login-bo-page .body-login-page .footer {
      display: flex; 
      min-height: 120px;
      padding-top: 10px ;
    }
      .login-bo-page .body-login-page .footer .footer-left {
        display: flex;
        align-items: center; }
        .login-bo-page .body-login-page .footer .footer-left .copyright-text {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          color: #505056;
          margin-left: 18px;
          display: flex;
          align-items: end;
          height: 100%; }
        .login-bo-page .body-login-page .footer .footer-left .power {
          font-weight: bold;
          font-size: 20px;
          line-height: 19px;
          margin-right: 19px; }
      .login-bo-page .body-login-page .footer .footer-right {
        flex: 1 1;
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .login-bo-page .body-login-page .footer .footer-right .info {
          margin-left: 30.25px; }
          .login-bo-page .body-login-page .footer .footer-right .info a {
            color: var(--theme-color); }
        .login-bo-page .body-login-page .footer .footer-right .social {
          font-size: 33px; }
          .login-bo-page .body-login-page .footer .footer-right .social i {
            color: var(--theme-color); }
        .login-bo-page .body-login-page .footer .footer-right .inta {
          margin-left: 28.5px;
          margin-right: 18.9px; }

@media (min-width: 992px) {
  .logo {
    margin-left: 88px; }
  .header-right {
    margin-right: 88px !important; }
  .footer {
    height: 80px;
    padding: 0px 98px; }
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0; } }

.register-page {
  position: relative;
  height: 100vh; }
  .register-page .body-register-page {
    position: absolute;
    height: 100%;
    background: url(/images/Background_IDBooker.png) no-repeat center center;
    width: 100%;
    display: flex;
    flex-direction: column; }
    .register-page .body-register-page .location-header {
      height: 64px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 64px;
      background: #001529;
      flex: 0 0 auto; }
.register-page .body-register-page .location-header .header-right-mobile {
    height: 100%;
}
      .register-page .body-register-page .location-header .header-custom {
        box-shadow: 0 0 10px var(--theme-shadow-color);
        padding-top: 0;
        padding-bottom: 0;
        height: 80px;
        z-index: 9 !important; }
        .register-page .body-register-page .location-header .header-custom .logo {
          height: 100%;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .register-page .body-register-page .location-header .header-custom .logo > img {
            height: 40px; }
        .register-page .body-register-page .location-header .header-custom .header-right {
          flex: 1 1;
          display: flex;
          justify-content: flex-end;
          height: 100%;
          align-items: center; }
          .register-page .body-register-page .location-header .header-custom .header-right .menu-bar-custom {
            border: 0;
            height: 100%;
            box-shadow: none;
            display: flex;
            box-sizing: border-box;
            margin: 0;
            padding: 0 0 0 50px;
            font-variant: tabular-nums;
            font-feature-settings: 'tnum', "tnum";
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 0;
            text-align: left;
            list-style: none;
            background: #fff;
            outline: none;
            transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; }
            .register-page .body-register-page .location-header .header-custom .header-right .menu-bar-custom:before {
              display: table;
              content: ''; }
            .register-page .body-register-page .location-header .header-custom .header-right .menu-bar-custom .menu-item:hover {
              border-bottom: 3px solid var(--theme-color) !important; }
            .register-page .body-register-page .location-header .header-custom .header-right .menu-bar-custom .menu-item {
              margin-top: -1px;
              margin-bottom: 0;
              background-color: transparent;
              position: relative;
              top: 1px;
              vertical-align: bottom;
              transition: border-color 0.3s, background 0.3s;
              margin: -1px;
              display: flex;
              align-items: center;
              padding: 0 30px;
              cursor: pointer; }
              .register-page .body-register-page .location-header .header-custom .header-right .menu-bar-custom .menu-item :active {
                background: #e6f7ff; }
              .register-page .body-register-page .location-header .header-custom .header-right .menu-bar-custom .menu-item :hover {
                background-color: transparent; }
              .register-page .body-register-page .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content {
                font-size: 20px;
                line-height: 19px;
                color: #2d2f32;
                display: flex;
                align-items: center; }
                .register-page .body-register-page .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content .icon-login {
                  font-size: 24.38px;
                  margin-right: 13.81px; }
      .register-page .body-register-page .location-header .navbar-default {
        background-color: #fff;
        border-color: #eee; }
      .register-page .body-register-page .location-header .navbar-fixed-bottom,
      .register-page .body-register-page .location-header .navbar-fixed-top {
        right: 0;
        left: 0;
        z-index: 1030; }
      .register-page .body-register-page .location-header .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent; }
      .register-page .body-register-page .location-header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px; }
    .register-page .body-register-page .form-register {
      display: flex;
      justify-content: center;
      background-size: 100% 100%;
      margin: 79px 0px 70px 0px; }
      .register-page .body-register-page .form-register .register-image-background {
        position: absolute;
        width: 100%; }
      .register-page .body-register-page .form-register .form-horizontal {
        z-index: 9999;
        border-radius: 3px;
        box-shadow: var(--theme-shadow-color) 0px 5px 15px;
        max-width: 570px;
        width: 100%;
        padding: 0px 20px 30px 20px; }
        .register-page .body-register-page .form-register .form-horizontal .header-form {
          margin-bottom: 25px; }
          .register-page .body-register-page .form-register .form-horizontal .header-form .header-register-form {
            font-weight: bold;
            margin-top: 30px;
            font-size: 20px;
            color: var(--theme-color);
            text-align: center;
            line-height: 40px;
            margin-bottom: 35px;
            display: flex;
            justify-content: center; }
          .register-page .body-register-page .form-register .form-horizontal .header-form .not-register {
            font-size: 16px;
            color: #202122;
            line-height: 19px;
            display: flex;
            justify-content: center; }
            .register-page .body-register-page .form-register .form-horizontal .header-form .not-register .move-login {
              font-size: 16px;
              color: var(--theme-color);
              font-style: italic;
              text-decoration: underline;
              margin-left: 7px; }
          .register-page .body-register-page .form-register .form-horizontal .header-form .border-header {
            margin-top: 20px;
            border-bottom: 1px dotted #A8AEB2;
            height: 1px; }
        .register-page .body-register-page .form-register .form-horizontal .form-group .required {
          font-size: 14px;
          color: red; }
        .register-page .body-register-page .form-register .form-horizontal .form-group .control-label {
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
          font-size: 14px;
          font-weight: 500;
          padding: 0px; }
        .register-page .body-register-page .form-register .form-horizontal .form-group .input-field {
          font-size: 13px;
          font-weight: 500; }
          .register-page .body-register-page .form-register .form-horizontal .form-group .input-field .text-danger {
            font-size: 12px;
            font-weight: 400;
            font-style: italic; }
          .register-page .body-register-page .form-register .form-horizontal .form-group .input-field input {
            font-size: 13px;
            font-weight: 500;
            height: 42px; }
          .register-page .body-register-page .form-register .form-horizontal .form-group .input-field input:focus {
            border-color: var(--theme-color);
            box-shadow: none; }
          .register-page .body-register-page .form-register .form-horizontal .form-group .input-field input::placeholder {
            font-size: 14px;
            color: #e0e0e0;
            margin-bottom: 17px;
            font-weight: 400; }
        .register-page .body-register-page .form-register .form-horizontal .form-group .button-submit-form .button-submit-custom {
          margin-top: 20px;
          height: 55px;
          width: 100%;
          background-color: var(--theme-color);
          border-color: var(--theme-color); }
    .register-page .body-register-page .footer {
      display: flex;
      background-color: var(--theme-background-color);
      box-shadow: 0 0 10px var(--theme-shadow-color);
      margin-top: auto;
      min-height: 120px;
      padding-top: 10px;
    }
      .register-page .body-register-page .footer .footer-left {
        display: flex;
        align-items: center; }
        .register-page .body-register-page .footer .footer-left .copyright-text {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          color: #505056;
          margin-left: 18px;
          display: flex;
          align-items: end;
          height: 100%; }
        .register-page .body-register-page .footer .footer-left .power {
          font-weight: bold;
          font-size: 20px;
          line-height: 19px;
          margin-right: 19px;
          color: var(--theme-color); }
      .register-page .body-register-page .footer .footer-right {
        flex: 1 1;
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center; }
        .register-page .body-register-page .footer .footer-right .info {
          margin-left: 30.25px;
          color: var(--theme-color); }
          .register-page .body-register-page .footer .footer-right .info a {
            color: var(--theme-color); }
        .register-page .body-register-page .footer .footer-right .social {
          font-size: 33px; }
          .register-page .body-register-page .footer .footer-right .social i {
            color: var(--theme-color); }
        .register-page .body-register-page .footer .footer-right .inta {
          margin-left: 28.5px;
          margin-right: 18.9px; }
  .register-page .popup_contact_wrapper {
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4); }
    .register-page .popup_contact_wrapper .otp-popup-body {
      background-color: #fefefe;
      margin: auto;
      border-radius: 3px;
      box-shadow: 0 0 10px var(--theme-shadow-color);
      padding: 20px;
      width: 30%; }
      .register-page .popup_contact_wrapper .otp-popup-body .label-header {
        display: flex; }
        .register-page .popup_contact_wrapper .otp-popup-body .label-header h4 {
          margin: 0px;
          font-size: 20px;
          width: 70%; }
        .register-page .popup_contact_wrapper .otp-popup-body .label-header i {
          cursor: pointer;
          display: flex;
          width: 30%;
          justify-content: end;
          font-size: 20px;
          color: #b8cbcc; }
      .register-page .popup_contact_wrapper .otp-popup-body hr {
        margin: 20px -20px; }
      .register-page .popup_contact_wrapper .otp-popup-body .description {
        margin-bottom: 30px; }
      .register-page .popup_contact_wrapper .otp-popup-body .digit-group {
        text-align: center; }
        .register-page .popup_contact_wrapper .otp-popup-body .digit-group input {
          width: 30px;
          height: 50px;
          background-color: #fff;
          border: 1px solid #ced4da;
          border-radius: 0.25rem;
          line-height: 50px;
          text-align: center;
          font-size: 24px;
          font-weight: 200;
          margin: 0 2px; }
        .register-page .popup_contact_wrapper .otp-popup-body .digit-group input:focus {
          border: 1px solid var(--theme-color);
          outline-offset: 0px;
          outline: none; }
        .register-page .popup_contact_wrapper .otp-popup-body .digit-group .splitter {
          padding: 0 5px;
          color: #ced4da;
          font-size: 24px; }
        .register-page .popup_contact_wrapper .otp-popup-body .digit-group .button-customer {
          margin-top: 30px;
          width: 100%;
          border-radius: 3px; }
          .register-page .popup_contact_wrapper .otp-popup-body .digit-group .button-customer .btn {
            width: 100%;
            height: 53px;
            background-color: var(--theme-color);
            border-color: var(--theme-color);
            font-size: 20px; }
      .register-page .popup_contact_wrapper .otp-popup-body .prompt {
        margin-bottom: 20px;
        font-size: 20px;
        color: white; }
      .register-page .popup_contact_wrapper .otp-popup-body .dont-have-opt {
        font-size: 14px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px; }
        .register-page .popup_contact_wrapper .otp-popup-body .dont-have-opt a {
          margin-left: 10px;
          color: var(--theme-color);
          font-size: 14px;
          font-style: italic; }

@media (min-width: 992px) {
  .logo {
    margin-left: 88px; }
  .header-right {
    margin-right: 88px !important; }
  .footer {
    height: 80px;
    padding: 0px 98px; }
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0; } }

.register-page-failure {
  position: relative;
  height: 100vh; }
  .register-page-failure .body-register-page-failure {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column; }
    .register-page-failure .body-register-page-failure .location-header {
      height: 64px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 64px;
      background: #001529;
      flex: 0 0 auto; }
      .register-page-failure .body-register-page-failure .location-header .header-custom {
        box-shadow: 0 0 10px var(--theme-shadow-color);
        padding-top: 0;
        padding-bottom: 0;
        height: 80px;
        z-index: 9 !important; }
        .register-page-failure .body-register-page-failure .location-header .header-custom .logo {
          height: 100%;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .register-page-failure .body-register-page-failure .location-header .header-custom .logo > img {
            height: 80%; }
        .register-page-failure .body-register-page-failure .location-header .header-custom .header-right {
          flex: 1 1;
          display: flex;
          justify-content: flex-end;
          height: 100%;
          align-items: center; }
          .register-page-failure .body-register-page-failure .location-header .header-custom .header-right .menu-bar-custom {
            border: 0;
            height: 100%;
            box-shadow: none;
            display: flex;
            box-sizing: border-box;
            margin: 0;
            padding: 0 0 0 50px;
            font-variant: tabular-nums;
            font-feature-settings: 'tnum', "tnum";
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 0;
            text-align: left;
            list-style: none;
            background: #fff;
            outline: none;
            transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; }
            .register-page-failure .body-register-page-failure .location-header .header-custom .header-right .menu-bar-custom:before {
              display: table;
              content: ''; }
            .register-page-failure .body-register-page-failure .location-header .header-custom .header-right .menu-bar-custom .menu-item:hover {
              border-bottom: 3px solid var(--theme-color) !important; }
            .register-page-failure .body-register-page-failure .location-header .header-custom .header-right .menu-bar-custom .menu-item {
              margin-top: -1px;
              margin-bottom: 0;
              background-color: transparent;
              position: relative;
              top: 1px;
              vertical-align: bottom;
              transition: border-color 0.3s, background 0.3s;
              margin: -1px;
              display: flex;
              align-items: center;
              padding: 0 30px;
              cursor: pointer; }
              .register-page-failure .body-register-page-failure .location-header .header-custom .header-right .menu-bar-custom .menu-item :active {
                background: #e6f7ff; }
              .register-page-failure .body-register-page-failure .location-header .header-custom .header-right .menu-bar-custom .menu-item :hover {
                background-color: transparent; }
              .register-page-failure .body-register-page-failure .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content {
                font-size: 20px;
                line-height: 19px;
                color: #2d2f32;
                display: flex;
                align-items: center; }
                .register-page-failure .body-register-page-failure .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content .icon-login {
                  font-size: 24.38px;
                  margin-right: 13.81px; }
      .register-page-failure .body-register-page-failure .location-header .navbar-default {
        background-color: #fff;
        border-color: #eee; }
      .register-page-failure .body-register-page-failure .location-header .navbar-fixed-bottom,
      .register-page-failure .body-register-page-failure .location-header .navbar-fixed-top {
        right: 0;
        left: 0;
        z-index: 1030; }
      .register-page-failure .body-register-page-failure .location-header .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent; }
      .register-page-failure .body-register-page-failure .location-header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px; }
    .register-page-failure .body-register-page-failure .register-failure {
      display: flex;
      justify-content: center;
      background: url("/images/Background_IDBooker.png") no-repeat center center;
      height: calc(100vh - 290px);
      overflow: auto;
      margin: 79px 0px 70px 0px; }
      .register-page-failure .body-register-page-failure .register-failure .content-failure {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .register-page-failure .body-register-page-failure .register-failure .content-failure .main-text {
          color: #555;
          display: flex;
          align-items: center; }
        .register-page-failure .body-register-page-failure .register-failure .content-failure .sub-text {
          color: #777a84;
          font-size: 20px;
          margin-top: 10px; }
      .register-page-failure .body-register-page-failure .register-failure .form-register-failure {
        border-radius: 3px;
        box-shadow: var(--theme-shadow-color) 0px 5px 15px;
        max-width: 790px;
        width: 100%;
        height: max-content;
        margin-top: 15px;
        padding: 29px 20px 28px 20px; }
        .register-page-failure .body-register-page-failure .register-failure .form-register-failure .header-form .title-header-form {
          color: var(--theme-color);
          font-size: 20px; }
        .register-page-failure .body-register-page-failure .register-failure .form-register-failure .header-form hr {
          margin: 1rem -20px 1rem -20px; }
        .register-page-failure .body-register-page-failure .register-failure .form-register-failure .form-group {
          font-size: 14px;
          margin-bottom: 0px; }
          .register-page-failure .body-register-page-failure .register-failure .form-register-failure .form-group .required {
            font-size: 14px;
            color: red; }
          .register-page-failure .body-register-page-failure .register-failure .form-register-failure .form-group .form-control {
            height: 42px;
            font-size: 13px;
            font-weight: 500; }
          .register-page-failure .body-register-page-failure .register-failure .form-register-failure .form-group .form-control:focus {
            box-shadow: none;
            border-color: var(--theme-color);
            font-size: 13px;
            font-weight: 500; }
          .register-page-failure .body-register-page-failure .register-failure .form-register-failure .form-group .input-field {
            font-size: 13px;
            font-weight: 500; }
            .register-page-failure .body-register-page-failure .register-failure .form-register-failure .form-group .input-field .text-danger {
              font-size: 12px;
              font-weight: 400;
              font-style: italic; }
          .register-page-failure .body-register-page-failure .register-failure .form-register-failure .form-group input:focus {
            border-color: var(--theme-color);
            box-shadow: none; }
          .register-page-failure .body-register-page-failure .register-failure .form-register-failure .form-group input::placeholder {
            font-size: 14px;
            color: #e0e0e0;
            margin-bottom: 17px;
            font-weight: 400; }
        .register-page-failure .body-register-page-failure .register-failure .form-register-failure .button-custom {
          width: 100%;
          height: 56px;
          margin-top: 32px;
          background-color: var(--theme-color);
          border-color: var(--theme-color); }
    .register-page-failure .body-register-page-failure .footer {
      display: flex;
      background-color: var(--theme-background-color);
      box-shadow: 0 0 10px var(--theme-shadow-color);
      margin-top: auto; }
      .register-page-failure .body-register-page-failure .footer .footer-left {
        display: flex;
        align-items: center; }
        .register-page-failure .body-register-page-failure .footer .footer-left .copyright-text {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          color: #505056;
          margin-left: 18px;
          display: flex;
          align-items: end;
          height: 100%; }
        .register-page-failure .body-register-page-failure .footer .footer-left .power {
          font-weight: bold;
          font-size: 20px;
          line-height: 19px;
          margin-right: 19px;
          color: var(--theme-color); }
      .register-page-failure .body-register-page-failure .footer .footer-right {
        flex: 1 1;
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center; }
        .register-page-failure .body-register-page-failure .footer .footer-right .info {
          margin-left: 30.25px;
          color: var(--theme-color); }
          .register-page-failure .body-register-page-failure .footer .footer-right .info a {
            color: var(--theme-color); }
        .register-page-failure .body-register-page-failure .footer .footer-right .social {
          font-size: 33px; }
          .register-page-failure .body-register-page-failure .footer .footer-right .social i {
            color: var(--theme-color); }
        .register-page-failure .body-register-page-failure .footer .footer-right .inta {
          margin-left: 28.5px;
          margin-right: 18.9px; }
  .register-page-failure .popup_contact_wrapper {
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4); }
    .register-page-failure .popup_contact_wrapper .otp-popup-body {
      background-color: #fefefe;
      margin: auto;
      border-radius: 3px;
      box-shadow: 0 0 10px var(--theme-shadow-color);
      padding: 20px;
      width: 30%; }
      .register-page-failure .popup_contact_wrapper .otp-popup-body .label-header {
        display: flex; }
        .register-page-failure .popup_contact_wrapper .otp-popup-body .label-header h4 {
          margin: 0px;
          font-size: 20px;
          width: 70%; }
        .register-page-failure .popup_contact_wrapper .otp-popup-body .label-header i {
          cursor: pointer;
          display: flex;
          width: 30%;
          justify-content: end;
          font-size: 20px;
          color: #b8cbcc; }
      .register-page-failure .popup_contact_wrapper .otp-popup-body hr {
        margin: 20px -20px; }
      .register-page-failure .popup_contact_wrapper .otp-popup-body .description {
        margin-bottom: 30px; }
      .register-page-failure .popup_contact_wrapper .otp-popup-body .digit-group {
        text-align: center; }
        .register-page-failure .popup_contact_wrapper .otp-popup-body .digit-group input {
          width: 30px;
          height: 50px;
          background-color: #fff;
          border: 1px solid #ced4da;
          border-radius: 0.25rem;
          line-height: 50px;
          text-align: center;
          font-size: 24px;
          font-weight: 200;
          margin: 0 2px; }
        .register-page-failure .popup_contact_wrapper .otp-popup-body .digit-group input:focus {
          border: 1px solid var(--theme-color);
          outline-offset: 0px;
          outline: none; }
        .register-page-failure .popup_contact_wrapper .otp-popup-body .digit-group .splitter {
          padding: 0 5px;
          color: #ced4da;
          font-size: 24px; }
        .register-page-failure .popup_contact_wrapper .otp-popup-body .digit-group .button-customer {
          margin-top: 30px;
          width: 100%;
          border-radius: 3px; }
          .register-page-failure .popup_contact_wrapper .otp-popup-body .digit-group .button-customer .btn {
            width: 100%;
            height: 53px;
            background-color: var(--theme-color);
            border-color: var(--theme-color);
            font-size: 20px; }
      .register-page-failure .popup_contact_wrapper .otp-popup-body .prompt {
        margin-bottom: 20px;
        font-size: 20px;
        color: white; }
      .register-page-failure .popup_contact_wrapper .otp-popup-body .dont-have-opt {
        font-size: 14px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px; }
        .register-page-failure .popup_contact_wrapper .otp-popup-body .dont-have-opt a {
          margin-left: 10px;
          color: var(--theme-color);
          font-size: 14px;
          font-style: italic; }

@media (min-width: 992px) {
  .logo {
    margin-left: 88px; }
  .header-right {
    margin-right: 88px !important; }
  .footer {
    height: 80px;
    padding: 0px 98px; }
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0; } }

@media (max-width: 992px) {
  .footer {
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    align-items: center; }
    .footer .footer-left {
      margin-bottom: 10px; }
    .footer .footer-right {
      margin-bottom: 10px;
      font-size: 12px; }
      .footer .footer-right .social {
        display: none; } }

.forgot-password-page {
  height: 100vh;
  position: relative; }
  .forgot-password-page .forgot-password-image-background {
    height: 100vh;
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    width: 100%;
    max-width: 100vw;
    position: fixed; }
  .forgot-password-page .forgot-password-body {
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column; }
    .forgot-password-page .forgot-password-body .location-header {
      height: 64px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 64px;
      background: #001529;
      flex: 0 0 auto; }
      .forgot-password-page .forgot-password-body .location-header .header-custom {
        box-shadow: 0 0 10px var(--theme-shadow-color);
        padding-top: 0;
        padding-bottom: 0;
        height: 80px;
        z-index: 9 !important; }
        .forgot-password-page .forgot-password-body .location-header .header-custom .logo {
          height: 100%;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .forgot-password-page .forgot-password-body .location-header .header-custom .logo > img {
            height: 40px; }
        .forgot-password-page .forgot-password-body .location-header .header-custom .header-right {
          flex: 1 1;
          display: flex;
          justify-content: flex-end;
          height: 100%;
          align-items: center; }
          .forgot-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom {
            border: 0;
            height: 100%;
            box-shadow: none;
            display: flex;
            box-sizing: border-box;
            margin: 0;
            padding: 0 0 0 50px;
            font-variant: tabular-nums;
            font-feature-settings: 'tnum', "tnum";
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 0;
            text-align: left;
            list-style: none;
            background: #fff;
            outline: none;
            transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; }
            .forgot-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom:before {
              display: table;
              content: ''; }
            .forgot-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item:hover {
              border-bottom: 3px solid var(--theme-color) !important; }
            .forgot-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item {
              margin-top: -1px;
              margin-bottom: 0;
              background-color: transparent;
              position: relative;
              top: 1px;
              vertical-align: bottom;
              transition: border-color 0.3s, background 0.3s;
              margin: -1px;
              display: flex;
              align-items: center;
              padding: 0 30px;
              cursor: pointer; }
              .forgot-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item :active {
                background: #e6f7ff; }
              .forgot-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item :hover {
                background-color: transparent; }
              .forgot-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content {
                font-size: 20px;
                line-height: 19px;
                color: #2d2f32;
                display: flex;
                align-items: center; }
                .forgot-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content .icon-login {
                  font-size: 24.38px;
                  margin-right: 13.81px; }
      .forgot-password-page .forgot-password-body .location-header .navbar-default {
        background-color: #fff;
        border-color: #eee; }
      .forgot-password-page .forgot-password-body .location-header .navbar-fixed-bottom,
      .forgot-password-page .forgot-password-body .location-header .navbar-fixed-top {
        right: 0;
        left: 0;
        z-index: 1030; }
      .forgot-password-page .forgot-password-body .location-header .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent; }
      .forgot-password-page .forgot-password-body .location-header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px; }
    .forgot-password-page .forgot-password-body .body-form-forgot-password {
      display: flex;
      justify-content: center;
      background: url("/images/Background_IDBooker.png") no-repeat center center;
      height: calc(100vh - 0px);
      overflow: auto;
      margin: 79px 0px 70px 0px; }
      .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password {
        border-radius: 3px;
        box-shadow: var(--theme-shadow-color) 0px 5px 15px;
        max-width: 570px;
        width: 100%;
        height: max-content;
        margin-top: 15px;
        padding: 29px 20px 28px 20px; }
        .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .header-form .title-header-form {
          color: var(--theme-color);
          font-size: 20px; }
        .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .header-form hr {
          margin: 1rem -20px 1rem -20px; }
        .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group {
          font-size: 14px;
          margin-bottom: 0px; }
          .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .required {
            font-size: 14px;
            color: red; }
          .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .form-control {
            height: 42px;
            font-size: 13px;
            font-weight: 500; }
          .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .form-control:focus {
            box-shadow: none;
            border-color: var(--theme-color);
            font-size: 13px;
            font-weight: 500; }
          .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .input-field {
            font-size: 13px;
            font-weight: 500; }
            .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .input-field .text-danger {
              font-size: 12px;
              font-weight: 400;
              font-style: italic; }
          .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group input:focus {
            border-color: var(--theme-color);
            box-shadow: none; }
          .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group input::placeholder {
            font-size: 14px;
            color: #e0e0e0;
            margin-bottom: 17px;
            font-weight: 400; }
        .forgot-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .button-custom {
          width: 100%;
          height: 56px;
          margin-top: 32px;
          background-color: var(--theme-color);
          border-color: var(--theme-color); }
    .forgot-password-page .forgot-password-body .footer {
      height: auto;
      display: flex;
      background-color: var(--theme-background-color);
      box-shadow: 0 0 10px var(--theme-shadow-color);
      margin-top: auto;
      flex-direction: row;
      min-height: 120px;
      padding-top: 10px;
    }
      .forgot-password-page .forgot-password-body .footer .footer-left {
        display: flex;
        align-items: center; }
        .forgot-password-page .forgot-password-body .footer .footer-left .copyright-text {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          color: #505056;
          margin-left: 18px;
          display: flex;
          align-items: end;
          height: 100%; }
        .forgot-password-page .forgot-password-body .footer .footer-left .power {
          font-weight: bold;
          font-size: 20px;
          line-height: 19px;
          margin-right: 19px;
          color: var(--theme-color); }
      .forgot-password-page .forgot-password-body .footer .footer-right {
        flex: 1 1;
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center; }
        .forgot-password-page .forgot-password-body .footer .footer-right .info {
          margin-left: 30.25px;
          color: var(--theme-color); }
          .forgot-password-page .forgot-password-body .footer .footer-right .info a {
            color: var(--theme-color); }
        .forgot-password-page .forgot-password-body .footer .footer-right .social {
          font-size: 33px; }
          .forgot-password-page .forgot-password-body .footer .footer-right .social i {
            color: var(--theme-color); }
        .forgot-password-page .forgot-password-body .footer .footer-right .inta {
          margin-left: 28.5px;
          margin-right: 18.9px; }

@media (min-width: 992px) {
  .logo {
    margin-left: 88px; }
  .header-right {
    margin-right: 88px !important; }
  .footer {
    height: 80px;
    padding: 0px 98px; }
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0; } }

.otp-confirmation-page {
  height: 100vh;
  position: relative; }
  .otp-confirmation-page .otp-image-background {
    height: 100vh;
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    width: 100%;
    max-width: 100vw;
    position: fixed; }
  .otp-confirmation-page .body-confirmation {
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column; }
    .otp-confirmation-page .body-confirmation .location-header {
      height: 64px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 64px;
      background: #001529;
      flex: 0 0 auto; }
      .otp-confirmation-page .body-confirmation .location-header .header-custom {
        box-shadow: 0 0 10px var(--theme-shadow-color);
        padding-top: 0;
        padding-bottom: 0;
        height: 80px;
        z-index: 9 !important; }
        .otp-confirmation-page .body-confirmation .location-header .header-custom .logo {
          height: 100%;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .otp-confirmation-page .body-confirmation .location-header .header-custom .logo > img {
            height: 40px; }
        .otp-confirmation-page .body-confirmation .location-header .header-custom .header-right {
          flex: 1 1;
          display: flex;
          justify-content: flex-end;
          height: 100%;
          align-items: center; }
          .otp-confirmation-page .body-confirmation .location-header .header-custom .header-right .menu-bar-custom {
            border: 0;
            height: 100%;
            box-shadow: none;
            display: flex;
            box-sizing: border-box;
            margin: 0;
            padding: 0 0 0 50px;
            font-variant: tabular-nums;
            font-feature-settings: 'tnum', "tnum";
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 0;
            text-align: left;
            list-style: none;
            background: #fff;
            outline: none;
            transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; }
            .otp-confirmation-page .body-confirmation .location-header .header-custom .header-right .menu-bar-custom:before {
              display: table;
              content: ''; }
            .otp-confirmation-page .body-confirmation .location-header .header-custom .header-right .menu-bar-custom .menu-item:hover {
              border-bottom: 3px solid var(--theme-color) !important; }
            .otp-confirmation-page .body-confirmation .location-header .header-custom .header-right .menu-bar-custom .menu-item {
              margin-top: -1px;
              margin-bottom: 0;
              background-color: transparent;
              position: relative;
              top: 1px;
              vertical-align: bottom;
              transition: border-color 0.3s, background 0.3s;
              margin: -1px;
              display: flex;
              align-items: center;
              padding: 0 30px;
              cursor: pointer; }
              .otp-confirmation-page .body-confirmation .location-header .header-custom .header-right .menu-bar-custom .menu-item :active {
                background: #e6f7ff; }
              .otp-confirmation-page .body-confirmation .location-header .header-custom .header-right .menu-bar-custom .menu-item :hover {
                background-color: transparent; }
              .otp-confirmation-page .body-confirmation .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content {
                font-size: 20px;
                line-height: 19px;
                color: #2d2f32;
                display: flex;
                align-items: center; }
                .otp-confirmation-page .body-confirmation .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content .icon-login {
                  font-size: 24.38px;
                  margin-right: 13.81px; }
      .otp-confirmation-page .body-confirmation .location-header .navbar-default {
        background-color: #fff;
        border-color: #eee; }
      .otp-confirmation-page .body-confirmation .location-header .navbar-fixed-bottom,
      .otp-confirmation-page .body-confirmation .location-header .navbar-fixed-top {
        right: 0;
        left: 0;
        z-index: 1030; }
      .otp-confirmation-page .body-confirmation .location-header .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent; }
      .otp-confirmation-page .body-confirmation .location-header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px; }
    .otp-confirmation-page .body-confirmation .popup_contact_wrapper {
      display: flex;
      background: url("/images/Background_IDBooker.png") no-repeat center center;
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100vh - 290px);
      overflow: auto; }
      .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body {
        background-color: #fefefe;
        margin: auto;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--theme-shadow-color);
        padding: 20px; }
        .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .label-header {
          display: flex; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .label-header h4 {
            margin: 0px;
            font-size: 20px;
            width: 70%;
            color: var(--theme-color);
            font-style: normal; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .label-header i {
            cursor: pointer;
            display: flex;
            width: 30%;
            justify-content: end;
            font-size: 20px;
            color: #b8cbcc; }
        .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body hr {
          margin: 20px -20px; }
        .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .description {
          margin-bottom: 15px; }
        .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .count-down {
          margin-bottom: 15px; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .count-down .count-down-process {
            width: 100%; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .count-down .time-second {
            display: none; }
        .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .count-down:hover .time-second {
          display: block;
          position: absolute; }
        .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .digit-group {
          text-align: center; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .digit-group input {
            width: 30px;
            height: 50px;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            line-height: 50px;
            text-align: center;
            font-size: 24px;
            font-weight: 200;
            margin: 0 2px; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .digit-group input:focus {
            border: 1px solid var(--theme-color);
            outline-offset: 0px;
            outline: none; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .digit-group .splitter {
            padding: 0 5px;
            color: #ced4da;
            font-size: 24px; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .digit-group .error-otp {
            margin-top: 10px;
            margin-bottom: 0px; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .digit-group .button-customer {
            margin-top: 10px;
            width: 100%;
            border-radius: 3px; }
            .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .digit-group .button-customer .btn {
              width: 100%;
              height: 53px;
              background-color: var(--theme-color);
              border-color: var(--theme-color);
              font-size: 20px; }
        .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .prompt {
          margin-bottom: 20px;
          font-size: 20px;
          color: white; }
        .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .dont-have-opt {
          font-size: 14px;
          text-align: center;
          margin-top: 15px;
          margin-bottom: 10px; }
          .otp-confirmation-page .body-confirmation .popup_contact_wrapper .otp-popup-body .dont-have-opt a {
            margin-left: 10px;
            color: var(--theme-color);
            font-size: 14px;
            font-style: italic; }
    .otp-confirmation-page .body-confirmation .footer {
      display: flex;
      height: auto;
      background-color: var(--theme-background-color);
      box-shadow: 0 0 10px var(--theme-shadow-color);
      margin-top: auto; }
      .otp-confirmation-page .body-confirmation .footer .footer-left {
        display: flex;
        align-items: center; }
        .otp-confirmation-page .body-confirmation .footer .footer-left .copyright-text {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          color: #505056;
          margin-left: 18px;
          display: flex;
          align-items: end;
          height: 100%; }
        .otp-confirmation-page .body-confirmation .footer .footer-left .power {
          font-weight: bold;
          font-size: 20px;
          line-height: 19px;
          margin-right: 19px;
          color: var(--theme-color); }
      .otp-confirmation-page .body-confirmation .footer .footer-right {
        flex: 1 1;
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center; }
        .otp-confirmation-page .body-confirmation .footer .footer-right .info {
          margin-left: 30.25px;
          color: var(--theme-color); }
          .otp-confirmation-page .body-confirmation .footer .footer-right .info a {
            color: var(--theme-color); }
        .otp-confirmation-page .body-confirmation .footer .footer-right .social {
          font-size: 33px; }
          .otp-confirmation-page .body-confirmation .footer .footer-right .social i {
            color: var(--theme-color); }
        .otp-confirmation-page .body-confirmation .footer .footer-right .inta {
          margin-left: 28.5px;
          margin-right: 18.9px; }

@media (min-width: 992px) {
  .logo {
    margin-left: 88px; }
  .header-right {
    margin-right: 88px !important; }
  .footer {
    height: 80px;
    padding: 0px 98px; }
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0; } }

.reset-password-page {
  height: 100vh;
  position: relative; }
  .reset-password-page .forgot-password-image-background {
    height: 100vh;
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    width: 100%;
    max-width: 100vw;
    position: fixed; }
  .reset-password-page .forgot-password-body {
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column; }
    .reset-password-page .forgot-password-body .location-header {
      height: 64px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 64px;
      background: #001529;
      flex: 0 0 auto; }
      .reset-password-page .forgot-password-body .location-header .header-custom {
        box-shadow: 0 0 10px var(--theme-shadow-color);
        padding-top: 0;
        padding-bottom: 0;
        height: 80px;
        z-index: 9 !important; }
        .reset-password-page .forgot-password-body .location-header .header-custom .logo {
          height: 100%;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .reset-password-page .forgot-password-body .location-header .header-custom .logo > img {
            height: 80%; }
        .reset-password-page .forgot-password-body .location-header .header-custom .header-right {
          flex: 1 1;
          display: flex;
          justify-content: flex-end;
          height: 100%;
          align-items: center; }
          .reset-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom {
            border: 0;
            height: 100%;
            box-shadow: none;
            display: flex;
            box-sizing: border-box;
            margin: 0;
            padding: 0 0 0 50px;
            font-variant: tabular-nums;
            font-feature-settings: 'tnum', "tnum";
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 0;
            text-align: left;
            list-style: none;
            background: #fff;
            outline: none;
            transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; }
            .reset-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom:before {
              display: table;
              content: ''; }
            .reset-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item:hover {
              border-bottom: 3px solid var(--theme-color) !important; }
            .reset-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item {
              margin-top: -1px;
              margin-bottom: 0;
              background-color: transparent;
              position: relative;
              top: 1px;
              vertical-align: bottom;
              transition: border-color 0.3s, background 0.3s;
              margin: -1px;
              display: flex;
              align-items: center;
              padding: 0 30px;
              cursor: pointer; }
              .reset-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item :active {
                background: #e6f7ff; }
              .reset-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item :hover {
                background-color: transparent; }
              .reset-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content {
                font-size: 20px;
                line-height: 19px;
                color: #2d2f32;
                display: flex;
                align-items: center; }
                .reset-password-page .forgot-password-body .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content .icon-login {
                  font-size: 24.38px;
                  margin-right: 13.81px; }
      .reset-password-page .forgot-password-body .location-header .navbar-default {
        background-color: #fff;
        border-color: #eee; }
      .reset-password-page .forgot-password-body .location-header .navbar-fixed-bottom,
      .reset-password-page .forgot-password-body .location-header .navbar-fixed-top {
        right: 0;
        left: 0;
        z-index: 1030; }
      .reset-password-page .forgot-password-body .location-header .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent; }
      .reset-password-page .forgot-password-body .location-header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px; }
    .reset-password-page .forgot-password-body .body-form-forgot-password {
      display: flex;
      justify-content: center;
      margin: 79px 0px 70px 0px;
      background: url("/images/Background_IDBooker.png") no-repeat center center;
      height: calc(100vh - 290px); }
      .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password {
        border-radius: 3px;
        box-shadow: var(--theme-shadow-color) 0px 5px 15px;
        max-width: 570px;
        width: 100%;
        height: max-content;
        padding: 29px 20px 28px 20px; }
        .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .header-form .title-header-form {
          color: var(--theme-color);
          font-size: 20px; }
        .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .header-form hr {
          margin: 1rem -20px 1rem -20px; }
        .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group {
          font-size: 14px;
          margin-bottom: 0px; }
          .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .required {
            font-size: 14px;
            color: red; }
          .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .form-control {
            height: 42px; }
          .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .form-control:focus {
            box-shadow: none;
            border-color: var(--theme-color); }
          .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .input-field {
            font-size: 13px; }
            .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .input-field input {
              font-size: 13px;
              font-weight: 500;
              height: 42px; }
            .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group .input-field .text-danger {
              font-size: 12px;
              font-weight: 400;
              font-style: italic; }
          .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group input:focus {
            border-color: var(--theme-color);
            box-shadow: none; }
          .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .form-group input::placeholder {
            font-size: 14px;
            color: #e0e0e0;
            margin-bottom: 17px;
            font-weight: 400; }
        .reset-password-page .forgot-password-body .body-form-forgot-password .form-horizontal-forgot-password .button-custom {
          width: 100%;
          height: 56px;
          margin-top: 32px;
          background-color: var(--theme-color);
          border-color: var(--theme-color); }
    .reset-password-page .forgot-password-body .footer {
      display: flex;
      background-color: var(--theme-background-color);
      box-shadow: 0 0 10px var(--theme-shadow-color);
      margin-top: auto; }
      .reset-password-page .forgot-password-body .footer .footer-left {
        display: flex;
        align-items: center; }
        .reset-password-page .forgot-password-body .footer .footer-left .copyright-text {
          margin-top: 3px;
          margin-left: 0px !important;
          font-size: 16px !important;
          padding: 0px !important; }
        .reset-password-page .forgot-password-body .footer .footer-left .power {
          font-weight: bold;
          font-size: 20px;
          line-height: 19px;
          margin-right: 19px;
          color: var(--theme-color); }
      .reset-password-page .forgot-password-body .footer .footer-right {
        flex: 1 1;
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center; }
        .reset-password-page .forgot-password-body .footer .footer-right .info {
          margin-left: 30.25px;
          color: var(--theme-color); }
          .reset-password-page .forgot-password-body .footer .footer-right .info a {
            color: var(--theme-color); }
        .reset-password-page .forgot-password-body .footer .footer-right .social {
          font-size: 33px; }
          .reset-password-page .forgot-password-body .footer .footer-right .social i {
            color: var(--theme-color); }
        .reset-password-page .forgot-password-body .footer .footer-right .inta {
          margin-left: 28.5px;
          margin-right: 18.9px; }

@media (min-width: 992px) {
  .logo {
    margin-left: 88px; }
  .header-right {
    margin-right: 88px !important; }
  .footer {
    height: 80px;
    padding: 0px 98px; }
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0; } }

.success-page {
  height: 100vh;
  position: relative; }
  .success-page .image-background {
    height: 100%;
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    width: 100%;
    max-width: 100%;
    position: fixed; }
  .success-page .body-success-page {
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column; }
    .success-page .body-success-page .location-header {
      height: 64px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 64px;
      background: #001529;
      flex: 0 0 auto; }
      .success-page .body-success-page .location-header .header-custom {
        box-shadow: 0 0 10px var(--theme-shadow-color);
        padding-top: 0;
        padding-bottom: 0;
        height: 80px;
        z-index: 9 !important; }
        .success-page .body-success-page .location-header .header-custom .logo {
          height: 100%;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .success-page .body-success-page .location-header .header-custom .logo > img {
            height: 80%; }
        .success-page .body-success-page .location-header .header-custom .header-right {
          flex: 1 1;
          display: flex;
          justify-content: flex-end;
          height: 100%;
          align-items: center; }
          .success-page .body-success-page .location-header .header-custom .header-right .menu-bar-custom {
            border: 0;
            height: 100%;
            box-shadow: none;
            display: flex;
            box-sizing: border-box;
            margin: 0;
            padding: 0 0 0 50px;
            font-variant: tabular-nums;
            font-feature-settings: 'tnum', "tnum";
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 0;
            text-align: left;
            list-style: none;
            background: #fff;
            outline: none;
            transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; }
            .success-page .body-success-page .location-header .header-custom .header-right .menu-bar-custom:before {
              display: table;
              content: ''; }
            .success-page .body-success-page .location-header .header-custom .header-right .menu-bar-custom .menu-item:hover {
              border-bottom: 3px solid var(--theme-color) !important; }
            .success-page .body-success-page .location-header .header-custom .header-right .menu-bar-custom .menu-item {
              margin-top: -1px;
              margin-bottom: 0;
              background-color: transparent;
              position: relative;
              top: 1px;
              vertical-align: bottom;
              transition: border-color 0.3s, background 0.3s;
              margin: -1px;
              display: flex;
              align-items: center;
              padding: 0 30px;
              cursor: pointer; }
              .success-page .body-success-page .location-header .header-custom .header-right .menu-bar-custom .menu-item :active {
                background: #e6f7ff; }
              .success-page .body-success-page .location-header .header-custom .header-right .menu-bar-custom .menu-item :hover {
                background-color: transparent; }
              .success-page .body-success-page .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content {
                font-size: 20px;
                line-height: 19px;
                color: #2d2f32;
                display: flex;
                align-items: center; }
                .success-page .body-success-page .location-header .header-custom .header-right .menu-bar-custom .menu-item .menu-title-content .icon-login {
                  font-size: 24.38px;
                  margin-right: 13.81px; }
      .success-page .body-success-page .location-header .navbar-default {
        background-color: #fff;
        border-color: #eee; }
      .success-page .body-success-page .location-header .navbar-fixed-bottom,
      .success-page .body-success-page .location-header .navbar-fixed-top {
        right: 0;
        left: 0;
        z-index: 1030; }
      .success-page .body-success-page .location-header .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent; }
      .success-page .body-success-page .location-header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px; }
    .success-page .body-success-page .body-content-page {
      flex: auto;
      display: flex;
      background: url("/images/Background_IDBooker.png") no-repeat center center;
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100vh - 290px);
      overflow: auto; }
      .success-page .body-success-page .body-content-page .form-success-page {
        margin: auto;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--theme-shadow-color);
        padding: 26px 20px 30px 20px;
        width: 570px; }
        .success-page .body-success-page .body-content-page .form-success-page .body-form {
          display: flex;
          align-items: center;
          flex-direction: column; }
          .success-page .body-success-page .body-content-page .form-success-page .body-form .success {
            font-size: 60px;
            color: #659B41; }
          .success-page .body-success-page .body-content-page .form-success-page .body-form .error {
            font-size: 60px;
            color: #c44d56; }
          .success-page .body-success-page .body-content-page .form-success-page .body-form .success-string {
            line-height: 19px;
            font-size: 18px;
            margin-top: 13px;
            text-align: center; }
    .success-page .body-success-page .footer {
      display: flex;
      background-color: var(--theme-background-color);
      box-shadow: 0 0 10px var(--theme-shadow-color); }
      .success-page .body-success-page .footer .footer-left {
        display: flex;
        align-items: center; }
        .success-page .body-success-page .footer .footer-left .copyright-text {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          color: #505056;
          margin-left: 18px;
          display: flex;
          align-items: end;
          height: 100%; }
        .success-page .body-success-page .footer .footer-left .power {
          font-weight: bold;
          font-size: 20px;
          line-height: 19px;
          margin-right: 19px;
          color: var(--theme-color); }
      .success-page .body-success-page .footer .footer-right {
        flex: 1 1;
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center; }
        .success-page .body-success-page .footer .footer-right .info {
          margin-left: 30.25px;
          color: var(--theme-color); }
          .success-page .body-success-page .footer .footer-right .info a {
            color: var(--theme-color); }
        .success-page .body-success-page .footer .footer-right .social {
          font-size: 33px; }
          .success-page .body-success-page .footer .footer-right .social i {
            color: var(--theme-color); }
        .success-page .body-success-page .footer .footer-right .inta {
          margin-left: 28.5px;
          margin-right: 18.9px; }