/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 10 2025 | 05:00:16 */
        /* Prevent parent-most div from being responsive */
        .parent-most {
            padding : 20px;
            width: 90vw; /* Fixed width to prevent responsiveness */
            margin: 0 auto;
            min-width: 1024px !important; /* Prevent collapse below 1024px */
            height: 100vh; /* Set a height for the div */
            /*overflow-x: auto; /* Ensure horizontal scrolling 
            overflow-y: auto; /* Ensure vertical scrolling 
            -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS devices */
        }
        /* Main rows */
        .main-row {
            display: flex;
            border: 1px solid #000;
            margin-bottom: 10px; /* 20px margin for rows */
            background-color: #e9ecef; /* Light background color */
        }
        /* Left cell with vertical text from bottom to top */
        .left-cell {
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px; /* 20px margin for rows */
            min-height: 150px !important; /* Minimum height for vertical button */
        }
        /* Transform for vertical text */
        .vb {
            transform: rotate(270deg) !important; 
            -webkit-transform: rotate(270deg) !important;
        }
        .nx
        {
            margin-bottom: 30px !important;
            font-size : 0.8rem !important;
            min-height: 52px !important;
            min-width:  84px !important;
            display: flex;
            align-items: center;
            justify-content: center !important;
        }
        .n0
        {
            background-color: rgb(16,37,63);
            border-color: rgb(16,37,63);
        }
        .n1
        {
            background-color: rgb(38,102,120);
            border-color: rgb(38,102,120);
        }
        .n2
        {
            background-color: rgb(0,32,96);
            border-color: rgb(0,32,96);
        }
        .n3
        {
            background-color: rgb(195,214,155);
            border-color: rgb(195,214,155);
            color : #000;
			height: 67px !important;
        }
        .n4
        {
            background-color: rgb(85,142,213);
            border-color: rgb(85,142,213);
            color : #000;
        }
        .n5
        {
            background-color: rgb(250,192,144);
            border-color: rgb(250,192,144);
            color : #000;
			height: 67px !important;
        }
        .right-cell
        {
            margin-top : 20px !important;
        }
        .right-cell-single
        {
            margin-top : 55px !important;
        }
        .nxv
        {
            min-width:130px !important;
        }
        .nxvv
        {
            min-width:150px !important;
        }
        .nv
        {
            font-size:0.75rem !important;
            font-weight: bold;
        }
		
        .fixed-box {
            width: 4px;
            height: 4px;
            background-color: red; /* For visibility */
            position: absolute;			
        }
		#fb1_m
		{
			visibility:hidden;
		}
		#fb1,#fb2,#fb3,#fb4
		{
			background-color : rgb(85, 142, 213); !important;
		}
		#fb7,#fb8,#fb9
		{
			background-color : #002060 !important;
		}
		#fb10,#fb11,#fb12
		{
			background-color : #C3D69B !important;			
		}
		#fb5,#fb6
		{
			background-color : #FAC090 !important;			
		}