body {
    background-image: url("/images/main-pic.png") ;
    min-height: 100vh;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

}

.input-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding: 1em;
}

#airlines,.form-group,.form-control{

    padding: 1em;
}

.line{
    width: max-content;

}
.line::before, .line::after{
    content: '';
    width: 40%;
    height: 0.25em;
    border-bottom: solid 1px #B97A56;
}

.text-bold {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: left;

}
input, input[type=button], input[type=submit], input[type=reset],input[type=file] {
    padding: 0.2em 0.5em;
    cursor: pointer;
    border-radius: 0.5em;
    border: none;
    margin: 1em;

    transition: all .2s ease-in-out;

}
button,input[type=button] {
    display: inline-block;
    background: #4285f4;
    color: #fff;
    text-transform: uppercase;
    padding: 1em 1.1em;
    border-radius: 0.3em;
    box-shadow: 0 1em 0.7em -0.5em rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
}
    button:hover{
    box-shadow: 0 2.1em 1.2em -1.2em rgba(0,0,0,0.2);
    transform: translate(0, -0.5em) scale(1.2)
    /*padding: 0.5rem;*/
    /*background: none;*/
    /*font-size: 1.2rem;*/
    /*z-index: 2;*/
    /*transition: all .2s ease-in-out;*/

}

table {
    max-width: 80%;
    border-spacing: 0.2em;
    border-collapse: collapse;
    font-size: 1em;

}

td, th {
    border: 1px solid #999;
    padding: 0.1em;
    text-align: left;
}
.table-delete{
    background-color: rgba(212,35,9,0.8);

}
.table-edit{
    background-color: rgba(255,247,9,0.8);

}
.table-select{
    background-color: #379519;

}
.hidden{
    display: none;
}

section {
    border: none;
    border-radius: 0.5em;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
form{
    display: flex;

    align-items: center;
    justify-content: center;


}
form, .route-info, .left-panel, .route-schedule, .profile-info {
    display: flex;
background-color: whitesmoke;
opacity: 0.8 ;
padding: 0.5em 0.2em;
margin: 1em 0.1em;
border: solid #DB7822 ;
border-radius: 5px;
outline: solid 5px white;
}


.site-footer{
    background-color: whitesmoke;
    opacity: 0.8 ;
    padding: 0.5em 0.2em;
    margin: 0.25em 0.1em;
    border-top: solid #DB7822 ;
    border-radius: 5px;
    outline: solid 5px white;
    width: 100%;
}
.pnl-form-upload{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

select{
    width: 10em;
}



input{
    border-radius: 0.5em;
    border: none;

}
button{
    padding: 0.2em 0.5em;
    cursor: pointer;
    border-radius: 0.5em;
    border: none;
    margin: 1em;

}

.footer-content {
    max-width: 20%;
}

.list-activities, .contact, footer li {
    display: flex;
    flex-direction: column;
    padding: 1em;

}

.list-activities a {
    color: #DB7822;
}



.list-activities a:hover {
    padding: 1em;
    background: #fffde3;
    border-radius: 1em;
}

.profile, .login, .admin-users, .register, .upload-pnl,
.upload-pnr, .download-pnl, .download-pnr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.right-panel{
    display: flex;
    margin-bottom: 1vh;
    justify-content: center;
    flex-direction: column;
}
.route-info{
    display: flex;

    margin-bottom: 1vh;
    flex-direction: initial;

}

.site-footer {
    padding: 1em;
    display: flex;
    justify-content: space-around;
    align-items: center;

}



table {
    width: 100%;
}

th {
    height: 1.5em;
    text-align: center;
}

td {
    height: 1.1em;
    vertical-align: center;
}

th, td {
    padding: 0.5em;
    text-align: center;
    font-size: 1em;
}

th, td {
    border-bottom: 0.2em solid #ddd;
}

tr:hover {
    background-color: #f5f5f5;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}


#button-top {
    display: flex;
    background-color: #ff3931;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
    opacity .5s, visibility .5s;
    opacity: 1;
    visibility: hidden;
    z-index: 1000;
}

#button-top:hover {
    cursor: pointer;
    background-color: #333;
}

#button-top:active {
    background-color: #555;
}

#button-top.show {
    opacity: 1;
    visibility: visible;
}