/* [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: 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 .seeptrucker-login-logo-wrapper {
        padding-bottom: 5rem;
        text-align: center;
        margin-right: 9%;
        width: 115%; }
        @media screen and (min-width: 992px) {
          .login-master-row .left-menu .login-main-content-wrapper .seeptrucker-login-logo-wrapper {
            position: absolute;
            top: 10vh;
            margin-left: 7%; } }
        .login-master-row .left-menu .login-main-content-wrapper .seeptrucker-login-logo-wrapper .seeptrucker-login-logo {
          width: auto;
          max-width: 110%;
          height: auto;
        margin-left: 5%; }
      .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-seeptrucker {
        margin-top: 10%;
        width: 100%; }
        .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-seeptrucker .login-wrapper .login-menus {
          padding-bottom: 2em; }
        .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-seeptrucker .login-wrapper .field {
          border: none; }
          .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-seeptrucker .login-wrapper .field .field__label:after {
            display: none; }
        .login-master-row .left-menu .login-main-content-wrapper .login-form-wrapper-seeptrucker .login-wrapper .submit-button {
          width: 100%;
          margin-top: 1.3rem; }
    .login-master-row .left-menu .seeptrucker-login-language-bottom-menu {
      margin-right: 5%; 
      margin-top: 5%; 
      align-self: left; }
      .login-master-row .left-menu .login-main-content-wrapper .seeptrucker-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 .seeptrucker-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 .seeptrucker-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 .seeptrucker-login-language-bottom-menu .dropdown-item {
          padding: 0.5rem;
          width: 100%;
          text-align: left; /* Add this property to center the text of each item */
          font-size: 13px;
          word-wrap: break-word; }
          .login-master-row .left-menu .login-main-content-wrapper .seeptrucker-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 .seeptrucker-login-language-bottom-menu .dropdown-item:hover {
            background-color: #afb5aa;; }
      .login-master-row .left-menu .seeptrucker-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: #518A07; }