@charset "utf-8";
/* CSS Document */
div.tablecontainer {
  overflow-x: auto;
}

.excel1 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border:none;
white-space:nowrap;
}
.excel2 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:#0563C1;
font-size:11pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border:3px solid white;
white-space:nowrap;
text-underline-style:single;
background:#CCE6FF;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);
	width:auto;
}
.excel3 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border:none;
white-space:nowrap;
border-top:none;
border-right:none;
border-bottom:none;
border-left:none;
	
}
.excel4 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:#0563C1;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border: 2px solid white;;
white-space:nowrap;
text-underline-style:single;
	width:auto;
}
.excel5 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:#0563C1;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border:3px solid white;
white-space:nowrap;
text-underline-style:single;
background:#668cff;;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);
	width:auto;
}
.excel6 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:#0563C1;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border:3px solid white;
white-space:nowrap;
text-underline-style:single;
background:#ccffdc;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);	
	width:auto;
}
.excel7 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:#0563C1;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border:3px solid white;
white-space:nowrap;
text-underline-style:single;
background:#ffcc99;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);
	width:auto;
}
	.excel8 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:#0563C1;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border:3px solid white;
white-space:nowrap;
text-underline-style:single;
background:#ffffcc;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);
		width:auto;
}
	.excel9 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:#0563C1;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border:3px solid white;
white-space:nowrap;
text-underline-style:single;
background:#e0e0eb;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);	
		width:auto;
}
.excel10 {
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:#0563C1;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
font-family:Calibri, sans-serif;
text-align:center;
vertical-align:bottom;
border:3px solid white;
white-space:nowrap;
text-underline-style:single;
background:red;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);	
		width:auto;
}
#pre {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    gap: 12px;
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto !important;
    padding: 10px !important;
    box-sizing: border-box;
    align-items: start;
}

#pre > .span2 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box;
}

#pre > .span2,
#pre > .span2 > * {
    max-width: 100%;
    box-sizing: border-box;
}

#pre > .span2 .card,
#pre > .span2 .banner-title8 {
    width: 100% !important;
    box-sizing: border-box;
}

#pre > .span2 > p {
    text-align: center;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.banner-title8 {
    background-color: lightgrey;
    color: black;
    font-size: 12px;
    font-weight: 600;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);
    padding: 2px 4px;		
}

/* Remove spacing generated by inner card containers */
#pre .card-body {
    padding: 0 !important;
    margin: 0 !important;
}

#pre #art1, 
#pre #art2, 
#pre #art3, 
#pre #art4, 
#pre #art5, 
#pre #art6, 
#pre #art7, 
#pre #art10, 
#pre #art11 {
    margin: 0 !important;
    padding: 0 !important;
}

/* Screen Breakpoints for cleaner layout steps */

/* Extra large screens (1200px+): Display 7 equal columns in 1 row */
@media (min-width: 1200px) {
    #pre {
        grid-template-columns: repeat(7, 1fr) !important;
    }
}

/* Medium screens (768px - 1199px): Wrap columns naturally using minimum column width */
@media (min-width: 768px) and (max-width: 1199px) {
    #pre {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    }
}

/* Small mobile devices (< 576px): Display 2 columns side-by-side */
@media (max-width: 575px) {
    #pre {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px;
    }
}