#button
{
    margin-bottom: 1em;
}

.table_booking_edit_mieter_areafields
{
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

.td_booking_edit_mieter_areafields
{
    vertical-align: top;
    width: 100%;
}

.areafield_booking_edit_mieter
{
}

#div_next_to_next_mieter_list
{
    display: inline-block;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: .5em;
    height: calc( 84vh - 13em );
    overflow-y: scroll;
    width: 20em;
    margin-right:1em;
}

.div_next_to_next_line
{
    margin-bottom: 0.5em;
}

@media( max-width: 800px )
{
    #div_next_to_next_mieter_list
    {
	height: auto;
	display: block;
	width: calc( 100% - 70px );
	margin-bottom: 1em;
	margin-right: 0px;
	overflow-y: auto;
    }
}


#div_next_to_next_mieter_data
{
    display: inline-block;
    border-radius: 5px;
    height: calc( 84vh - 13em );
    overflow-y: scroll;
    width:calc( 90vw - 20em );    
}

@media( max-width: 800px )
{
    #div_next_to_next_mieter_data
    {
	height: auto;
	display: block;
	width: calc( 100% - 70px );
	margin-bottom: 1em;
	margin-right: 0px;
	overflow-y: auto;
    }
}

.div_next_to_next_mieter
{
    margin-bottom: 1em;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: .5em;
    width: 32em;
    display: inline-block;
    height: 25em;
    margin-right: 1em;
    vertical-align: top;
}
@media( max-width: 800px )
{
    .div_next_to_next_mieter
    {
	margin-bottom: 1em;
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: .5em;
	width: 100%;
	height: auto;
    }
}


.div_booking_announce_center
{
    font-size: 1em;
    color: #005706;
    text-align: center;
    margin: 2em;
}

.div_booking_announce
{
    position: relative;
    width: 40vw;
    margin-right: auto;
    margin-left: auto;
}

.div_next_to_next_error
{
    display: block;
    color: #ba0000;
    margin-top: 1em;
    margin-bottom: .25em;
}

.div_next_to_next_count
{
    display: inline-block;
    text-align: center;
    width: 3em;
}

.div_next_to_next_price
{
    display: inline-block;
    width: 5em;
    text-align: right;
}

.div_next_to_next_20
{
    display: inline-block;
    width: 20em;
}

.div_next_to_next_18
{
    display: inline-block;
    width: 20em;
}

.div_next_to_next_15
{
    display: inline-block;
    vertical-align: top;
    width: 12em;
    margin-right: 1em;
}

.div_next_to_next_12
{
    display: inline-block;
    width: 12em;
}

.div_next_to_next_9
{
    display: inline-block;
    width: 9em;
}

.div_next_to_next_staple
{
}

.div_offer_size
{
    font-size: 1.25em;
}

.div_next_to_next_left
{
    margin-right: 4em;
}

.div_next_to_next_top
{
    margin-bottom: 2em;
}


.div_offer
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

.div_calendar_legend
{
    display: inline-block;
    margin-right: 1.5em;
}

.div_calendar_legend_item
{
    display: inline-block;
}

.div_calendar_legend_symbol
{
    margin-right: .5em;
    display: inline-block;
}

#div_booking_notices_top
{
    width:70%;
    border:0px solid #c1c1c1;
    margin-left:auto;
    margin-right:auto;
}

#div_booking_details
{
    clear: both;
    width:80%;
    border:1px solid #c1c1c1;
    margin-left:auto;
    margin-right:auto;
    padding: 1em;
}

.div_calendar_top_weekday
{
    color: #005706;
}

.div_calendar_top_sunday
{
    color: #ba0000;
}

.div_calendar_top_month
{
    color: #ba0000;
}

.div_calendar_day
{
    cursor: pointer;
}

#div_no_booking_causes
{
    margin-right: auto;
    margin-left: auto;
    color: #ba0000;
    margin-bottom: 1em;
    margin-top: 2em;
}


#div_calendar
{
    display: block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
}

.table_calendar
{
    margin-left:auto;
    margin-right:auto
}

.div_calendar_white
{
    background-color: #ffffff;
}

.div_calendar_white
{
    background-color: #ffffff;
}

.div_calendar_green_light
{
    background-color: #b1ffb1;
}

.div_calendar_green
{
    background-color: #4eff4e;
}

.div_calendar_frame
{
    border: 1px solid #bbbbbb;
}