/**
 * gridstack-40col.css
 * Custom 40-column CSS for GridStack.js
 *
 * GridStack default only supports 1-12 columns. This file extends support
 * to 40 columns for the Flight Buddy template designer.
 *
 * Each column is 2.5% width (100% / 40 = 2.5%)
 *
 * Copyright Paul Astle 2025
 */

/* 40-column grid container */
.gs-40 > .grid-stack-item {
    width: 2.5%;
}

/* Position classes (gs-x) - left offset */
.gs-40 > .grid-stack-item[gs-x='1'] { left: 2.5%; }
.gs-40 > .grid-stack-item[gs-x='2'] { left: 5%; }
.gs-40 > .grid-stack-item[gs-x='3'] { left: 7.5%; }
.gs-40 > .grid-stack-item[gs-x='4'] { left: 10%; }
.gs-40 > .grid-stack-item[gs-x='5'] { left: 12.5%; }
.gs-40 > .grid-stack-item[gs-x='6'] { left: 15%; }
.gs-40 > .grid-stack-item[gs-x='7'] { left: 17.5%; }
.gs-40 > .grid-stack-item[gs-x='8'] { left: 20%; }
.gs-40 > .grid-stack-item[gs-x='9'] { left: 22.5%; }
.gs-40 > .grid-stack-item[gs-x='10'] { left: 25%; }
.gs-40 > .grid-stack-item[gs-x='11'] { left: 27.5%; }
.gs-40 > .grid-stack-item[gs-x='12'] { left: 30%; }
.gs-40 > .grid-stack-item[gs-x='13'] { left: 32.5%; }
.gs-40 > .grid-stack-item[gs-x='14'] { left: 35%; }
.gs-40 > .grid-stack-item[gs-x='15'] { left: 37.5%; }
.gs-40 > .grid-stack-item[gs-x='16'] { left: 40%; }
.gs-40 > .grid-stack-item[gs-x='17'] { left: 42.5%; }
.gs-40 > .grid-stack-item[gs-x='18'] { left: 45%; }
.gs-40 > .grid-stack-item[gs-x='19'] { left: 47.5%; }
.gs-40 > .grid-stack-item[gs-x='20'] { left: 50%; }
.gs-40 > .grid-stack-item[gs-x='21'] { left: 52.5%; }
.gs-40 > .grid-stack-item[gs-x='22'] { left: 55%; }
.gs-40 > .grid-stack-item[gs-x='23'] { left: 57.5%; }
.gs-40 > .grid-stack-item[gs-x='24'] { left: 60%; }
.gs-40 > .grid-stack-item[gs-x='25'] { left: 62.5%; }
.gs-40 > .grid-stack-item[gs-x='26'] { left: 65%; }
.gs-40 > .grid-stack-item[gs-x='27'] { left: 67.5%; }
.gs-40 > .grid-stack-item[gs-x='28'] { left: 70%; }
.gs-40 > .grid-stack-item[gs-x='29'] { left: 72.5%; }
.gs-40 > .grid-stack-item[gs-x='30'] { left: 75%; }
.gs-40 > .grid-stack-item[gs-x='31'] { left: 77.5%; }
.gs-40 > .grid-stack-item[gs-x='32'] { left: 80%; }
.gs-40 > .grid-stack-item[gs-x='33'] { left: 82.5%; }
.gs-40 > .grid-stack-item[gs-x='34'] { left: 85%; }
.gs-40 > .grid-stack-item[gs-x='35'] { left: 87.5%; }
.gs-40 > .grid-stack-item[gs-x='36'] { left: 90%; }
.gs-40 > .grid-stack-item[gs-x='37'] { left: 92.5%; }
.gs-40 > .grid-stack-item[gs-x='38'] { left: 95%; }
.gs-40 > .grid-stack-item[gs-x='39'] { left: 97.5%; }

/* Width classes (gs-w) - widget width */
.gs-40 > .grid-stack-item[gs-w='1'] { width: 2.5%; }
.gs-40 > .grid-stack-item[gs-w='2'] { width: 5%; }
.gs-40 > .grid-stack-item[gs-w='3'] { width: 7.5%; }
.gs-40 > .grid-stack-item[gs-w='4'] { width: 10%; }
.gs-40 > .grid-stack-item[gs-w='5'] { width: 12.5%; }
.gs-40 > .grid-stack-item[gs-w='6'] { width: 15%; }
.gs-40 > .grid-stack-item[gs-w='7'] { width: 17.5%; }
.gs-40 > .grid-stack-item[gs-w='8'] { width: 20%; }
.gs-40 > .grid-stack-item[gs-w='9'] { width: 22.5%; }
.gs-40 > .grid-stack-item[gs-w='10'] { width: 25%; }
.gs-40 > .grid-stack-item[gs-w='11'] { width: 27.5%; }
.gs-40 > .grid-stack-item[gs-w='12'] { width: 30%; }
.gs-40 > .grid-stack-item[gs-w='13'] { width: 32.5%; }
.gs-40 > .grid-stack-item[gs-w='14'] { width: 35%; }
.gs-40 > .grid-stack-item[gs-w='15'] { width: 37.5%; }
.gs-40 > .grid-stack-item[gs-w='16'] { width: 40%; }
.gs-40 > .grid-stack-item[gs-w='17'] { width: 42.5%; }
.gs-40 > .grid-stack-item[gs-w='18'] { width: 45%; }
.gs-40 > .grid-stack-item[gs-w='19'] { width: 47.5%; }
.gs-40 > .grid-stack-item[gs-w='20'] { width: 50%; }
.gs-40 > .grid-stack-item[gs-w='21'] { width: 52.5%; }
.gs-40 > .grid-stack-item[gs-w='22'] { width: 55%; }
.gs-40 > .grid-stack-item[gs-w='23'] { width: 57.5%; }
.gs-40 > .grid-stack-item[gs-w='24'] { width: 60%; }
.gs-40 > .grid-stack-item[gs-w='25'] { width: 62.5%; }
.gs-40 > .grid-stack-item[gs-w='26'] { width: 65%; }
.gs-40 > .grid-stack-item[gs-w='27'] { width: 67.5%; }
.gs-40 > .grid-stack-item[gs-w='28'] { width: 70%; }
.gs-40 > .grid-stack-item[gs-w='29'] { width: 72.5%; }
.gs-40 > .grid-stack-item[gs-w='30'] { width: 75%; }
.gs-40 > .grid-stack-item[gs-w='31'] { width: 77.5%; }
.gs-40 > .grid-stack-item[gs-w='32'] { width: 80%; }
.gs-40 > .grid-stack-item[gs-w='33'] { width: 82.5%; }
.gs-40 > .grid-stack-item[gs-w='34'] { width: 85%; }
.gs-40 > .grid-stack-item[gs-w='35'] { width: 87.5%; }
.gs-40 > .grid-stack-item[gs-w='36'] { width: 90%; }
.gs-40 > .grid-stack-item[gs-w='37'] { width: 92.5%; }
.gs-40 > .grid-stack-item[gs-w='38'] { width: 95%; }
.gs-40 > .grid-stack-item[gs-w='39'] { width: 97.5%; }
.gs-40 > .grid-stack-item[gs-w='40'] { width: 100%; }