﻿
.luxelineFieldLayout {
    background-color: #EAEBEC;
}

.luxelineFieldLayout-FieldsPanel {
    background-color: #DCDCDC;
}

.luxelineFieldLayout-Column {
    width: 100px;   
}

.luxelineFieldLayout-WindowPosition {
    background-color: #C4C4C4;
}

.luxelineFieldLayout-VerticalFieldsPanel {
    background-color: #C4C4C4;
}

/* Luxeline Templates */
.luxelinetemplate {
}

.luxelinetemplate rect {
    fill: rgb(217, 217, 217);
    stroke-width: 5;
    stroke: rgb(191,191,191);
}

.luxelinetemplate {
    padding: 2px 47px 2px 47px;
}

.selectedluxelinetemplate {
    padding: 2px 47px 2px 47px;
}

.selectedluxelinetemplate img {
    border: solid;
    border-width: -3px;
    border-color: black;
}

.selectedluxelinetemplate rect {
    fill: rgb(140,140,140);
    stroke-width: 5;
    stroke: rgb(77,77,77);   
}

.luxelinewingtemplate {
    width: 50px;
    height: 100px;
}

.luxelineftptemplate {
    width: 50px;
    height: 25px;
}

.luxelinefsptemplate {
    width: 25px;
    height: 100px;
}

.luxelinefspwithftptemplate {
    width: 25px;
    height: 125px;
}

.mountingTypeImage {
    width: 150px;
    height: 166px;
}

#luxelineTemplate {
    display: grid;
    width: 100%;
    height: 200px;
    grid-template:
        [header-left] "left top right" 50px [header-right]
        [main-left] "left  main right" 1fr [main-right]
        [footer-left] "left  main right" 1fr [footer-right]
        / 50px 150px 50px;
}

#luxelineTemplateNoTop {
    display: grid;
    width: 100%;
    height: 200px;
    grid-template:
        [main-left] "left  main right" 1fr [main-right]
        [footer-left] "left  main right" 1fr [footer-right]
        / 50px 150px 50px;
}

.template {
    border: 5px solid lightGrey;
    background-color: AliceBlue;
}

.highlight {
    background-color: yellow;
}

.toppanel {
    grid-area: top;
}

.leftpanel {
    grid-area: left;
}

.rightpanel {
    grid-area: right;
}

.wing {
    grid-area: main;
}

.componentrow td{
    padding: 15px;
}

.optionsrow td {
    padding-top: 15px;
    padding-bottom: 10px;
}