body{
    background-color: #102542;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
img{
    display: block;

}

form.creation-form {
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    /* Prevent margin collapse by creating a new formatting context */
    overflow: visible;
    padding-top: 0.01px;
    padding-bottom: 0.01px;
    /* Center all form content */
    text-align: center;
}

/* Fallback for any element with creation-form class */
.creation-form {
    display: block;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-top: 0.01px;
    padding-bottom: 0.01px;
}

/* All form elements inside .creation-form get margins */
/* Labels - block level for vertical stacking, centered */
form.creation-form label,
.creation-form label {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: fit-content;
}

/* Text inputs, selects, textareas - block level, centered */
form.creation-form input[type="text"],
form.creation-form input[type="email"],
form.creation-form input[type="password"],
form.creation-form input[type="number"],
form.creation-form input[type="date"],
form.creation-form input[type="time"],
form.creation-form input[type="tel"],
form.creation-form input[type="file"],
form.creation-form select,
form.creation-form textarea,
.creation-form input[type="text"],
.creation-form input[type="email"],
.creation-form input[type="password"],
.creation-form input[type="number"],
.creation-form input[type="date"],
.creation-form input[type="time"],
.creation-form input[type="tel"],
.creation-form input[type="file"],
.creation-form select,
.creation-form textarea {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Radio and checkbox inputs - inline for horizontal layout */
form.creation-form input[type="radio"],
form.creation-form input[type="checkbox"],
.creation-form input[type="radio"],
.creation-form input[type="checkbox"] {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
}

/* Buttons - inline-block for horizontal layout, centered */
form.creation-form button,
form.creation-form input[type="submit"],
form.creation-form input[type="button"],
.creation-form button,
.creation-form input[type="submit"],
.creation-form input[type="button"] {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    /* Buttons are already centered by parent text-align: center */
}

/* Other form elements */
form.creation-form fieldset,
form.creation-form legend,
.creation-form fieldset,
.creation-form legend {
    margin: 10px;
}

/* Paragraphs and other text elements in forms */
form.creation-form p,
form.creation-form div,
.creation-form p,
.creation-form div {
    margin: 10px;
}

#notification-bell{
    height: 40px;
    width: 32px;
    margin-top: 12px;
    transform: scale(2) translateY(12px) translateX(5px);
    color: hsl(0, 100%, 39%);
}

#notifications-amount{
    position: absolute;
    left: 40px;
    top: 0;
    z-index: 1000;
    background-color: darkred;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 25px;
    color: bisque;
}
#notification-bell-empty{
    height: 40px;
    width: 32px;
    margin-top: 12px;
    color:mediumturquoise;
    transform: scale(2) translateY(12px) translateX(5px);
}

#notifications-list{
    position: absolute;
    z-index: 1020;
    background-color: hsl(0, 0%, 51%);
    border-radius: 25px;
    padding: 10px;
    margin: 10px;
    font-weight: bold;
    color: #000000;
    text-shadow: 0px 0px 1px hsl(0, 0%, 0%);
    text-align: center;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#notifications-list li {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

#notifications-list a {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: fit-content;
    opacity: 0;
    color: #0d00c2bd;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

#notifications:hover #notifications-list {
    opacity: 1;
    visibility: visible;
}

#notifications:hover #notifications-list li {
    opacity: 1;
    transform: translateY(0);
}

