/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Mar 8, 2022, 10:59:48 AM
    Author     : Nicole.Sisti
*/

.ql-ago-grid {
    display: grid;
    gap: 0%; 
    grid-template-columns:  repeat(5, 20%);
}

.ql-ago-unit-pic {
    align-self: start;
    grid-column: 1;
    grid-row: 2 / span 4;
}
.ql-ago-board-pic {
    align-self: start;
    grid-column: 2;
    grid-row: 2 / span 4;
}
.ql-ago-notes {
    align-self: start;
    grid-column: 3 / span 3;
    grid-row: 5;
}
.ql-ago-warranty {
    align-self: start;
    grid-column: 3;
    grid-row: 1;
}
.ql-ago-battery {
    align-self: start;
    grid-column: 4;
    grid-row: 1;
}
.ql-ago-harness {
    align-self: start;
    grid-column: 5;
    grid-row: 1;
}
.ql-ago-single {
    align-self: start;
    grid-column: 1;
    grid-row: 1;
}
.ql-ago-s-leg {
    align-self: start;
    grid-column: 3;
    grid-row: 4;
}
.ql-ago-d-leg {
    align-self: start;
    grid-column: 4;
    grid-row: 4;
}
.ql-ago-dual {
    align-self: start;
    grid-column: 2;
    grid-row: 1;
}
.ql-ago-vendor {
    align-self: start;
    grid-column: 3;
    grid-row: 2;
}
.ql-ago-rev-board {
    align-self: start;
    grid-column: 4;
    grid-row: 2;
}
.ql-ago-transformer {
    align-self: start;
    grid-column: 5;
    grid-row: 2;
}
.ql-ago-max-len {
    align-self: start;
    grid-column: 3;
    grid-row: 3;
}
.ql-ago-max-weight{
    align-self: start;
    grid-column: 4;
    grid-row: 3;
}
.ql-ago-max-stroke {
    align-self: start;
    grid-column: 5;
    grid-row: 3;
}
.ql-ago-arm-len {
    align-self: start;
    grid-column: 5;
    grid-row: 4;
}
.ql-ago-ac-notes {
    align-self: start;
    grid-column: 3 / span 3;
    grid-row: 3 / span 3;
}
.ql-ago-ac-5 {
    align-self: start;
    grid-column: 3;
    grid-row: 1;
}
.ql-ago-ac-5-length {
    align-self: start;
    grid-column: 4;
    grid-row: 1;
}
.ql-ago-ac-5-weight {
    align-self: start;
    grid-column: 5;
    grid-row: 1;
}
.ql-ago-ac-6 {
    align-self: start;
    grid-column: 3;
    grid-row: 2;
}
.ql-ago-ac-6-length {
    align-self: start;
    grid-column: 4;
    grid-row: 2;
}
.ql-ago-ac-6-weight {
    align-self: start;
    grid-column: 5;
    grid-row: 2;
}

.ql-acc-grid {
    display: grid;
    gap: 0%; 
    grid-template-columns:  23% 13% 13% 2% 23% 13% 13%;
}

.ql-acc-left-pic {
    align-self: start;
    grid-column: 1;
    grid-row: 1 / span 4;
}
.ql-acc-right-pic {
    align-self: start;
    grid-column: 5;
    grid-row: 1 / span 4;
}
.ql-acc-left-mmpn {
    align-self: start;
    grid-column: 2;
    grid-row: 1;
}
.ql-acc-left-propn {
    align-self: start;
    grid-column: 3;
    grid-row: 1;
}
.ql-acc-right-mmpn {
    align-self: start;
    grid-column: 6;
    grid-row: 1;
}
.ql-acc-right-propn {
    align-self: start;
    grid-column: 7;
    grid-row: 1;
}
.ql-acc-left-title {
    align-self: start;
    grid-column: 2 / span 2;
    grid-row: 2;
}
.ql-acc-right-title {
    align-self: start;
    grid-column: 6 / span 2;
    grid-row: 2;
}
.ql-acc-left-notes {
    align-self: start;
    grid-column: 2 / span 2;
    grid-row: 3 / span 2;
}
.ql-acc-right-notes {
    align-self: start;
    grid-column: 6 / span 2;
    grid-row: 3 / span 2;
}
.ql-acc-left-block {
    align-self: start;
    grid-column: 1 / span 3;
    grid-row: 1 / span 4;
}
.ql-acc-right-block {
    align-self: start;
    grid-column: 5 / span 3;
    grid-row: 1 / span 4;
}
.ql-acc-left-long-notes {
    align-self: start;
    grid-column: 2 / span 2;
    grid-row: 2 / span 3;
}
.ql-acc-right-long-notes {
    align-self: start;
    grid-column: 6 / span 2;
    grid-row: 2 / span 3;
}

.ql-acc-page-grid {
    display: grid;
    gap: 1%; 
    grid-template-columns:  15% 30% 20% 20% 15%;
}
.ql-acc-pic {
    align-self: start;
    grid-column: 2;
    grid-row: 1 / span 4;
}
.ql-acc-mmpn {
    align-self: start;
    grid-column: 3;
    grid-row: 1;
}
.ql-acc-propn {
    align-self: start;
    grid-column: 4;
    grid-row: 1;
}
.ql-acc-title {
    align-self: start;
    grid-column: 3 / span 2;
    grid-row: 2;
}
.ql-acc-notes {
    align-self: start;
    grid-column: 3 / span 2;
    grid-row: 3 / span 4;
}