/* ISAH MOBILE LOGISTICS LAYOUT */

html, body {
  margin: 0;
  height: 100%;             /* can also use viewport units (height: 100vh) */
}

#mobile-container
{
  display: flex;            /* displays flex-items (children) inline */
  flex-direction: column;   /* stacks them vertically */
  height: 100%;             /* needs to take the parents height, alternative: body {display: flex} */
}

main {
  flex: 1;                  /* takes the remaining height of the "mobile-container" div */
  overflow: auto;           /* to scroll just the "main" div */
}

footer {
    display:flex;
    gap: 5px;
}

.stick-left
{
    position:sticky;
    position: -webkit-sticky; /* safari */
    left:0;
}

.title-bar
{
    display:flex;
}

.qr-code{
    margin-left: auto;
    margin-right:1em;
    color: var(--isah-white1);
}

.group-title 
{
    font-size:0.9rem;
}

.group-content
{
    font-size:0.8rem;
}

.content-title
{
	font-size:1.1em;
	color:var(--isah-blue);
	font-weight:bold;
}

.content-details
{
	display:grid;
	grid-template-columns: 110px auto;
	column-gap: 5px;
}

.table{
    font-size:0.8rem;
}

.table-row-detail
{
	display:grid;
	grid-template-columns: min-content auto;
	column-gap: 5px;
}

.scan-input-hidden, .scan-input-hidden:focus
{         
    height:0px;
    margin:0px;
    background: transparent;         
    border: none;         
    outline-width: 0;     
    caret-color: transparent;
    color:transparent;
}

.form-hidden
{
    height:0px;
}