#notifications:hover #notifications-list a {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered animation delays for each list item */
#notifications:hover #notifications-list li:nth-of-type(1) { transition-delay: 0.1s; }
#notifications:hover #notifications-list li:nth-of-type(2) { transition-delay: 0.15s; }
#notifications:hover #notifications-list li:nth-of-type(3) { transition-delay: 0.2s; }
#notifications:hover #notifications-list li:nth-of-type(4) { transition-delay: 0.25s; }
#notifications:hover #notifications-list li:nth-of-type(5) { transition-delay: 0.3s; }
#notifications:hover #notifications-list li:nth-of-type(6) { transition-delay: 0.35s; }
#notifications:hover #notifications-list li:nth-of-type(7) { transition-delay: 0.4s; }
#notifications:hover #notifications-list li:nth-of-type(8) { transition-delay: 0.45s; }
#notifications:hover #notifications-list li:nth-of-type(9) { transition-delay: 0.5s; }
#notifications:hover #notifications-list li:nth-of-type(10) { transition-delay: 0.55s; }
#notifications:hover #notifications-list li:nth-of-type(11) { transition-delay: 0.6s; }
#notifications:hover #notifications-list li:nth-of-type(12) { transition-delay: 0.65s; }
#notifications:hover #notifications-list li:nth-of-type(13) { transition-delay: 0.7s; }
#notifications:hover #notifications-list li:nth-of-type(14) { transition-delay: 0.75s; }
#notifications:hover #notifications-list li:nth-of-type(15) { transition-delay: 0.8s; }
#notifications:hover #notifications-list li:nth-of-type(16) { transition-delay: 0.85s; }
#notifications:hover #notifications-list li:nth-of-type(17) { transition-delay: 0.9s; }
#notifications:hover #notifications-list li:nth-of-type(18) { transition-delay: 0.95s; }
#notifications:hover #notifications-list li:nth-of-type(19) { transition-delay: 1.0s; }
#notifications:hover #notifications-list li:nth-of-type(20) { transition-delay: 1.05s; }

/* Staggered animation delays for anchor elements */
#notifications:hover #notifications-list a:nth-of-type(1) { transition-delay: 0.15s; }
#notifications:hover #notifications-list a:nth-of-type(2) { transition-delay: 0.2s; }
#notifications:hover #notifications-list a:nth-of-type(3) { transition-delay: 0.25s; }
#notifications:hover #notifications-list a:nth-of-type(4) { transition-delay: 0.3s; }
#notifications:hover #notifications-list a:nth-of-type(5) { transition-delay: 0.35s; }
#notifications:hover #notifications-list a:nth-of-type(6) { transition-delay: 0.4s; }
#notifications:hover #notifications-list a:nth-of-type(7) { transition-delay: 0.45s; }
#notifications:hover #notifications-list a:nth-of-type(8) { transition-delay: 0.5s; }
#notifications:hover #notifications-list a:nth-of-type(9) { transition-delay: 0.55s; }
#notifications:hover #notifications-list a:nth-of-type(10) { transition-delay: 0.6s; }
#notifications:hover #notifications-list a:nth-of-type(11) { transition-delay: 0.65s; }
#notifications:hover #notifications-list a:nth-of-type(12) { transition-delay: 0.7s; }
#notifications:hover #notifications-list a:nth-of-type(13) { transition-delay: 0.75s; }
#notifications:hover #notifications-list a:nth-of-type(14) { transition-delay: 0.8s; }
#notifications:hover #notifications-list a:nth-of-type(15) { transition-delay: 0.85s; }
#notifications:hover #notifications-list a:nth-of-type(16) { transition-delay: 0.9s; }
#notifications:hover #notifications-list a:nth-of-type(17) { transition-delay: 0.95s; }
#notifications:hover #notifications-list a:nth-of-type(18) { transition-delay: 1.0s; }
#notifications:hover #notifications-list a:nth-of-type(19) { transition-delay: 1.05s; }
#notifications:hover #notifications-list a:nth-of-type(20) { transition-delay: 1.10s; }

#creation-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1001;
}

#creation-list-items{
    position: absolute;
    z-index: 1000;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #de373772;
    box-shadow: 0 0 10px 3px hsla(290, 100%, 15%, 0.304);
    border-radius: 25px;
    padding: 10px;
    margin: 0;
    margin-top: 50px;
    font-weight: bold;
    color: #000000;
    text-shadow: 0px 0px 1px hsl(0, 0%, 0%);
    text-align: center;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#creation-list-items li {
    padding: 0 !important;
}

#creation-list-items li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 12px;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

#creation-list:hover #creation-list-items {
    opacity: 1;
    visibility: visible;
}

