// application variables for 1920x1080

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

body {
    font-size: 33px;

    #splash {

        &.padded {
            > span {
                padding-top: 660px;
            }
        }

        > .version {
            bottom: 42px;
            right: 75px;
        }
    }
}

$availTop   : 42px;
$availBottom: 42px;
$availRight : 75px;
$availLeft  : 75px;

$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: 26px;
$pmAppMenuCellSpaceY: 35px;
$pmAppMenuCellShadow: 4px;
$pmAppMenuCellActiveShadow: 8px;
$pmAppMenuCellNormalWidth:  240px;
$pmAppMenuCellNormalHeight: 242px;
$pmAppMenuCellNormalFont:   30px;
$pmAppMenuCellActiveHeight: 306px;
$pmAppMenuCellActiveWidth:  324px;
$pmAppMenuCellActiveFont:   36px;
$pmAppMenuCellNameHeight:   54px;
$pmAppMenuCellNameFontSize:   30px;
$pmAppMenuCellActiveNameFontSize:   36px;
$pmAppMenuCellActiveNameHeight: 63px;
$pmAppMenuCellMarkHeight:   45px;
$pmAppMenuCellMarkMinWidth: 50px;
$pmAppMenuCellMarkPaddingX: 5px;

$pmAppLockSize: 96px;

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

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