/* table {
    border-collapse: collapse;
    border: 1px solid black;
    margin-top: 15px;
}

th {
    border: 1px solid black;
    padding: 5px;
}

td {
    border: 1px solid black;
    padding: 5px;
}

#create-booking {
    width: fit-content;
}

.row {
    display: flex;
    justify-content: space-between;
    margin-top: 2px;
}

.booking-input {
    width: 150px;
    margin-left: 15px;
}

h1 {
    width: 700px;
    margin:auto;
    color:white;
    padding: 40px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:lighter;
}

html, body {
    height:100%;
    margin:0;
}

#header {
    background-color:rgba(74, 98, 138, 1);
    width: 100%;
}

#first-grid-section {
    display:grid;
    grid-template-columns: 50% 30%;
    grid-gap:10%;

    #hotel-list-div {
        grid-column: 1;
        grid-row:1;
    }

    #top-hotels-div {
        grid-column:2;
        grid-row:1;
        margin-top: 25px;
    }

}


#hotel-list-div h3 {
    margin-right: 15px;
}

#hotels-btn, #clear-btn {
    margin-left:15px;
    background-color:rgba(74, 98, 138, 0.8);
    padding:15px;
    color:white;
    border:none;
    border-radius:35px;
    font-weight:bold;
    width:100px;
}

#hotels-btn:hover, #clear-btn:hover {
    background-color:rgba(74, 98, 138, 1);
}

#hotel-list-div {
    width:100%;
    margin-left:7%;
    margin-top: 25px;
    height:auto;
    padding:25px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(74, 98, 138, 0.6);
    border-radius:15px;
    color:white;
}

h3 {
    font-weight:lighter;
}

#top-hotels-div {
    width:100%;
    margin-top: 25px;
    margin:auto;
    height:auto;
    padding:25px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(74, 98, 138, 0.6);
    border-radius:15px;
    color:white;
}

#customer-search {
    width:90%;
    margin:auto;
    margin-top: 25px;
    height:auto;
    padding:25px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(74, 98, 138, 0.6);
    border-radius:15px;
    color:white;
}

#customer-registration {
    width:90%;
    margin:auto;
    margin-top: 25px;
    height:auto;
    padding:25px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(74, 98, 138, 0.6);
    border-radius:15px;
    color:white;
}

#customer-search input{
    border-radius:20px;
    border:none;
}

#customer-search button {
    border-radius:35px;
    margin-left:15px;
    background-color:rgba(74, 98, 138, 0.6);
    padding:15px;
    color:white;
    border:none;
    border-radius:35px;
    font-weight:bold;
    width:100px;
}

#customer-registration input{
    border-radius:20px;
    border:none;
}

#customer-registration button {
    border-radius:35px;
    margin-left:15px;
    background-color:rgba(74, 98, 138, 0.6);
    padding:15px;
    color:white;
    border:none;
    border-radius:35px;
    font-weight:bold;
    width:100px;
}

#search-room {
    width:90%;
    margin:auto;
    margin-top: 25px;
    height:auto;
    padding:25px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(74, 98, 138, 0.6);
    border-radius:15px;
    color:white;
}

#search-room input {
    border-radius:20px;
    border:none;
}

#search-room button {
    border-radius:35px;
    margin-left:15px;
    background-color:rgba(74, 98, 138, 0.6);
    padding:15px;
    color:white;
    border:none;
    border-radius:35px;
    font-weight:bold;
    width:100px;
}

#paragraph-wrapper {
    background-color:rgba(74, 98, 138,0.4);
    padding:10px;
    border-radius:15px;
    margin-bottom: 15px;
}


#booking-section {
    width:90%;
    margin:auto;
    margin-top: 25px;
    height:auto;
    padding:25px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(74, 98, 138, 0.6);
    border-radius:15px;
    color:white;
}

#booking-section h2{
    text-align: center;
}

#booking-section input {
    border-radius:20px;
    border:none;
    text-align:center;
}

#booking-section button {
    border-radius:5px;
    margin-left:15px;
    background-color:rgba(74, 98, 138, 0.6);
    color:white;
    border:none;
    width:100px;
}

#create-booking .row {
    margin-bottom:10px;
}

#booking-section {
    display:grid;
    grid-template-columns: 55% 40%;
    grid-gap:5%;

    #create-booking {
        grid-column:1;
        grid-row:2/3;
    }

    h2 {
        grid-column:1/3;
        grid-row:1;
    }

    #second-booking-section {
        grid-column:2;
        grid-row:2/3;
    }
}

#bookings-header {
    width:100%;
    margin:auto;
}

#booking-section button:hover {
    background-color:rgba(74, 98, 138, 0.9);
}

#customer-search button:hover {
    background-color:rgba(74, 98, 138, 0.9);
}

#customer-registration button:hover {
    background-color:rgba(74, 98, 138, 0.9);
}

#search-room button:hover {
    background-color:rgba(74, 98, 138, 0.9);
}

#food-order-section {
    display:grid;
    grid-template-columns: 55% 40%;
    grid-gap:5%;

    #add-food-order {
        grid-column:1;
        grid-row:2/3;
    }

    h2 {
        grid-column:1/3;
        grid-row:1;
    }

    #second-food-section {
        grid-column:2;
        grid-row:2/3;
        margin-bottom:25px;
    }
}

#food-order-section {
    width:90%;
    margin:auto;
    margin-top: 25px;
    height:auto;
    padding:25px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(74, 98, 138, 0.6);
    border-radius:15px;
    color:white;
}

#food-order-section h2{
    text-align: center;
}

#food-order-section input {
    border-radius:20px;
    border:none;
    text-align:center;
}

#food-order-section button {
    border-radius:5px;
    margin-left:15px;
    background-color:rgba(74, 98, 138, 0.6);
    color:white;
    border:none;
    width:100px;
}

#add-order-btn {
    width: 125px;
}

#add-order-btn:hover {
    background-color:rgba(74, 98, 138, 0.9);
}

#delete-order-btn:hover {
    background-color:rgba(74, 98, 138, 0.9);
}

#search-order-btn:hover {
    background-color:rgba(74, 98, 138, 0.9);
}

#manage-employees {
    width:90%;
    margin:auto;
    margin-top: 25px;
    height:auto;
    padding:25px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:rgba(74, 98, 138, 0.6);
    border-radius:15px;
    color:white;
}

#manage-employees-btn{
    margin-left:15px;
    background-color:rgba(74, 98, 138, 0.8);
    padding:15px;
    color:white;
    border:none;
    border-radius:35px;
    font-weight:bold;
    width:300px;
}

#manage-employees-btn:hover {
    background-color:rgba(74, 98, 138, 0.9);
}  */