#creation-list:hover #creation-list-items li a {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered animation delays for each list item */
#creation-list:hover #creation-list-items li a:nth-of-type(1) { transition-delay: 0.1s; }
#creation-list:hover #creation-list-items li a:nth-of-type(2) { transition-delay: 0.15s; }
#creation-list:hover #creation-list-items li a:nth-of-type(3) { transition-delay: 0.2s; }
#creation-list:hover #creation-list-items li a:nth-of-type(4) { transition-delay: 0.25s; }
#creation-list:hover #creation-list-items li a:nth-of-type(5) { transition-delay: 0.3s; }
#creation-list:hover #creation-list-items li a:nth-of-type(6) { transition-delay: 0.35s; }
#creation-list:hover #creation-list-items li a:nth-of-type(7) { transition-delay: 0.4s; }
#creation-list:hover #creation-list-items li a:nth-of-type(8) { transition-delay: 0.45s; }
#creation-list:hover #creation-list-items li a:nth-of-type(9) { transition-delay: 0.5s; }
#creation-list:hover #creation-list-items li a:nth-of-type(10) { transition-delay: 0.55s; }
#creation-list:hover #creation-list-items li a:nth-of-type(11) { transition-delay: 0.6s; }
#creation-list:hover #creation-list-items li a:nth-of-type(12) { transition-delay: 0.65s; }
#creation-list:hover #creation-list-items li a:nth-of-type(13) { transition-delay: 0.7s; }
#creation-list:hover #creation-list-items li a:nth-of-type(14) { transition-delay: 0.75s; }
#creation-list:hover #creation-list-items li a:nth-of-type(15) { transition-delay: 0.8s; }
#creation-list:hover #creation-list-items li a:nth-of-type(16) { transition-delay: 0.85s; }
#creation-list:hover #creation-list-items li a:nth-of-type(17) { transition-delay: 0.9s; }
#creation-list:hover #creation-list-items li a:nth-of-type(18) { transition-delay: 0.95s; }
#creation-list:hover #creation-list-items li a:nth-of-type(19) { transition-delay: 1.0s; }
#creation-list:hover #creation-list-items li a:nth-of-type(20) { transition-delay: 1.05s; }



#operations-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1001;
}

#operations-list-items{
    position: absolute;
    z-index: 1000;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #de373772;
    box-shadow: 0 0 10px 3px hsla(290, 100%, 15%, 0.304);
    border-radius: 25px;
    padding: 10px;
    margin: 0;
    margin-top: 50px;
    font-weight: bold;
    color: #000000;
    text-shadow: 0px 0px 1px hsl(0, 0%, 0%);
    text-align: center;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    gap: 0;
}

#operations-list-items li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
    line-height: 1;
    display: block;
}

#operations-list-items li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 !important;
    line-height: 1;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

#operations-list-items li a button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 12px !important;
    margin: 0 !important;
    line-height: 1;
    box-sizing: border-box;
}

#operations-list:hover #operations-list-items {
    opacity: 1;
    visibility: visible;
}

#operations-list:hover #operations-list-items li a {
    opacity: 1;
    transform: translateY(0);
}

#operations-list-items:hover li a button {
    color: #000000;
}

