/* Breakpoints variables refer to SharedStylesConstant.tsx */

/*
 * 
 * !!! For General Company Logo
 *
*/

/* CompanyLogo in Desktop View */
div#loginBody div.inside div.content #desktopOnlyLogoAreaDiv img#companyLogo {
  object-fit: contain;
  width: 30%;
}

@media only screen and (min-width: 1024px) {
  div#loginBody div.inside div.content #desktopOnlyLogoAreaDiv img#companyLogo {
    width: 35%;
    max-width: none;
    max-height: none;
  }
}

/* CompanyLogo in Mobile View */
div#loginBody div.inside div.content img#companyLogoMobile {
  object-fit: contain;
  flex: 1 1 100px;
}

@media only screen and (orientation: portrait) {
  div#loginBody div.inside div.content img#companyLogoMobile {
    max-height: 25%;
  }
}

@media only screen and (orientation: portrait) and (min-width: 768px) {
  div#loginBody div.inside div.content img#companyLogoMobile {
    max-height: 30%;
  }
}

@media only screen and (orientation: landscape) {
  div#loginBody div.inside div.content img#companyLogoMobile {
    max-width: 20%;
  }
}

@media only screen and (min-width: 1024px) {
  div#loginBody div.inside div.content img#companyLogoMobile {
    display: none;
  }
}