/* [KENDO THEME BUILDER] */
/* (end) [KENDO THEME BUILDER] */
/* [COLORS] */
/* [COLORS] Overall */
/* [COLORS] Buttons */
/* [COLORS] Navbar left */
/* [COLORS] Navbar top */
/* [COLORS] StaticBar / Breadcrumb */
/* [COLORS] - SubNavbar*/
/* [COLORS] - First pages */
/* [COLORS] - Inputs */
/* [COLORS] - Kendo */
/* [COLORS] - Grids */
/* [COLORS] - Other */
/* (end) [COLORS] */
/* [MEASURES] */
/* [MEASURES] Overall */
/* [MEASURES] - Inputs */
/* [MEASURES] - Buttons */
/* [Measures] - Grids */
/* [Measures] - Kendo */
/* [MEASURES] - Navbar left */
/* [MEASURES] - Navbar top */
/* [MEASURES] - Subnavbar */
/* [MEASURES] - First pages*/
/* [MEASURES] - Fonts */
/* [MEASURES] - StaticBar / Breadcrumb */
/* [MEASURES] - Other */
/* (end) [MEASURES] */
/* [SCROLLBAR] */
/* (end) [SCROLLBAR] */
/* [OTHER] */
/* (end) [OTHER] */
/* [KENDO THEME BUILDER] */
/* (end) [KENDO THEME BUILDER] */
/* [COLORS] */
/* [COLORS] Overall */
/* [COLORS] Buttons */
/* [COLORS] Navbar left */
/* [COLORS] Navbar top */
/* [COLORS] StaticBar / Breadcrumb */
/* [COLORS] - SubNavbar*/
/* [COLORS] - First pages */
/* [COLORS] - Inputs */
/* [COLORS] - Kendo */
/* [COLORS] - Grids */
/* [COLORS] - Other */
/* (end) [COLORS] */
/* [MEASURES] */
/* [MEASURES] Overall */
/* [MEASURES] - Inputs */
/* [MEASURES] - Buttons */
/* [Measures] - Grids */
/* [Measures] - Kendo */
/* [MEASURES] - Navbar left */
/* [MEASURES] - Navbar top */
/* [MEASURES] - Subnavbar */
/* [MEASURES] - First pages*/
/* [MEASURES] - Fonts */
/* [MEASURES] - StaticBar / Breadcrumb */
/* [MEASURES] - Other */
/* (end) [MEASURES] */
/* [SCROLLBAR] */
/* (end) [SCROLLBAR] */
/* [OTHER] */
/* (end) [OTHER] */
.login-master-row {
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1035;
  background-color: white; }
  .login-master-row .row {
    height: 100%;
    margin: 0; }
    .login-master-row .row .login-wrapper .login-tabs {
      margin-bottom: 2rem; }
      .login-master-row .row .login-wrapper .login-tabs-button {
        background: none #8B8C8B;
        background-color: #8B8C8B;
        padding: 0.5em 1em;
        border: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
        .login-master-row .row .login-wrapper .login-tabs-button.active {
          background: none #005C81;
          background-color: #005C81; }
          .login-master-row .row .login-wrapper .login-tabs-button.active:hover {
            background: none #00384e;
            background-color: #00384e; }
        .login-master-row .row .login-wrapper .login-tabs-button:hover {
          background: none #727272;
          background-color: #727272; }
      .login-master-row .row .login-wrapper .login-tabs .tabs-bottom-line {
        margin: 0;
        border: 1px solid #005C81; }
    .login-master-row .row .login-wrapper .login-menus .set-new-password-container .row {
      padding-top: 1em; }
      .login-master-row .row .login-wrapper .login-menus .set-new-password-container .row > div {
        display: flex;
        padding: 0; }
        .login-master-row .row .login-wrapper .login-menus .set-new-password-container .row > div string-input {
          width: 100%; }
    .login-master-row .row .login-wrapper .login-additional-link-wrapper {
      text-align: right;
      margin-top: 0; }
    .login-master-row .row .login-background-image {
      height: 100%; }

#tachovia-login-left-menu {
  top: 15%;
  background-color: #FFFFFF;
  text-align: left;
  width: 27rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}
@media screen and (max-height: 540px) {
  #tachovia-login-master-row {
    position: relative;
  }
  .login-master-row .left-menu .login-main-content-wrapper .tachovia-login-logo-wrapper .tachovia-login-logo {
    width: 60%;
    height: auto;
    padding: auto;
  }
}
@media screen and (max-width: 296px) {
  .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-tachovia {
    width: 90%; 
  }
  .login-master-row .row .left-menu .row .register-form .register-panel-tachovia {
    width: 88%;
    margin-left: 6.2%;
  }
  .register-form .tachovia-login-link {
    margin-bottom: 2%;
    margin-left: 10%;
    width: 88%;
  }
  .register-panel-tachovia .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items.k-reset {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 17px;
    border-bottom-width: 0;
  }
}
#tachovia-login-logo1 {
  width: 84%;
  margin-left: 10%;
}
#tachovia-login-logo2 {
  width: 270px;
  margin: 0 auto;
  margin-left:12%;
}
.tachovia-register-link {
  width: 90%;
  margin-bottom: 6%;
  margin-left: 5%;
}
  .login-master-row .left-menu {
    /* top: 5%; */
    background-color: #FFFFFF;
    text-align: left;
    width: 27rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative }
    .login-master-row .left-menu .login-main-content-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      z-index: 1;
      height: 100%;
      width: 27rem; }
      .login-master-row .left-menu .login-main-content-wrapper .login-app-info > *:last-child {
        margin-bottom: 1.5rem; }
      .login-master-row .left-menu .login-main-content-wrapper .login-app-info .app-info__description {
        max-height: 13.8rem;
        overflow: auto; }
        .login-master-row .left-menu .login-main-content-wrapper .login-app-info .app-info__description .description {
          color: #000000;
          font-size: 1rem;
          word-break: break-all;
          margin-bottom: 0; }
      .login-master-row .left-menu .login-main-content-wrapper__register {
        width: auto;
        text-align: center; }
      .login-master-row .left-menu .login-main-content-wrapper .tachovia-login-logo-wrapper {
        padding-bottom: 1rem;
        text-align: center; }
        @media screen and (min-width: 992px) {
          .login-master-row .left-menu .login-main-content-wrapper .tachovia-login-logo-wrapper {
            position: absolute;
            top: 10vh; } }
        .login-master-row .left-menu .login-main-content-wrapper .tachovia-login-logo-wrapper .tachovia-login-logo {
          width: 97%;
          position: relative; 
          /* left: -1rem;  */
        } 
      .left-menu .login-main-content-wrapper .login-form-wrapper-tachovia {
        width: 100%; }
        .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-tachovia .login-wrapper .login-menus {
          padding-bottom: 2em; }
        .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-tachovia .login-wrapper .field {
          border: none; }
          .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-tachovia .login-wrapper .field .field__label:after {
            display: none; }
        .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-tachovia .login-wrapper .submit-button {
          width: 100%;
          margin-top: 1.3rem; }
    .login-master-row .left-menu .tachovia-login-language-bottom-menu {
      margin-right: 5%; 
      margin-top: 5%; 
      align-self: left; }
      .login-master-row .left-menu .login-main-content-wrapper .tachovia-login-language-bottom-menu .dropdown-toggle {
        width: 150px; /* Adjust this value to set the desired width */
        text-align: left;
        color: black !important;
        font-size: 15px;
        background-color: #FFFFFF;
        margin-left: 6px;
        /* position: relative; */
      }
      .login-master-row .left-menu .login-main-content-wrapper .tachovia-login-language-bottom-menu .dropdown-toggle img {
        width: 24px; /* Set the width of the image to 24px */
        height: 18px; /* Set the height of the image to 24px */
        position: relative; /* Add this property */
        left: -5px; /* Add this property and adjust the value to move the image closer to the left margin */
        bottom: 2px;
        transform: translateY(-2%); /* Add this property to vertically center the image */
      }
      .login-master-row .left-menu .tachovia-login-language-bottom-menu .dropdown-menu {
        width: 45%;
        /* padding: 0; */
        bottom: auto;
        top: 100%;
        left: -3% !important;
        max-height: 140px; /* Set a fixed maximum height for the dropdown menu */
        overflow-y: auto; /* Enable vertical scrolling */ }
        .login-master-row .left-menu .tachovia-login-language-bottom-menu .dropdown-item {
          padding: 0.5rem;
          width: 100%;
          font-size: 13px;
          text-align: left; /* Add this property to center the text of each item */
          word-wrap: break-word; }
        .login-master-row .left-menu .login-main-content-wrapper .tachovia-login-language-bottom-menu .dropdown-item img {
          width: 24px; /* Set the width of each SVG image to 24px */
          height: 18px; /* Set the height of each SVG image to 24px */
          margin-right: 8px; }
          .login-master-row .left-menu .tachovia-login-language-bottom-menu .dropdown-item:hover {
            background-color: #afb5aa; }
      .login-master-row .left-menu .tachovia-login-language-bottom-menu:hover {
        cursor: pointer; }
    .login-master-row .left-menu .message-block .subsection {
      font-weight: bold; }
  .login-master-row .right-menu {
    height: 100%; }
    .login-master-row .right-menu_extended-description {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      padding: 0 1rem; }
    .login-master-row .right-menu.right-menu--with-background-color {
      background-color: #0065A5; }