/* Staggered animation delays for each list item */
#operations-list:hover #operations-list-items li a:nth-of-type(1) { transition-delay: 0.1s; }
#operations-list:hover #operations-list-items li a:nth-of-type(2) { transition-delay: 0.15s; }
#operations-list:hover #operations-list-items li a:nth-of-type(3) { transition-delay: 0.2s; }
#operations-list:hover #operations-list-items li a:nth-of-type(4) { transition-delay: 0.25s; }
#operations-list:hover #operations-list-items li a:nth-of-type(5) { transition-delay: 0.3s; }
#operations-list:hover #operations-list-items li a:nth-of-type(6) { transition-delay: 0.35s; }
#operations-list:hover #operations-list-items li a:nth-of-type(7) { transition-delay: 0.4s; }
#operations-list:hover #operations-list-items li a:nth-of-type(8) { transition-delay: 0.45s; }
#operations-list:hover #operations-list-items li a:nth-of-type(9) { transition-delay: 0.5s; }
#operations-list:hover #operations-list-items li a:nth-of-type(10) { transition-delay: 0.55s; }
#operations-list:hover #operations-list-items li a:nth-of-type(11) { transition-delay: 0.6s; }
#operations-list:hover #operations-list-items li a:nth-of-type(12) { transition-delay: 0.65s; }
#operations-list:hover #operations-list-items li a:nth-of-type(13) { transition-delay: 0.7s; }
#operations-list:hover #operations-list-items li a:nth-of-type(14) { transition-delay: 0.75s; }
#operations-list:hover #operations-list-items li a:nth-of-type(15) { transition-delay: 0.8s; }
#operations-list:hover #operations-list-items li a:nth-of-type(16) { transition-delay: 0.85s; }
#operations-list:hover #operations-list-items li a:nth-of-type(17) { transition-delay: 0.9s; }
#operations-list:hover #operations-list-items li a:nth-of-type(18) { transition-delay: 0.95s; }
#operations-list:hover #operations-list-items li a:nth-of-type(19) { transition-delay: 1.0s; }
#operations-list:hover #operations-list-items li a:nth-of-type(20) { transition-delay: 1.05s; }




#flight-insertion-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position:relative;
}

#flight-insertion-list-items{
    position: absolute;
    z-index: 1000;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #de373772;
    background-color: #de373772;
    box-shadow: 0 0 10px 3px hsla(290, 100%, 15%, 0.304);
    border-radius: 25px;
    padding: 10px;
    margin: 0;
    margin-top: 50px;
    font-weight: bold;
    color: #000000;
    text-shadow: 0px 0px 1px hsl(0, 0%, 0%);
    text-align: center;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    gap: 0;
}

#flight-insertion-list-items li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    width: 100%;
    line-height: 1;
    display: block;
}

#flight-insertion-list-items > div {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

#flight-insertion-list-items button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: black;
    text-shadow: 1px 1px 2px hsl(0, 0%, 0%);
    padding: 8px 12px !important;
    margin: 0 !important;
    border: none;
    border-radius: 0 !important;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

#flight-insertion-list:hover #flight-insertion-list-items {
    opacity: 1;
    visibility: visible;
}


