/* 
    Created on : 22.8.2023
    Author     : Janne Mustonen
*/

a:visited {
  color: black;
}

.text-center{
    text-align: center !important;
}

.dialog-open {
    overflow: hidden;
}

/* This styles the semi-transparent background that fills the whole screen */
#dialog{
    position: fixed; /* Fixed positioning to make it stick to the viewport */
    top: 0;          /* Start from the top */
    left: 0;         /* Start from the left */
    width: 100%;     /* Take up the entire width */
    height: 100%;    /* Take up the entire height */
    display: none;   /* Used to help center the content */
    justify-content: center; /* Center content horizontally */
    align-items: center;     /* Center content vertically */
    z-index: 1000;   /* Ensure it appears on top */
}

/* This styles the actual dialog/content box */
#dialog div.dialog-content {
    width: 95vw;     /* Take up 95% of the viewport width */
    height: 85vh;    /* Take up 95% of the viewport height */
    background: rgba(255, 255, 255, 0.95); /* Make it transparent */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Optional: Add a subtle shadow */
    overflow-y: auto; /* Allow content to scroll if it exceeds the height */
    border-radius: 10px; /* Optional: Add rounded corners */
}