.input-search{
width: 100%;
height: 60px;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px; 
padding-left: 20px;
}

.position-search{
    position: relative;
    z-index: 2;
    bottom : 40px;
    width: 16px;
height: 16px;
float: right;
padding-right: 50px;
}

.title-docs{
    font-family: 'PoppinsNormal';
font-style: normal;
font-weight: 700;
font-size: 20px;
/* line-height: 30px; */
text-align: justify;
color: #364878;
}

.title-docs:hover{
 opacity: 0.3;   
}

.address-docs{
    font-family: 'PoppinsNormal';
font-style: normal;
font-weight: 300;
font-size: 12px;
text-align: justify;
color: #364878;
}

a{
    text-decoration: none;
}

.des{
    margin-left: 20px;
    width : 859px;
}

.divider{
    width: 1063px;
height: 9px;
background: #364878;
}

.click{
    cursor: pointer;
}


.title-docs-detail{
    font-family: 'PoppinsNormal';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 45px;
text-align: justify;
color: #000000;
}

.terbit{
    font-family: 'PoppinsNormal';
font-style: normal;
font-weight: 100;
font-size: 25px;
line-height: 38px;
text-align: justify;
color: #000000;
}

.title-card-detail{
    font-family: 'PoppinsNormal';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 38px;
text-align: justify;

color: #000000;
}

.text-card-detail{
    font-family: 'PoppinsNormal';
font-style: normal;
width: 711px;
font-weight: 400;
font-size: 25px;
line-height: 38px;
text-align: justify;

color: #000000;
}

.button-pdf{
    width: 185px;
height: 82px;
background: #364878;
border-radius: 10px;


font-family: 'PoppinsNormal';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 45px;
text-align: center;

color: #FFFFFF;
}


#customers {
  font-family: "PoppinsNormal";
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2),0px 0px 10px rgba(0, 0, 0, 0.2);
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: white;
  color: black;
}