/**
 * File: site/css/backend-small.css
 * Package: justcroft-groendael-server
 * Author: Dr. Pete Ford <pford@justcroft.com>
 * $Header$
 * Copyright (c) 2018-2022, Justcroft International Ltd
*/
/* 
    Created on : 3 Dec 2020, 10:29:35
    Author     : pete
*/

body
{
    margin:0 !important;
}

.adminOuter
{
    display: block;
}

.adminOuter .subTitle
{
    align-self: center;
}
.adminOuter .adminMenu,
.adminOuter .adminContent
{
    align-self: start;
}

.adminMenu h2
{
    position: absolute;
    top: 0;
    right: 1em;
}

.adminMenu h2.clickable
{
    background-color: lightgray;
    border: none;
    width: 1em;
    text-align: center;
}

#adminKeepAliveIndicator
{
    display: none;
}

.adminMenu ul#adminIndex
{
    display: none;
    position: absolute;
    background-color: lightgray;
    z-index: 20;
    right: 1em;
    top: 2em;
    padding: 1em;
}

.adminContent
{
    background-color: white;
    z-index: 1;
}

.site-footer
{
    z-index: -1;
    position: absolute;
    width: 93vw;
}
.site-footer p
{
    margin: 2px;
}

.button-bar
{
    background-color: white;
}

.offer-barcode-input
{
    padding-top: 1em;
    display: block !important;
}

.barcode-paste textarea
{
    width: 93vw;
}

.barcode-lines,
.barcode-or,
.barcode-paste h2
{
    display: none;
}

.offer-accordion .input-parameters
{
    padding: 1em;
    grid-template-columns: 30% auto 0;
    grid-row-gap: 0;

}

.offer-summary
{
    font-size: 10pt !important;
}

.recipe-row 
{
    grid-template-areas: "img title" "img link" "img date";
    grid-template-columns: 64px auto;
    grid-template-rows: 1fr 1fr 1fr;
    height: 6em;
    grid-row-gap: 0;
}
.recipe-title 
{
    grid-area: title;
}
.recipe-image 
{
    grid-area: img;
}
.recipe-link 
{
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    grid-area: link;
}
.recipe-updated 
{
    grid-area: date;
}
#btnBack
{
    display: none;
}

.ui-button
{
    font-size:90% !important;
}

.login-box input
{
    width:10em;
}

.login-box .logo
{
    width: 90vw;
}

.store-row 
{
    grid-template-columns: 20vw auto 10vw !important;
}

.menuOnHomePage
{
    display: block !important;
}