.report{max-width:1400px;margin-left: auto; margin-right: auto;padding-left: 20px; padding-right: 20px; font-family: arial;}

/* the below report style encompassing all screen styles is to account for CMP */
.report{
/*---------------------------- HEADING ----------------------------------------------*/

.header{display: flex; flex-direction: row; align-self: baseline; flex-wrap: wrap; border-bottom: 1px solid #000;justify-content:space-between;align-items:end; padding-bottom: 10px; padding-top: 20px;}
h1{}
.header h1.title{ padding-bottom:0; margin-block-end:0}
h2{}
h2.heading{ text-align: left;font-size: 150%; font-weight: normal; }
h2.sectionName{padding-top:30px; margin-top:20px; border-top:1px solid #ddd; padding-bottom: 10px; /*border-bottom:1px solid #ddd;*/ font-weight: normal;font-size: 150%; }
h3{}
h3.heading{ text-align: left; font-size: 140%; }

h4{font-size: 100%; 
	margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;}
h4.sub-item-title, h4.subitem{font-size: 120%; margin-top: 30px;}
h4.subheading, h4.sub-heading{font-size: 110%; font-weight: bold; margin-bottom: 20px;}    
h5{font-size: 100%; 
  margin-bottom: 5px;
  font-weight: bold;}
    
/*---------------------------- TEXT ----------------------------------------------*/

    hr{border-style: solid; border-width: 0px 0px 1px 0px}
    .wep, .wep p{margin:0in;margin-bottom:.0001pt;font-family: Arial, Helvetica, sans-serif;}
    .border{border-style: solid; border-color:#000000; border-width: 1px 1px 1px 1px;}
    .italics{font-style: italic;}
    .bold, .bold table td{font-weight: bold;}
    .normal-text{font-weight: normal;}
    .text-muted{color: #6c757d!important;}
    .text-right{float: right; text-align: right;}
    .nowrap{white-space: nowrap;}
    .highlight{background-color: #FFFF00;} /*yellow*/
    .item-separator{ display: block; border-bottom: 1px solid #ddd; margin: 10px 0px 10px 0px;}    
    
    
    .public-annotation, .rpt-annotation, .chair-annotation{ background-color: #ff0; font-weight: bold;  font-style: italic;} 

/*---------------------------- LISTS ----------------------------------------------*/

/* lines list - table with lines above and below */
.lines-list{display: flex; flex-direction: row; justify-content: flex-start; margin-right: 5px; gap: 10px; }

ul.lines{list-style: none; margin: 0; padding-inline-start: 0px; margin-bottom: 20px;}
ul.lines li{padding:10px;border-bottom: 1px solid #ccc;}
ul.lines li:first-child{border-top: 1px solid #ccc;}

ul.lines .lines-list{ row-gap: 10px;}

.table-bottom-margin{margin-bottom: 15px;}
.table-top-margin, h4.table-top-margin{margin-top: 15px;}
.inline{display: inline;}
table.border{ border:1px solid #999 ;}
/* Define the container for the description list */

/* decision information table d-info*/
.d-info{margin-bottom:20px; }
.d-info dt.inline{padding-left:0; font-weight: bold; /*border: 1px solid blue;*/}
.d-info dd.inline{ text-align: left; padding-left: 5px; margin-left: 0; flex-grow: 4;  /*border: 1px solid red;*/}
.d-info dl{ padding-left:0; margin:0 0 5px 0; display: flex; justify-content:flex-start; }

/* decision information table d-info - single line*/
.d-info2{margin-bottom:20px; }
.d-info2 dt.inline{padding-left:0; font-weight: bold; }
.d-info2 dd{ text-align: left; padding-left: 5px; margin-left: 0; flex-grow:2; display: inline-block; /*border: 1px solid red;*/}
.d-info2 dl{ padding-left:0; margin:0 0 5px 0; display: flex; justify-content:flex-start; }

/*---------------------------- LISTS ----------------------------------------------*/
ul.speakers-list li{margin-bottom: 5px; margin-left: 0; padding-left: 0; list-style: none;} 
ul.speakers-list {margin-left: 0px; padding-left: 0;} 
ul.number-list li{list-style-type: decimal;}
ul.speakers-list.number-list{margin-left: 15px;}
/*---------------------------  TABLES  ----------------------------------------------*/

/*---------------------------- wep table ----------------------------------------------*/
.wep table{border-collapse: collapse;}
.wep table td{border: 1px solid #efefef; padding: 5px;flex-grow: 4;margin: none}
.wep table th {
  border: 1px solid #999;
  padding: 0.5rem;
  margin: none;
}

/*-----------------------------  vote-table ----------------------------------------------*/
.vote-section{display: flex;justify-content:space-between;}
.vote-table-header{}
.vote-table, .blue-table,.wep .vote-table, .wep .blue-table{ margin-bottom:1em; margin-top:1em; width:100%;border-spacing: 0rem;}
.vote-table thead th,.blue-table thead th, .wep .vote-table thead th,.wep .blue-table thead th {background-color:#f1f6fa; border: none; border-bottom: 2px solid #3a76a4!important}

.vote-table thead th,.wep .vote-table thead th{ white-space:nowrap;}
.vote-table td.grow,.blue-table td.grow{ flex-grow: 2;}
 .vote-table td, .vote-table th, .blue-table td, .blue-table th,   .wep .vote-table td,  .wep .vote-table th,  .wep .blue-table td, .wep .blue-table th,{
  border: 1px solid #efefef;
  padding: 1.5rem;
  margin: none;
}


.blue-table{ margin-bottom:1em; margin-top:1em; width:auto;border-spacing: 0rem; }
.blue-table thead th,.vote-table thead th{background-color:#f1f6fa; border: none; border-bottom: 2px solid #165788!important}
.blue-table tbody td, .vote-table tbody t{vertical-align: text-top;}

.blue-table td.grow{ flex-grow: 2;}
.blue-table td, .blue-table th,.vote-table td, .vote-table th {
  border: 1px solid #efefef;
  padding: 0.5rem;
  margin: none;
  line-height: 130%;  
}
.vote-section .text-muted.text-right{margin-bottom: 5px; font-weight: normal;}


.cot-table {
    margin-top: 15px;
    margin-bottom: 15px
}

.cot-table th {
    border-bottom: 2px solid #165788!important
}

/*report-table*/
.report-table{ margin-bottom:1em; margin-top:1em; width:100%; font-family: Arial, Helvetica, sans-serif;}
.report-table .row{ margin-bottom:0.5em; margin-top:0.5em}
.report-table>thead>tr>th {
    border-bottom: solid 3px #165788
}
.report-table .col.title{font-weight:bold; display:inline; }
.report-table .title:before{content:none; margin-right:0;}
.report-table .col{text-align:left}

.report-table {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2rem; /* Less vertical (0.5rem) and horizontal (2rem) space */
}

.pair {
  display: flex;
  flex-direction: row;
  gap: 0.25rem; /* Less space between label and value */
  width: calc(50% - 1rem);
  min-width: 250px;
}

.pair-label {
  font-weight: bold;
  white-space: nowrap;
}

.pair-value {
  flex: 1;
  margin: 0;
}
}
/* end CMP tag */
/*---------------------------- MEDIA QUERIES and PRINT ----------------------------------------------*/

@media  screen and (max-width: 768px) {
  .pair {
    width: 100%;
  }
}


@media screen and (max-width: 700px) {
.report-table dl{ max-width:100%; display: flex; flex-direction: row; flex-wrap: wrap; }
.report-table dt,.report-table dd{display:block; text-align: left; width:100%; font-family:arial!important}
}
@media (max-width: 768px) {
  .report-table dt,
  .report-table dd {
    width: 100%;
  }
}


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 580px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .header .title,.header .logo{ margin-bottom: 20px; margin-right: 20px;}
    
    
      .report-table dl{ max-width:900px; display: flex; flex-direction: row; flex-wrap: wrap; }
      .report-table dt,.report-table dd{display:block; text-align: left; width:100%; font-family:arial!important}
      
    
    

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 580px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 580px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}
/**************************** Print CSS *******************************/

@media print {
  .header{display: flex; flex-direction: row; align-self: baseline; flex-wrap: wrap; border-bottom: 1px solid #000;justify-content:space-between;align-items:end; padding-bottom: 10px; padding-top: 20px;}

  .footer {
    display: none;
  }
  .report {
    margin: 0;
    padding: 0;
  }
  .report, .report .rpt-annotation, .vote-table{font-size: 10pt; font-family: Arial, Helvetica, sans-serif;}
  H1{font-size: 14pt;}
  H2{font-size: 14pt;}
  H2.heading{font-size: 14pt;}
  H3{font-size: 12pt;}
  H3.heading{font-size: 14pt; font-size: 100%;}
  H4{font-size: 12pt;}
  H4.normal-text{font-size: 12pt;font-weight: normal;}
  H4.subheading, h4.sub-heading{font-size: 11pt;}
  H5{font-size: 11pt;}
  H6{font-size: 11pt;}

  /*text*/
.normal-text{font-size: 10pt; font-weight: normal;}
.rpt-annotation{font-size: 10pt; }


  /*report-table*/
.report-table{ margin-bottom:1em; margin-top:1em; width:100%; font-family: Arial, Helvetica, sans-serif; }
.report-table .row{ margin-bottom:0.5em; margin-top:0.5em}
.report-table>thead>tr>th {
    border-bottom: solid 3px #165788
}
.report-table .col.title{font-weight:bold; display:inline; }
.report-table .title:before{content:none; margin-right:0;}
.report-table .col{text-align:left}

.report-table {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2rem; /* Less vertical (0.5rem) and horizontal (2rem) space */
}

.pair {
  display: flex;
  flex-direction: row;
  gap: 0.25rem; /* Less space between label and value */
  width: calc(50% - 1rem);
  min-width: 250px;
}

.pair-label {
  font-weight: bold;
  white-space: nowrap;
}

.pair-value {
  flex: 1;
  margin: 0;
}



  
}