.complex-table {     

    overflow: auto;  
    border-radius: 10px;
    margin: 25px 0 25px;
    font-size: smaller;  

  }  

  .complex-table > table {  
	
     line-height: 48px;  

  }  

  .complex-table tr:nth-child(even) {

      background-color: #fcfefe;

}

  .complex-table tr:nth-child(odd) {

     background-color: #ecf4f4;

}
 
  .complex-table td {  

     font-weight: 500;  
     padding:16px;
     vertical-align: top;
     border-bottom: solid .001px #ffffff;   

  }  

.complex-table th {  

    font-weight: 900;
    font-size: 1.06em;
    line-height: 19.3px;
    background-color:#006970;
    color: #ffffff;
    border: none;
    vertical-align:default;
    padding: 13px 16px 13px;
  
    }  

  .complex-table td:first-child {  

    font-weight: bold;  

  }  

  .complex-table p,.complex-table td{  

    line-height: 1.7em;  

  }      

  :-webkit-scrollbar-track {  

    border-radius: 5px;  

  }  
 
  ::-webkit-scrollbar-thumb {  

    border-radius: 10px;  
    background: #006970;   

  }   

  ::-webkit-scrollbar-thumb:hover {  

    background: #006970;   

  }  

  @media only screen and (max-width: 650px) {  

    .complex-table {    
        width: 100%; 
          

    }        
  } 



.wide-complex-table {     

    overflow: auto;  
    border-radius: 10px;  
    margin: 25px 0 25px; 
    width: 68vw;
    position: relative;
    left: calc(-28vw + 39%);
    font-size: smaller; 

  }  

  .wide-complex-table > table {  

      line-height: 48px;  

  }  

  .wide-complex-table tr:nth-child(even) {

     background-color: #fcfefe;

}

  .wide-complex-table tr:nth-child(odd) {

            
    background-color: #ecf4f4;
} 

  .wide-complex-table td {  

   font-weight: 500;  
   padding:16px;  
   vertical-align: top;  
   border-bottom: solid .001px #ffffff;   

  }  

.wide-complex-table th {  

    font-weight: 900; 
    font-size: 1.06em; 
    line-height: 19.3px;  
    background-color:#006970;  
    color: #ffffff;
    border: none; 
    vertical-align:default;
    padding: 13px 16px 13px;

    }  


  .wide-complex-table td:first-child {  

   font-weight: bold;  

  }  


  .wide-complex-table p, .wide-complex-table td{  

   line-height: 1.7em;  

  }   

  .wide-text {     
  
  width: 68vw;
  position: relative;
  left: calc(-28vw + 39%);
}   
  

   @media only screen and (max-width: 650px) {  

     .wide-complex-table {    

         overflow: auto;  
	 border-radius: 10px;  
	 margin: 25px auto 25px;    
	 width: 100%;
  	 height: auto;
	 position: static;
	 left: auto; 
	 font-size: smaller;       
    }


.wide-text  {
    width: 100%;
    position: static;
        left: auto;
}
}

  .simple-table {  

    overflow: auto;  
    border-radius: 10px;  
    margin: 25px 0 25px;  
    font-size: smaller;      

  }  

  .simple-table > table {  

    width: 100%; 
    line-height: 48px;    

  }  

  .simple-table td {  

    padding: 13px 16px 13px;
    text-align:right; 
    border-bottom: solid .001px #ffffff;   

  }  

  .simple-table th {  

    font-weight: 900; 
    font-size: 1.06em; 
    padding: 16px 12px 16px;  
    line-height: 20.3px;  
    background-color:#006970;  
    color: #ffffff;   
    text-align: right; 

    }  

.simple-table tr:nth-child(even) {

    background-color: #fcfefe;

}

.simple-table tr:nth-child(odd) {

    background-color: #ecf4f4;

}
 
.simple-table td:first-child, .simple-table th:first-child {  

    font-weight: bold;  
    text-align: left; 

  }  
  .simple-table p, .simple-table td{  

    line-height: 1.7em;   

  }  

  @media only screen and (max-width: 650px) {  

     .simple-table {    
          
          width: 100%;   
             

    }        
  } 

.complex-table th, .wide-complex-table th, .simple-table th {

border-bottom: solid 1px #006970 !important;

}


  .fig-caption {

      margin: auto auto 25px;
     font-family: Sofia Pro;  
     color:#0B4C5B; 
     line-height: 1.3em !important; 
     font-size: .85rem;
     font-weight; 550;

  } 

 .fig-caption p{

    line-height: 1.3em !important; 

  }
.fig-caption ul > li{
font-size: .85rem;
line-height: 1.3em !important; 
} 
 



.table-contents{
      background-color: #F3F6F7;
      border: solid 1px #F3F6F7;
      padding: 43px;
      color: #112A46 !important;
      margin: 25px 0 25px;
  }


.table-contents  a:link, .table-contents  a:visited {
      
      text-decoration: none !important;
      border-bottom: solid 2px #85A5AD;
  }

 
  
.table-contents  a:hover{
      border-bottom: 1px solid #FFB52C !important;
  transition-duration: 0.05s;
  }


 .box {

    border: solid 1px #BFDEE0;
    padding: 43px;
    background-color: #BFDEE0;
    color: #112A46 !important;
    margin: 25px 0 25px;
}


.box ul, .box ol, .table-contents ul, .table-contents ol{

margin: 0;

}


 .box h1,  .box  h2,  .box  h3  .box  h4,  .box h5,
 .table-contents h1, .table-contents h2, .table-contents h3, .table-contents h4, .table-contents h5{

    margin: 20px 0 20px !important;

}


