@font-face {
    font-family: 'Montserrat';
    src: url('../../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
}

body, html {
    height: 100%;
    font-family: Montserrat;
}

h3 {
    font-family: Montserrat;
}

.row {
    margin: 0px;
}

#page-container {
    position: relative;
    text-align: left;
    color: black;
    padding: 0px;
    font-family: Montserrat;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden;
}


#header-section {
    position: relative;
    margin-top: 5%;
    /*border-bottom: 0.5px solid black;*/
    padding-left: 5%;
    padding-right: 5%;
}

.breadcrumb {
    margin: 0px;
}

h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
   font-size: calc(15px + 1vw);
    line-height: calc(20px + 1vw);
    /* identical to box height */
    letter-spacing: -0.02em;
    color: #000000;
    padding-top:2.5%;
}

h4{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: calc(15px + 0.5vw);
    line-height: calc(15px + 1vw);
    /* identical to box height */
    letter-spacing: -0.03em;
    color: black
}

.right_div {
    padding-top: 4%;
}

#body-section {
    box-sizing: border-box;
    /*height: 445px;*/
    min-height: 100px;
    border-top: 3px solid #003CD8;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    padding-bottom: 10px;
    margin-left: 5%;
    margin-right: 5%;
    padding: 2%;
}

.table-header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height */
    letter-spacing: -0.02em;
    color: white;
    background-color: #cb0707;
    padding: 5px;
    text-align:center;
}

.table-dt{
    width:100%;
    padding:5%;
}

.table-dt td{
    padding:5px;
    border:2px solid white;
}

.table-body {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    /* identical to box height */
    letter-spacing: -0.02em;
    color: black;
    background-color: rgba(0, 0, 0, 0.12);
    padding: 5px;
}

p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height */
    letter-spacing: -0.02em;
    color: black;
}

text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height */
    letter-spacing: -0.02em;
    color: black;
}


.MsoNormalTable > tbody> td {
    font-family:Montserrat !important;
    text-align:center !important;
    font-weight:400;
    font-size:calc(8px + 0.5vw);
}

.MsoNormalTable{
    margin-top:2%;
    margin-bottom:5% !important;
    width:100%;
}

/*#local_comment_details > p :first-of-type {
    font-family:Montserrat !important;
    text-align:center !important;
    font-weight:600 !important;
    font-size:calc(12px + 0.5vw) !important;
    color:black !important;
}*/

.PageSubHeaderN{
    font-size:15px;
    font-weight:600;
    color:#0639be;
}

.PageSubHeader{
    font-size:15px;
    font-weight:600;
    color:#cb0707;
}

* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #7abefe;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  /*background-color: ;*/
  color: black;
  /*font-weight:600;*/
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom:2%;
  border-radius:8px;
}

.tdFont{
    color: black;
  font-weight:400;
  cursor: pointer;

}

/* Style the accordion panel. Note: hidden by default */
.panel-report {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  color:black;
}

.report:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
  background-color:black;
   padding:5px;
 font-weight:800;
}

.active_report:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
 font-weight:800;
  background-color:black;
   padding:5px;
}

p{
    font-family:Montserrat;
    color:black;
}
 .pdf {
        width: 100%;
        aspect-ratio: 4 / 3;
    }
@media only screen and (min-width: 768px) and (max-width: 992px) {

    #header-section {
        position: relative;
        margin-top: 7%;
        /*border-bottom: 0.5px solid black;*/
        padding-left: 5%;
        padding-right: 5%;
    }
}