/* [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%; }
  .login-master-row .left-menu {
    background-color: #FFFFFF;
    text-align: left;
    width: 27rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    .login-master-row .left-menu .login-main-content-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      /* height: 100%; */
      position: relative;
      top: -7%;
      width: 100%; }
      .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 .onetacho-login-logo-wrapper {
        padding-bottom: 1rem;
        text-align: center;
        width: 90% }
        @media screen and (min-width: 992px) {
          .login-master-row .left-menu .login-main-content-wrapper .onetacho-login-logo-wrapper {
            position: static;
            top: 10vh; } }
        .login-master-row .left-menu .login-main-content-wrapper .onetacho-login-logo-wrapper .onetacho-login-logo {
          width: auto;
          max-width: 80%;
          height: auto; }
      .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-onetacho{
        position: relative;
        width: 100%; }
        .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-onetacho .login-wrapper .login-menus {
          padding-bottom: 2em; }
        .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-onetacho .login-wrapper .field {
          border: none; }
          .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-onetacho .login-wrapper .field .field__label:after {
            display: none; }
        .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-onetacho .login-wrapper .submit-button {
          width: 100%;
          margin-top: 0.8rem; }
      .login-master-row .left-menu .login-main-content-wrapper .onetacho-login-language-bottom-menu {
        margin-right: 5%; 
        margin-top: 1%;
        margin-bottom: 45px;  
        align-self: left;}
        /* Increase the width of the dropdown-toggle button */
        .login-master-row .left-menu .login-main-content-wrapper .onetacho-login-language-bottom-menu .dropdown-toggle {
          width: 150px; /* Adjust this value to set the desired width */
          text-align: left;
          color: black !important;
          font-size: 14px;
          background-color: #FFFFFF;
          margin-left: 6px;
          /* position: relative; */
        }
        .login-master-row .left-menu .login-main-content-wrapper .onetacho-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 .login-main-content-wrapper .onetacho-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 .login-main-content-wrapper .onetacho-login-language-bottom-menu .dropdown-item {
            padding: 0.5rem;
            width: 100%;
            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 .onetacho-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 .login-main-content-wrapper .onetacho-login-language-bottom-menu .dropdown-item:hover {
              background-color: #afb5aa; }

      .login-master-row .left-menu .login-main-content-wrapper .onetacho-login-language-bottom-menu:hover {
        cursor: pointer; }
    .login-master-row .left-menu .login-main-content-wrapper .message-block .subsection {
      font-weight: bold; }
    .login-master-row .left-menu .login-main-content-wrapper .onetacho-register-link {
      word-wrap: break-word;
      margin-bottom: 2%;
      margin-left: 5%;
    }
  .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: var(--primary-color); }
.login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-onetacho .onetacho-login-form-wrapper {
  margin-top: 0%;
}