<div class="container ic-login-container">
  <div [ngStyle]="styleMessage.bodyStyles">
    <!-- <header-i18n [showLangText]="false" class="langs" [ngStyle]="styleMessage.headerStyles"></header-i18n> -->

    <div class="wrap loginContainer" [ngStyle]="styleMessage.loginContainer">
      <div [ngStyle]="styleMessage.loginLeft">
        <div [ngStyle]="styleMessage.loginLeftContainer">
          <p [ngStyle]="styleMessage.loginLeftTitleStyles">
            {{ styleMessage.loginLeftTitleTop }}
          </p>
          <p [ngStyle]="styleMessage.loginLeftTitleStyles">
            {{ styleMessage.loginLeftTitleBottom }}
          </p>
        </div>
      </div>

      <div class="login-container" [ngStyle]="styleMessage.loginRight">
        <div [ngStyle]="styleMessage.loginRightContainer" class="login-content">
          <div class="top">
            <div class="head">
              <span class="title" style="color: #d4b187">{{ loginTitle }}</span>
            </div>
          </div>
          <router-outlet></router-outlet>
        </div>
      </div>
    </div>
  </div>
  <div style="position: fixed; top: 20px; right: 35px; float: left; font-size: 25px">
    <div class="login-top-right-corner"></div>
  </div>

  <div class="bottom-text-wrapper">
    <div style="margin: auto">{{ styleMessage.loginLeftTitleBottom }}</div>
  </div>
</div>
