.font-mono {
    font-family: monospace !important;
}

body {
    padding-bottom: 5px;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(6px);
}

#footer_div {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 5px;
    background: white;
}

.floating-button {
    position: fixed;       /* Keeps the button in place during scroll */
    bottom: 20px;          /* Distance from the screen bottom edge */
    right: 20px;           /* Distance from the screen right edge */
    width: 60px;           /* Button width */
    height: 60px;          /* Button height */
    border-radius: 50%;    /* Makes the button perfectly circular */
    background-color: #007bff; /* Primary button color */
    color: white;          /* Icon or text color */
    font-size: 24px;       /* Scale for icon/text inside */
    border: none;          /* Removes default button borders */
    cursor: pointer;       /* Changes mouse cursor to pointer on hover */
    box-shadow: 0 4px 10px rgba(0,0,0,0.3); /* Adds depth shadow */
    z-index: 1000;         /* Ensures button sits on top of all content */
    transition: transform 0.2s ease; /* Adds smooth scale effect */
  }
  
  /* Optional hover interaction effect */
  .floating-button:hover {
    transform: scale(1.1); /* Scales up slightly on hover */
    background-color: #0056b3; /* Darkens color on hover */
  }

  .mytickets_row{
    border: 1px solid #e5e5e5;
    padding: 10px 5px 5px 5px;
    border-bottom: 0;
}