.calendar-table {
    width: 70%;
    height: 500px;
    text-align: center;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}

.calendar-day {
    border: 1px solid black;
}

.calendar-navigation {
    cursor: pointer;
    margin-left: 1px;
    margin-right: 1px;
}

.past {
    background-color: #ff8080; /*#d9d9d9*/
}

.booked {
    background-color: #ff8080;
}

.bookable {
    background-color: #99e699;
    cursor: pointer;
}

.selected {
    background-color: #80d4ff;
}

.elsonap.calendar-day.booked.selected {
	background-color: #80d4ff !important;
	background-image: none !important; 
}

.utolsonap.calendar-day.booked.selected {
	background-color: #80d4ff !important;
	background-image: none !important; 
}

.elsonap{
    background-image: linear-gradient(to top left, #ff8080 0%, #ff8080 50%, #99e699 50%, #99e699 100%) !important;
    cursor: pointer;
}

.utolsonap {
	/*background-color: red; */
	background-image: linear-gradient(to top left, #99e699 0%, #99e699 50%, #ff8080 50%, #ff8080 100%);
    cursor: pointer;
}

.hidden {
    display: none;
}

.foglalas-cim {
    text-align: center;
    color: black;
    margin-bottom: 5%;
}

.foglalas-adatai {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.foglalas-adat-div p {
    display: inline-block;
}

.foglalas-adat-div a {
    cursor: pointer;
    background-color: #049ce4;

    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 20px 10px 20px;
}

.foglalas-form {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.foglalas-form input {
    width: 100%;
    margin-bottom: 5%;
}

.checkbox-input {
    width: 10% !important;
}

.foglalas-form-btns {
    text-align: center;
}

.foglalas-form-btn {
    cursor: pointer;
    background-color: #f2e6d9;
    border: 1px solid black;
    padding: 10px 20px 10px 20px;
}




@media only screen and (max-width: 992px) {

.calendar-table {
    width: 100%;
  
   
}
    
}