.flightLogButtonBox {
    position: relative;
    top: -300px;
overflow: hidden;
/* background: linear-gradient(#040534cc, #250144a5); */
background:rgba(12, 5, 49, 0.763);
border: 0px solid #ffffff1b;
border-radius: 12px;
margin: auto;
width: fit-content;
min-width: 200px;
height: fit-content;
padding: 0px;
box-shadow: 0 5px 15px rgba(0,0,0,.4);
transition: all 1.6s ease-in-out;
}

.flightLogButtonBoxTitle{
padding-left: 10px;
padding-right: 10px;
color: white;
font-size: 16px;
font-weight: bold;
margin-bottom:0px
}

.flightLogButtonBoxText{
padding-left: 10px;
padding-right: 10px;
color: rgba(255, 255, 255, 0.909);
font-size: 14px;
margin-bottom:0px
}

.flightLogButton{
height: 35px;
background-color: #e6e3f700;
/* border: 1px solid #ffffff25; */
font-size: 1.5rem;
text-align: center;
font-weight: bold;
color: white;
border-bottom-left-radius: 10px;
transition: background-color 0.5s;
margin: 0px;
width: 49.4%;
}

.flightLogButton:last-child{
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;
}

.flightLogButton:hover{
background-color: aliceblue;
color: rgb(25, 25, 25);
}

.flightLogButtonBoxProgressBar{
    width: 100%;
    height: 6px;
    background-color: rgb(255, 208, 0);
}












/* logbook table styling */

.logbookTableDiv {
    width: fit-content;
    max-width: 90%;
    margin: auto;
    overflow-x: scroll;
    height: fit-content;
    overflow-y: scroll;
    max-height: 300px;
}

.logbookTableDiv::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    display: block;
    background-color:#19153200;
}

.logbookTableDiv::-webkit-scrollbar-thumb{
    background-color: #d3d3d3;
    border-radius: 10px;
}

.logbookTable::-webkit-scrollbar {
    width: 10px;
    display: block;
    background-color:#191532;
}

.logbookTable::-webkit-scrollbar-thumb{
    background-color: #d3d3d3;
    border-radius: 10px;
}

.logbookTable {
    margin: auto;
    max-width: 650px;
    min-width: 300px;
    width: 80vw;
    background-color: #080712;
    border-left: 5px solid #FFFFFF;
}

.logbookHeader{
    background-color: #0e0c1b!important;
    position: sticky;
    top: 0;
    color: rgb(228, 195, 47);
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border-bottom: 2px solid #FFFFFF;
}

.logbookHeaderCell{
    padding: 10px;
    /* border-right: 2px solid #FFFFFF; */
}

.logbookTable tr{
    height: 35px;
    background-color: #1b1b1e;
}


.logbookTable tr:nth-child(odd){
    background-color: #353535;
}