#flight-insertion-list:hover #flight-insertion-list-items button {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered animation delays - apply to all animated elements within each nth-child */
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(1) { transition-delay: 0.1s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(2) { transition-delay: 0.15s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(3) { transition-delay: 0.2s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(4) { transition-delay: 0.25s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(5) { transition-delay: 0.3s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(6) { transition-delay: 0.35s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(7) { transition-delay: 0.4s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(8) { transition-delay: 0.45s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(9) { transition-delay: 0.5s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(10) { transition-delay: 0.55s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(11) { transition-delay: 0.6s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(12) { transition-delay: 0.65s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(13) { transition-delay: 0.7s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(14) { transition-delay: 0.75s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(15) { transition-delay: 0.8s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(16) { transition-delay: 0.85s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(17) { transition-delay: 0.9s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(18) { transition-delay: 0.95s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(19) { transition-delay: 1.0s; }
#flight-insertion-list:hover #flight-insertion-list-items li a:nth-of-type(20) { transition-delay: 1.05s; }

form[action*="insertflight"] {
    text-align: center;
}

form[action*="insertflight"] > *:not(br):not(.flightinsertionlabel):not(.flightinsertioninput):not(.flightinsertion-group):not(.flightinsertion-item) {
    display: inline-block;
    vertical-align: middle;
}

form[action*="insertflight"] > br {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    content: "";
}

form[action*="icaa_review"] {
    text-align: center;
}

form[action*="icaa_review"] > *:not(br):not(.flightinsertionlabel):not(.flightinsertioninput):not(.flightinsertion-group):not(.flightinsertion-item) {
    display: inline-block;
    vertical-align: middle;
}

form[action*="icaa_review"] > br {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    content: "";
}

form[action*="flightedit"] {
    text-align: center;
}

form[action*="flightedit"] > *:not(br):not(.flightinsertionlabel):not(.flightinsertioninput):not(.flightinsertion-group):not(.flightinsertion-item) {
    display: inline-block;
    vertical-align: middle;
}

form[action*="flightedit"] > br {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    content: "";
}
.flightinsertion-item {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 7px;
    vertical-align: top;
}

.flightinsertion-group{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin: 0;
}

.flightinsertion-group .flightinsertionlabel,
.flightinsertion-group .flightinsertioninput{
    position: static;
    left: auto;
    transform: none;
    margin: 0;
}

/* Labels inside items */
.flightinsertion-item .flightinsertionlabel {
    display: block;
    width: fit-content;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.1rem;
}

/* Inputs inside items */
.flightinsertion-item .flightinsertioninput {
    display: block;
    width: fit-content;
    margin: 5px auto 0 auto;
    padding: 0;
    text-align: center;
    font-size: 1rem;
}

/* Time and date group wrapper - displays inputs inline (side by side) */
.flightinsertion-time-date-group {
    display: inline-flex;
    align-items: center;
    gap: 0px;
    margin: 5px 0 0 0;
}

.flightinsertion-time-date-group .flightinsertioninput {
    display: inline-block !important;
    margin: 0;
    vertical-align: top;
}

/* Time and date inputs appear inline (side by side) when in groups */
.flightinsertion-item input[type="time"]:not(.flightinsertion-time-date-group input),
.flightinsertion-item input[type="date"]:not(.flightinsertion-time-date-group input) {
    display: inline-block !important;
    margin: 5px 3px 0 3px;
    vertical-align: top;
}

/* Labels not in items (fallback) */
form[action*="insertflight"] .flightinsertionlabel:not(.flightinsertion-item .flightinsertionlabel) {
    display: block;
    width: fit-content;
    margin: 7px auto;
    padding: 0;
    text-align: center;
    font-size: 0.95rem;
}

/* Inputs not in items (fallback) */
form[action*="insertflight"] .flightinsertioninput:not(.flightinsertion-item .flightinsertioninput) {
    display: block;
    width: fit-content;
    margin: 7px auto;
    padding: 0;
    text-align: center;
    font-size: 0.85rem;
}

/* Labels not in items (fallback) */
form[action*="icaa_review"] .flightinsertionlabel:not(.flightinsertion-item .flightinsertionlabel) {
    display: block;
    width: fit-content;
    margin: 7px auto;
    padding: 0;
    text-align: center;
    font-size: 0.95rem;
}

/* Inputs not in items (fallback) */
form[action*="icaa_review"] .flightinsertioninput:not(.flightinsertion-item .flightinsertioninput) {
    display: block;
    width: fit-content;
    margin: 7px auto;
    padding: 0;
    text-align: center;
    font-size: 0.85rem;
}


/* Labels not in items (fallback) */
form[action*="flightedit"] .flightinsertionlabel:not(.flightinsertion-item .flightinsertionlabel) {
    display: block;
    width: fit-content;
    margin: 7px auto;
    padding: 0;
    text-align: center;
    font-size: 0.95rem;
}

/* Inputs not in items (fallback) */
form[action*="flightedit"] .flightinsertioninput:not(.flightinsertion-item .flightinsertioninput) {
    display: block;
    width: fit-content;
    margin: 7px auto;
    padding: 0;
    text-align: center;
    font-size: 0.85rem;
}

table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    margin: 10px auto;
}

th, td {
    border: 1px solid black;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
}

.header{
    color:#000000;
    background-color: rgb(250, 236, 219);
    border-radius: 25px;
    padding-bottom: 25px;
    min-height: 500px;
}
.navbar{
    background-color: rgb(250, 236, 219);
    box-shadow: 0 0 10px 3px hsla(290, 100%, 15%, 0.304);
    border-radius: 20px;
    top:0px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    box-shadow: 0 0 20px 2px hsl(0, 0%, 0%);
    position: sticky;
    z-index: 1010;
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar ul{
    top: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    list-style-type: none;
    display: flex;
    padding: 0;
    justify-content: space-evenly;
}

.navbar ul li{
    padding: 3px;
    display: inline-block;
}

.navbar ul li a{
    display: block;
    text-align: center;
    text-decoration: none;
    color:#000000;
    text-shadow: 0px 0px  2px hsl(0, 0%, 0%);
}

.navbar ul li a:hover{
    cursor: pointer;
    color:#000000;
}

airportcreation{
    padding: 15px;
    margin-top: 1%  ;
}

airlinecreation{
    padding: 15px;
    margin-top: 1%  ;
}

.creation{
    background-color: #de373772;
    box-shadow: 0 0 20px 2px hsl(0, 0%, 0%);
    border-radius: 20px;
    display: block;
    width: 230px;
    padding: 20px;
    margin-top: 1%;
    margin-left: 10px;
    position: absolute;
    z-index: 10;
    translate: -220px;
    transition: translate 0.3s ease-in-out;
}
.creation:hover{
    translate: -20px;
}

.creation-ul{
    text-align: center;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.creation-li{
    padding: 0 !important;
    display: block;
    white-space: nowrap;
    text-align: center;
    color: black;
    text-shadow: 1px 1px 2px hsl(0, 0%, 0%);
}

.creation-li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 8px 12px;
    text-decoration: none;
    color:#000000;
    text-shadow: 0px 0px  2px hsl(0, 0%, 0%);
}

.creation-li a:hover{
    cursor: pointer;
    color:#000000;
}

.creation .creation-dropend,
.creation-dropend {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    display: block;
    line-height: 1;
    overflow: hidden;
}

.creation .creation-dropend a,
.creation-dropend a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none;
    opacity: 1 !important;
    color: black;
}

.creation .creation-dropend a button,
.creation-dropend a button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 8px 12px !important;
    box-sizing: border-box;
    border: none !important;
    border-radius: inherit !important;
    color: black;
    text-shadow: 1px 1px 2px hsl(0, 0%, 0%);
}


.creation2{
    background-color: hsl(15, 100%, 99%) 60%;
    box-shadow: 0 0 20px 2px hsl(0, 0%, 0%);
    border-radius: 20px;
    display: block;
    padding: 15px;
    margin-top: 1%;
    float: left;
    margin-left: 10px;
    margin-right: 25px;
    position: relative;
    z-index: 10;
}

.creation2 ul{
    text-align: left;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.creation2 ul li{
    padding: 5px;
    display: block;
    white-space: nowrap;
}

.creation2 ul li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    color:#000000;
    text-shadow: 0px 0px  2px hsl(0, 0%, 0%);
}

.creation2 ul li a:hover{
    cursor: pointer;
    color:#000000;
}


.flight-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px 32px;
    margin: 24px auto;
    width: min(90%, 640px);
    max-width: 640px;
    text-align: center;
    background-color: rgba(136, 136, 136, 0.62);
    border-radius: 16px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

#loginform{
    padding: 20px;
    display:flex;
    margin: 0 auto;
    text-align: center;
    justify-content: spaced-evenly;
    flex-direction: column;
    width: 30%;
}

#creationform{
    margin-top: 20px;
    top: 20px;
}


.creation-dropend{
    display: block;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 8px !important;
    background-color: #de373772;
    opacity: 0.9;
}

.creation-dropend a{
    opacity: 1 !important;
    text-decoration:none;
    color: black;
}
.creation-dropend li{
    opacity: 1 !important;
}

.btn-danger{
    background-color: #dc3545;
}


.dropdown-menu {
    position: absolute !important;
    z-index: 1000 !important;
    display: none !important;
    margin: 0 !important;
    text-align: left !important;
    list-style: none !important;
    background-clip: padding-box !important;
}

.dropdown-menu.creation-dropend {
    background-color: #de373772 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Allow dropdown menus to escape overflow containers */
#flight-insertion-list-items:has(.dropdown-menu.show),
#creation-list-items:has(.dropdown-menu.show) {
    overflow: visible !important;
}

.dropdown-menu.show {
    display: block !important;
}