/*
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
*/

.grid-2col {
    display: grid;
    gap: 1%; 
    grid-template-columns:  repeat(2, 49%);
    align-items: stretch;
}

.grid-3col {
    display: grid;
    gap: 1%;
    grid-template-columns: 32% 33% 32%;
}


.full-1 {
    align-self: start;
    grid-column: 1 / span 2;
    grid-row: 1;
}
.full-2 {
    align-self: start;
    grid-column: 1 / span 2;
    grid-row: 2;
}
.full-3 {
    align-self: start;
    grid-column: 1 / span 2;
    grid-row: 3;
}
.full-4 {
    align-self: start;
    grid-column: 1 / span 2;
    grid-row: 4;
}
.full-5 {
    align-self: start;
    grid-column: 1 / span 2;
    grid-row: 5;
}
.full-6 {
    align-self: start;
    grid-column: 1 / span 2;
    grid-row: 6;
}
.full-7 {
    align-self: start;
    grid-column: 1 / span 2;
    grid-row: 7;
}
.full-8 {
    align-self: start;
    grid-column: 1 / span 2;
    grid-row: 8;
}
.left-1 {
    align-self: start;
    grid-column: 1;
    grid-row: 1;
}
.left-2 {
    align-self: start;
    grid-column: 1;
    grid-row: 2;
}
.left-3 {
    align-self: start;
    grid-column: 1;
    grid-row: 3;
}
.left-4 {
    align-self: start;
    grid-column: 1;
    grid-row: 4;
}
.left-5 {
    align-self: start;
    grid-column: 1;
    grid-row: 5;
}
.left-6 {
    align-self: start;
    grid-column: 1;
    grid-row: 6;
}
.left-7 {
    align-self: start;
    grid-column: 1;
    grid-row: 7;
}
.left-8 {
    align-self: start;
    grid-column: 2;
    grid-row: 8;
}
.right-1 {
    align-self: start;
    grid-column: 2;
    grid-row: 1;
}
.right-2 {
    align-self: start;
    grid-column: 2;
    grid-row: 2;
}
.right-3 {
    align-self: start;
    grid-column: 2;
    grid-row: 3;
}
.right-4 {
    align-self: start;
    grid-column: 2;
    grid-row: 4;
}
.right-5 {
    align-self: start;
    grid-column: 2;
    grid-row: 5;
}
.right-6 {
    align-self: start;
    grid-column: 2;
    grid-row: 6;
}
.right-7 {
    align-self: start;
    grid-column: 2;
    grid-row: 7;
}
.right-8 {
    align-self: start;
    grid-column: 2;
    grid-row: 8;
}



.grid-beep {
    grid-column: 1;
    grid-row: 1; 
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-ts {
    grid-column: 2;
    grid-row: 1; 
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.grid-board {
    grid-column: 3;
    grid-row: 5;  
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-manual {
    grid-column: 1;
    grid-row: 2;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-checklist {
    grid-column: 2;
    grid-row: 2;  
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-partslist {
    grid-column: 3;
    grid-row: 2;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-reference {
    grid-column: 1;
    grid-row: 3;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-power {
    grid-column: 2;
    grid-row: 3;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-solar {
    grid-column: 3;
    grid-row: 3;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-wiring {
    grid-column: 1;
    grid-row: 4;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-limitpull {
    grid-column: 2;
    grid-row: 4;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-limitpush {
    grid-column: 3;
    grid-row: 4;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-misc1{
    grid-column: 3;
    grid-row: 1;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}.grid-rcvr {
    grid-column: 1;
    grid-row: 5;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-misc2 {
    grid-column: 2;
    grid-row: 5;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}




.grid-acc-manual {
    grid-column: 1;
    grid-row: 1;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-acc-ts {
    grid-column: 2;
    grid-row: 1; 
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.grid-acc-basic {
    grid-column: 3;
    grid-row: 1; 
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.grid-acc-reference {
    grid-column: 1;
    grid-row: 2;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-acc-misc1 {
    grid-column: 2;
    grid-row: 2; 
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.grid-acc-partslist {
    grid-column: 3;
    grid-row: 2; 
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.grid-acc-misc2 {
    grid-column: 1;
    grid-row: 3;    
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-acc-misc3 {
    grid-column: 2;
    grid-row: 3; 
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.grid-acc-misc4 {
    grid-column: 3;
    grid-row: 3; 
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;    
}