.box h1:first-of-type,  .box  h2:first-of-type,  .box  h3:first-of-type,  .box  h4:first-of-type,  .box h5:first-of-type,
.table-contents h1:first-of-type, .table-contents h2:first-of-type, .table-contents h3:first-of-type, .table-contents h4:first-of-type
.table-contents h5:first-of-type     {

    margin: 0 0 20px !important;

}


 .box p:first-of-type, .table-contents p:first-of-type{

    margin-top:0;    
}

 .box  p:last-of-type, .table-contents p:last-of-type {

     margin-bottom: 0;
}

.box a:link, .box a:visited {

    text-decoration: none !important;
    border-bottom: solid 3px #EBFFFF!important;
}


.box a:hover {

    border-bottom: 1px solid #FFB52C !important;
    transition-duration: 0.05s;

}

@media only screen and (max-width: 650px) { 

 .box, .table-contents {

         padding: 23px;
}

} 



 
 .accordion-container{ 

    width: 100%; 
    margin-left: auto; 
    margin-right: auto; 
    margin: 25px auto 25px;  

  } 
  .accordion-container .accordion { 

    background-color: #ffffff; 
    color: #1A272A; 
    letter-spacing: 0.05em; 
    cursor: pointer; 
    padding: 12px; 
    font-weight: 750; 
    width: 100%; 
    border: none; 
    border: solid 1.5px #2D99B5; 
    border-radius:5px; 
    outline: none; 
    font-size: 15px; 
    text-align: left; 
    margin-bottom: 5px; 
    transition: 0.4s;  

  } 
  .accordion-container .active, .accordion:hover { 

    background-color: #2D99B5;  
    color:#EDEDEF; 

  }

  .accordion-container .accordion:after { 

    content: '\002B'; 
    color: #000000; 
    font-weight: bold; 
    float: right; 
    margin-left: 5px;   

  } 

  .accordion-container .accordion:hover:after{ 

    color: #EDEDEF;   

  } 



button.accordion.active:after {

    content: "\2212";
    color: #ffffff;

} 
  .accordion-container .panel { 

    padding: 0 18px; 
    border-radius: 5px; 
    background-color: #F2FBFB; 
    overflow: hidden; 
    max-height: 0; 
    transition: max-height 0.4s ease-out;  

  } 

 @media only screen and (max-width: 650px) {  

 .accordion-container{ 

    
    margin: 15px auto 15px;  

  }
}

  .sticky-popup { 

    position:fixed; 
    bottom: 35px; 
    right: 20px; 
    margin-left: 20px; 
    max-width: 285px; 
    z-index: 1;  

  } 
  .sticky-popup-container { 

    padding: 15px; 
    background-color:#BFDEE0; 
    color: black; 
    border-radius: 5px;   
  } 
  .sticky-popup-button { 

    position: absolute; 
    top: 5px; 
    right: 15px; 
    color: white; 
    font-size: 30px; 
    cursor: pointer;   
  } 

  .sticky-popup  button, button:focus{

    background-color:#006970;
    color:#F3F6F7;
    border:#006970 solid 2px;
    border-radius: 5px;
    padding: 7px;
    text-align:center;
    width: 100%;

    }

   .sticky-popup button:hover, button:active{

    border:solid #006970 2px;
    background-color:#ecf4f4;
    display:inline-block;
    cursor: pointer;
    color:#006970;

    }  

  .sticky-popup a:link{ 

    text-decoration: none !important; 
    border-bottom: 4px solid #FEE8BF;          

  }  

  .sticky-popup a:visited{ 

    text-decoration: none; 
    border-bottom: 4px solid #FEE8BF;    

  } 

  .sticky-popup:hover { 

    filter: brightness(103%);  

  }  

  .sticky-popup a:hover{  

    border-bottom: 1px solid #FFB52C; 
    transition-duration:0.05s;  

  }   

  @media only screen and (max-width: 1000px){

    .sticky-popup {

        position:fixed;
        bottom: 70px !important;
        right: 20px;
        margin-left: 20px;
        max-width: 285px;
         z-index: 999;
  }      
  }



.back-to-top-container div{

    background-color:#E2EDEF; 
    border-radius: 100px;
    padding:15px ;   
}

.back-to-top {

    position: fixed; 
    bottom: 35px; 
    right: 20px;
    margin-left: 20px;
    transition:  0.3s;
    text-align: center;
    color: #0B4C5B;
    font-weight: 600;
}

.back-to-top a:link{

     text-decoration:none!important;
}

.back-to-top a:hover ,  .back-to-top a:active{

    color: #85A5AD;
    background-color: #E2EDEF!important;

}

@media only screen and (max-width: 650px) {

    .back-to-top-container div {
   
         padding:10px;
}

    .back-to-top {

         bottom: 10px; 
         right: 5px;
         margin-right: 5px;  
}
}

.yellow-hr{
     width: 67px;
     height: 2px;
     margin-top:35px;
     margin-bottom: 15px !important;
     background-color: #FFB52C;
}

.yellow-hr-2{
     width: 50px;
     height: 2px;
     margin-top:50px;
     margin-bottom: 15px;
     background-color:#FFB52C;
}

.side-header{

background-color: #85A5AD; 
color: #fff;
border-bottom: 1px solid #85A5AD !important;
border-top: 1px solid #85A5AD !important;

}



    
