/* Original Style
#pageLayout #ReportLinks .dfwp-item{
	display:inline-block;
	width:auto;
}
#pageLayout #ReportLinks .link-item{
	width:auto;
}
#pageLayout #ReportLinks .link-item a{
	border-radius: var(--bs-border-radius-pill);
	background-color: var(--CoB-blue);
	color:#fff;
	display:block;
	width:auto;
	padding: 6px 12px;
	margin:5px;
}
#pageLayout #ReportLinks .dfwp-item a:hover,
#pageLayout #ReportLinks .dfwp-item a:focus{
	background-color: var(--CoB-Dark-Blue);
	text-decoration:none;
}

.accordion{
	margin-bottom:30px
}

span.report-info-btn
{
	border-radius: var(--bs-border-radius-pill);
	background-color: var(--bs-gray-300);
	padding: 6px 12px;
	margin: 5px;
}
*/

#pageBanner.row                                                                     { margin-bottom: 0; }

#bodyWebparts #ReportLinks
{
    background: var(--bs-gray-300);
    margin-bottom: 30px;
    padding: 10px 0;
}

#bodyWebparts #ReportLinks .col.text-md-end .ms-webpart-cell-vertical-inline-table  { margin-bottom: 0px; }

#ReportLinks .report-information                                                    
{ 
    display: inline-flex; 
    flex-direction: column;
    justify-content: center;
    row-gap: 12px;
}
#ReportLinks .report-info-btn i                                                     { width: 32px; text-align: center; }
#ReportLinks .report-links                                                          { display: flex; align-items: center; }

/* Start Overrides */
#pageLayout #ReportLinks .col.report-links .dfwp-list                               { margin: 5px 0 5px 0; padding: 0; }
#ReportLinks .dfwp-list .dfwp-item .link-item                                       { width: 100%; }
/* End Overrides */

#ReportLinks .report-links ul.dfwp-list                                             { display: flex; flex-direction: column !important; /* override bootstrap behaviour for now */ }
#ReportLinks .report-links .dfwp-list .dfwp-item .link-item a
{
    background-color: var(--CoB-blue);
    color: #fff;
    border-radius: var(--bs-border-radius-pill);
    padding: 5px 10px;
    width: 100%;
}
#ReportLinks .report-links div.s4-wpcell-plain.ms-webpartzone-cell.ms-fullWidth
{
    display: flex;
    margin: 0;
    padding: 0;   
}
#ReportLinks .col.report-links .dfwp-list
{
    flex-direction: row;
    column-gap: 15px;
    width: 100%;
}
#ReportLinks .dfwp-list .dfwp-item                                                  { width: 100%; }

@media (max-width: 575px)
{
    #ReportLinks                                                                    { padding-bottom: 0px !important; }
}

@media (min-width: 768px)
{
     #pageLayout #ReportLinks .col.report-links .dfwp-list                          { justify-content: end; }
}

@media (min-width: 1200px)
{
    #ReportLinks .col.report-links .dfwp-list                                       { flex-direction: row !important; justify-content: center; }
    #ReportLinks .dfwp-list .dfwp-item                                              { width: auto; }
    #ReportLinks .dfwp-list .link-item a                                            { display: inline-block; }
}