p { font-size:14px; color:black; }
table { width: 380px; width: 100%; min-width: 380px; border-collapse: collapse; margin: 10px auto; border: 1px solid #ddd; font-family: Arial, sans-serif; word-wrap: break-word; }
th, td { border: none; padding: 1px; font-size: 10px; max-width: 90px; white-space: nowrap; text-overflow: ellipsis;}
th { text-align: center; font-weight: bold; background-color: #f4f4f4; width: 1%; white-space: nowrap; max-width: 50px;}
td { text-align: left; white-space: normal}
.fixed-width { display: inline-block; min-width: 80px; font-family: monospace; }
.container { column-count: 3; position: relative; width: 110px; }
.image { opacity: 1; display: block; max-width: 33px; max-height: 80px; transition: 1s ease; backface-visibility: hidden; }
.middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.container:hover .image { opacity: 0.3; }
.container:hover .middle { opacity: 1; }
.text { background-color: green; color: white; font-size: 15px; padding: 5px 5px; }
.BtnGreen { margin:5px; color:black; background-color:green; font-weight:bold; }
.BtnRed { margin:5px; color:black; background-color:red; font-weight:bold; }
.BtnNormal { padding: 2px 4px; font-size: 12px; color: black; margin: 2px; border: 1px solid black; border-radius: 5px; background-color: silver; cursor: pointer; }
.page-center {width: 380px; display: flex;flex-direction: column;align-items: center;justify-content: center; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif;}
.toggle-password {font-size: 10px;color: #007BFF;cursor: pointer;margin-left: 4px;}
.divRoller {overflow-x: auto; /* Enables horizontal scroll on small screens */}