// application variables for 720x480

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

body {
    font-size: 18px;
    #splash {

        &.padded {
            text-transform: uppercase;
            > span {
                padding-top: 300px;
                display: inline-block;
            }
        }

        > .version {
            bottom:24px;
            right:62px;
        }
    }
}

$availTop   : 24px;
$availBottom: 24px;
$availRight : 62px;
$availLeft  : 62px;

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

$plButtonSubmitMarginY: 20px;

$arrowPaddingTop: 0px;

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

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

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

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

$pmAppMenuCellSpaceX: 8px;
$pmAppMenuCellSpaceY: 40px;
$pmAppMenuCellShadow: 2px;
$pmAppMenuCellNormalHeight: 124px;
$pmAppMenuCellNormalWidth:  130px;
$pmAppMenuCellNormalFont:   16px;
$pmAppMenuCellActiveShadow: 4px;
$pmAppMenuCellActiveHeight: 146px;
$pmAppMenuCellActiveWidth:  154px;
$pmAppMenuCellActiveFont:   18px;
$pmAppMenuCellNameHeight:   26px;
$pmAppMenuCellNameFontSize:   20px;
$pmAppMenuCellActiveNameFontSize:   24px;
$pmAppMenuCellActiveNameHeight: 29px;
$pmAppMenuCellMarkHeight:   24px;
$pmAppMenuCellMarkRadius:   14px;
$pmAppMenuCellMarkMinWidth: 15px;
$pmAppMenuCellMarkPaddingX: 2px;

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

$pmAppLockSize: 52px;

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