/* Set features of Master File header format */

.MasterDiv {
    padding-left: 10px;
}
.MasterHead {
    display: flex;
    align-items: center; /* Aligns items vertically in the center */

    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #141d37;
    color: azure;
}

.MasterColor {
    border: none; /* Remove the default border */
    height: 2px; /* Set the height of the line */
    background-color: red; /* Set the color of the line */
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    margin: 0; /* Ensure no margin around the edges */
    height: 100vh; /* Force body to take full viewport height */
    display: flex; /* Enable flex display for body */
    font-size: 18pt;
    background-color: #141d37;
    color: azure;
}

.a-nounderline {
    text-decoration: none;
}

.star-image-header {
    padding-top:20px;
    width: 20px;
    height: 20px;
}

.label-header {
    height: 20px;
    padding-bottom: 10px;
}

.button-font {
    font-size: large;
}

.hyperlinks-panel {
    padding-left: 20px;
}

.textbox-style {
    font-size: 18pt;
    width: 800px;
    height: 150px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 800px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

/* Flexbox layout for container */
.container {
    display: flex; /* This enables flexbox layout for the container */
    justify-content: space-between; /* This aligns the child divs (panels) side by side */
}

.panel {
    flex: 1; /* This allows each panel to grow equally to fill the container */
    /*   padding: 20px; /* Adds some padding inside the panels */
}

.panel-main {
    /* 
    border-color: yellow;
    border-style: solid;
    border-width: 2px;
    /**/
    padding-left: 10px;
    height: 100%;
    background-color: #141d37;
    color: azure;
    /*   padding-left:220px; /**/
}

/* Optional: Adding some styles to differentiate the panels */
.panel-left {
    /* 
    border-color: yellow;
    border-style: solid;
    border-width: 2px;
    /**/
    width: 200px;
}

.panel-right {
    /* 
    border-color: yellow;
    border-style: solid;
    border-width: 2px;
    /**/
    /*    padding-top: 80px; /**/
    width: 100%; /**/
    color: azure;
}

.panel-body-left {
    /* 
    border-color: indianred;
    border-style: solid;
    border-width: 2px;
    /**/
    width: 240px;
}

.panel-body-right {
    /* 
    border-color: yellow;
    border-style: solid;
    border-width: 2px;
    /**/
    /*    padding-top: 80px; /**/
    width: 100%; /**/
    color: azure;
    padding-left: 60px;
}

.panel-footer {
    color: azure;
    border-left: 400px;
    margin-top: auto; /* Push footer to the bottom */
}

/* Other Stuff */

.stellada_image {
    height: 165px;
    width: 200px;
}