#pdf-viewer {
border: 1px solid #ccc;
width: 90%;
height: auto;
margin: 20px auto;
position: relative;
}
canvas {
display: block;
margin: auto;
}
.toolbar-pdf {
display: flex;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
padding: 10px;
border-bottom: 1px solid #ccc;
width: 90%;
margin: 0 auto;
flex-wrap: wrap; /* Ensure that buttons don't break into new lines */
}
.toolbar-pdf button, .toolbar-pdf input {
font-size: 16px;
padding: 8px 12px;
margin: 0 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #ffffff;
cursor: pointer;
}
.toolbar-pdf button:hover {
background-color: #e0e0e0;
}
.toolbar-pdf input {
flex-grow: 1;
text-align: center;
padding: 8px;
}
.toolbar-pdf span {
margin: 0 10px;
font-size: 16px;
}
.toolbar-pdf #search-results button {
padding: 8px 12px; /* Align "Next" and "Previous" buttons to be consistent */
font-size: 16px;
}
.arrow-indicator {
position: absolute;
width: 30px;
height: 30px;
background-color: rgba(255, 165, 0, 0.7); /* Changed to orange */
clip-path: polygon(50% 0%, 100% 100%, 0 100%); /* Point to the right */
z-index: 100;
transform: rotate(90deg); /* Rotate to the right direction */
}
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
color: #333;
}