.centered {
  text-align: center;
}

html {
    padding-top: 1em;
    background-color: #36454F; /* charcoal */
    font-family: monospace;
}

body {
    /* THIS IS BACKGROUND FOR BODY OF DISPLAY */
    background-color: #dddddd;
/*    border: 1px dashed black; */

    font-family: monospace;
    margin: auto;
    padding: 1em;
    max-width: 800px;
}

table, td, th {
    /*font-size: 100%; */
    /* font-family: monospace; */
    border: 1px solid #888888;
    border-collapse: collapse;
    padding: 5px;
    background: beige;
}

th {
    background: lightblue;
    text-align: center;
    /* font-family: monospace; */
}

/* h2 {
    text-decoration: underline; 
} */

section {
    padding: 10px;
    margin-left: 2em;
}

h1>a {
    color: black;
    font-family: 'monospace';
}

img {
    margin: 1em;
    max-width: 700px;
    border: 1px solid black;
}

label {
    margin: 1em;
    display: block;
}

code {
    color: white;
    background: black;
    padding: 0 1px;
}
code::before, code::after {content: '`'}

iframe {
    width: 100%;
    border: none;
}


header {
    font-family: monospace;
    font-weight: 500;
}
  
h1 {
  font-family: monospace;
  font-weight: 500;
}
  
h2 {
    font-family: monospace;
    font-weight: 500;
} 


.bold {
    font-weight: 500;
}

/* THIS IS THE FULL WIDTH PAGE BACKGROUND */
.full-page-background {
    background-color: #ffffff;
}

.heading-colour {
    color: #333333;
}
/* 
.page-background {
    background-color: #ffffff;
} */

.page-heading-regular {
    font-family: "Myriad-Pro", sans-serif;
}
.page-heading-light {
    font-family: "Myriad-Pro-Light", sans-serif;
}
.page-text {
    font-family: "Roboto-Local-Light", sans-serif;
    font-size: 14px;
    color: #333333;
}

.page-text-no-colour-specified {
    font-family: "Roboto-Local-Light", sans-serif;
    font-size: 14px;
}

.table-text {
    font-family: "Roboto-Local-Light", sans-serif;
    font-size: 12px;
    color: #333333;
}

.no-underline {
    text-decoration: none;
}




a {
    text-decoration: none;
}

.footer-content {
    display: flex;
    justify-content: space-between;
}
  
.left-content {
  text-align: left;
}
  
.right-content {
  text-align: right;
}


.centered-column {
    text-align: center;
  }

.centered-vertically {
    vertical-align: middle;
  }

.min-width {
    width: 1%;
    white-space: nowrap;
  }

.save-date-column {
    /* max-width: 8ch; */
    /* white-space: pre-wrap; */
    /* width: 1%; */
    width: 12ch;
    /* white-space: nowrap; */
  }


.nested-accordion {
    margin-left: 2%;
}

/* BOOTSRAP OVERRIDES 5.3.2 */
.accordion {
    --bs-accordion-bg: #eeeeee;
    --bs-accordion-btn-focus-border-color: none;
    --bs-accordion-active-color: blue;
    --bs-accordion-active-bg: #cccccc;
    --bs-accordion-btn-focus-box-shadow: none;
}

.accordion-button {
    font-size: 14px;
    
}


/* Modal CSS */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(54, 69, 79, 0.4); /* Charcoal with transparency */
  }
  
  .modal-content {
    background-color: #dddddd; /* Same as body background color */
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888888; /* Same as table border color */
    width: 80%;
    max-width: 800px; /* Same as body max-width */
    font-family: monospace; /* Same as body font */
  }
  
  .modal-content h2 {
    font-family: monospace;
    font-weight: 500;
  }
  
  .modal-content p {
    font-family: "Roboto-Local-Light", sans-serif;
    font-size: 14px;
    color: #333333;
  }
  
  #acceptTerms {
    font-family: "Roboto-Local-Light", sans-serif;
    font-size: 14px;
    color: #333333;
    background-color: lightblue; /* Same as th background color */
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
  }

  .terms-content {
    max-height: 300px; /* Adjust as needed */
    overflow-y: auto;
    margin-bottom: 20px;
    border: 1px solid #888888;
    padding: 10px;
  }