// application variables for 1280x720

// inherit all mag-app vars
@import "../../../node_modules/mag-app/sass/vars/720";

body {
    font-size: 22px;

    #splash {
        &.padded {
            > span {
                padding-top: 440px;
            }
        }

        > .version {
            bottom: 28px;
            right: 66px;
        }
    }
}

$availTop   : 28px;
$availBottom: 28px;
$availRight : 64px;
$availLeft  : 64px;

$inputWidth: 350px;
$inputHeight: 43px;
$inputPaddingX: 8px;

$plButtonSubmitMarginY: 20px;

$arrowPaddingTop: 52px;

$plLabelErrorPadding: 10px;
$plLabelErrorBorderRadius: 10px;
$plLabelErrorBorderWidth: 1px;

$pmHeaderHeight: 115px;
$pmHeaderClockFont: 24px;

$timeFontSize: 26px;
$timeFontSizePaddingX: 7.5px;

$pmFooterHeight: 100px;
$pmFooterFont: 20px;
$pmItemDescHeight: 60px;

//$pmAppMenuCellSpaceX: 10px;
//$pmAppMenuCellSpaceY: 30px;
$pmAppMenuCellSpaceX: 14px;
$pmAppMenuCellSpaceY: 48px;

$pmAppMenuCellShadow: 4px;
$pmAppMenuCellActiveShadow: 8px;
$pmAppMenuCellNormalWidth:  170px;
$pmAppMenuCellNormalHeight: 160px;
$pmAppMenuCellNormalFont:   20px;
$pmAppMenuCellActiveHeight: 204px;
$pmAppMenuCellActiveWidth:  214px;
$pmAppMenuCellActiveFont:   24px;
$pmAppMenuCellNameHeight:   36px;
$pmAppMenuCellNameFontSize:   20px;
$pmAppMenuCellActiveNameFontSize:   24px;
$pmAppMenuCellActiveNameHeight: 42px;
$pmAppMenuCellMarkHeight:   26px;
$pmAppMenuCellMarkMinWidth: 26px;
$pmAppMenuCellMarkPaddingX: 4px;

$pmAppItemNormalTop: 28px;
$pmAppItemContentTop: 18px;
$pmAppItemOverlayTop: 20px;

$pmAppLockSize: 64px;

$pmGroupMenuItemHeight: 46px;
$pmGroupMenuItemWidth: 46px;
$pmGroupMenuItemSpace: 30px;
$pmGroupMenuTitleHeight: 34px;