.page-container {
        display: flex;
        flex-direction: column; /* Stack children vertically */
        height: 100%; /* Make the container take full height */
        width: 100%;
}

    .fixed-header, .fixed-footer {
        /* Define fixed height or other styling for these elements */
        background-color: lightgray;
        text-align: center;
    }

    .main-iframe {
        flex-grow: 1; /* Allow the iframe to take up remaining space */
        border: none; /* Remove default iframe border */
        width: 100%; /* Make the iframe fill the available width */
        padding-top: 24px;
    }

 /* Sidebar */
        .sidebar {
            width: 150px;
      /*      background-color: #272590; */
            color: white;
            padding: 20px;
            height: 96vh;
            box-shadow: 1px 0 0.5px rgba(0,0,0,0.1);
            padding-top: 116px;
        }

        .sidebar h2 {
            margin-top: 0;
            font-size: 18px;
            border-bottom: 1px solid #34495e;
            padding-bottom: 10px;
        }

        .sidebar select {
            width: 100%;
            padding: 10px;
            font-size: 16px;
            margin-top: 20px;
            border-radius: 5px;
            border: none;
        }


        /* Notification Bar */
        .notification-bar {
            position: fixed;
            top: 0;
        /*    background-color: #f46150;*/
            color: white;
            padding: 10px;
            font-size: x-large;
            font-weight: bold;
            overflow: hidden;
            z-index: 1000;
            width: 100%;
        }

        .scrolling-text {
            color: #000000ad;
            display: inline-block;
            white-space: nowrap;
            animation: scroll-left 30s linear infinite;
            padding-left: 100%;
        }

        @keyframes scroll-left {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }



/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 6px 8px 6px 0px;
  text-decoration: none;
  font-size: 16px;
/*  color: #7E350E;*/
color: green;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}


body {
  font-family: Arial, Helvetica, sans-serif;
}

.sidebar a:hover, .dropdown-btn:hover, .dropdown:hover .dropbtn {
/*    color: #393f98;*/

}

/*
.sidenav a:hover, .dropdown-btn:hover {
 color: #8d8d8d;
 color: #800080;
}
*/

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  padding-left: 8px;
/*  position: absolute;*/
/*  z-index: 1;*/
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-btn {
width: 150px;
}

.dropdown-container a {
  display: block;
  color: #f46142;
}

.dropdown-container p {
  display: block;
  color: #f46142;
  font-size: small;
}


.dropdown:hover .dropdown-container {display: block;}

.divider {
  display: flex;
  align-items: center;
}

.divider::before, .divider::after {
  flex: 1;
  content: '';
  padding: 0.5px;
  background-color: #1518e429;
  margin: 0px;
}


div.p {
  text-indent: 50px;
}

div.b {
  text-indent: -2em;
}

div.c {
  text-indent: 30%;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}