input[type="text"] {
    
}

button {
    
}

#booking-package .sun {
    
}

#booking-package .mon {
    
}

#booking-package .tue {
    
}

#booking-package .wed {
    
}

#booking-package .thu {
    
}

#booking-package .fri {
    
}

#booking-package .sat {
    
}

#booking-package .nationalHoliday {
    
}

#booking-package .goToBookingFormButton {
    
}

#booking-package .bookingButton {
    
}

#booking-package_calendarPage .startShutdownForHotel {
    
}

#booking-package_calendarPage .shutdownForHotel {
    
}

#booking-package_calendarPage .endShutdownForHotel {
    
}

#booking-package-memberActionPanel .userTopButtonPanel {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

#booking-package-memberActionPanel .userTopButtonPanel div{
        margin: 0;
    padding: 1rem 2rem;
    border: 1px solid #ccc;
    font-size: 90%;
}
#booking-package-register{}

#booking-package-login{}

#booking-package-loginform,
#booking-package-user-form{
padding: 2rem;
    box-shadow: 0 0 5px #333;
    border-radius: 1rem;
    margin-top: -3rem;
    background: #fff;
    max-width: 450px;
}
#booking-package-memberActionPanel div {
    margin-bottom: 0.5rem;
}
#booking-package-memberActionPanel button, #booking-package-memberActionPanel input[type=submit] {
    margin-bottom: 0em;
    text-transform: uppercase;
    width: 100%;
    background: #2196F3;
    padding: 0.5rem;
    margin-top: 1rem;
    font-size: 90%;
    color: #fff;
}

#booking-package-loginform p{
    margin-bottom: 0.5rem;
}

#booking-package-loginform label,
#booking-package-user-form label,
#booking-package-user-profile label{
    margin-bottom: 0.5rem;
    display: block;
}

#booking-package-memberActionPanel .displayName{
        display: none;
}

#booking-package_inputFormPanel textarea {
    min-height: 200px;
}
#booking-package_myBookingHistoryTable td, #booking-package_myBookingHistoryTable th {
    border: 1px solid #ccc;
    padding: 1rem;
    font-size: 90%;
}

#booking-package_myBookingHistoryTable{
        margin-top: 1rem;
}

#booking-package_myBookingHistoryTable .statusTd {
    padding: 1rem;
}

#booking-package-cancelThisBooking {
    background: #F44336;
    color: #fff;
    margin: 2rem auto 0;
}
#booking-package-memberActionPanel .delete_user_button {
    margin-left: 0;
    background: #ccc;
}

#booking-package-user-profile div{
    margin-bottom: 1rem;
}

.buttonPanel{
        display: flex;
    justify-content: center;
    margin-top: 1rem;
}

@media screen and (min-width: 270px) and (max-width: 820px) {
#booking-package-memberActionPanel .userTopButtonPanel {
    margin-bottom: 1rem;
    justify-content: center;
}
    #booking-package-memberActionPanel .userTopButtonPanel div {
    padding: 1rem;
    font-size: 80%;
}
    #booking-package_myBookingHistoryTable td, #booking-package_myBookingHistoryTable th {
    vertical-align: middle;
}

#booking-package_myBookingDetails_panel #inputFormPanel div:nth-child(5){
    display: none;
}
    	#booking-package-loginform, 
	#booking-package-user-form{
    margin-top: 2rem;
    max-width: 100%;
}
}