/* Set features of Master File header format */

.MasterDiv {
    padding-left: 10px;
}
.MasterHead {
    display: flex;
    align-items: center; /* Aligns items vertically in the center */
    vertical-align: middle;
    padding-left: 20px;
    background-color: #141d37;
    color: azure;
    border-color: red;
}

.stellada_image {
    height: 60px;
    width: 70px;
}

.mailto-link {
    color: #f0ffff !important; /* true azure hex */
    text-decoration: none;
}

    .mailto-link:visited {
        color: #f0ffff !important; /* stop purple visited state */
    }

    .mailto-link:hover {
        color: #ffffff !important; /* brighten on hover */
        text-decoration: underline;
    }

.header-container {
    vertical-align: top;
}

.star-image-header {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.label-header {
    vertical-align: middle;
    font-size: medium;
}

.line-header {
    border-style: solid;
    border-width: 1px;
    border-color: red;
    margin-left: 120px;
}

/* 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;
}

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

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

.hyperlink-nounderline {
    text-decoration: none;
    color: azure;
}

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

/*Review History Panel*/

.hx-panel {
    color: #141d37;
}



/* 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;
}

.no-border-grid, .no-border-grid td, .no-border-grid th {
    border: none !important;
}

/* 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 */
    border-right: 20px;
    font-size: medium;
}

.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;
    padding-right: 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;
    text-align: left;
}

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

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

.panel-footer {
    color: azure;
    border-left: 400px;
    margin-top: auto; 
    font-size: small;
}

/* Other Stuff */

.footer-label {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #141d25;
    color: azure;
    text-align: center;
    padding: 10px 0;
    font-family: 'Segoe UI', sans-serif;
    font-size: x-small;
    z-index: 1000;
    border-top: 1px solid #ccc;
}

.stellada_image_FOOTER {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #141d25;
    color: azure;
    text-align: center;
    padding: 10px 0;
    font-family: 'Segoe UI', sans-serif;
    font-size: x-small;
    z-index: 1000;
    border-top: 1px solid #ccc;
}