.flex_tl_table {
display: flex;
flex-flow: column nowrap;
box-sizing: border-box;
} .flex_tl_table .flex_tl_table_header,
.flex_tl_table .flex_tl_table_titles,
.flex_tl_table .flex_tl_table_row_bookings {
flex: 1;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
} .flex_tl_table .flex_tl_table_header .flex_tl_collumn_1,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 {
flex:0 1 auto;
width: 180px;
min-width: 0;
word-wrap: break-word;
display: flex;
flex-flow: column nowrap;
justify-content: center;
} .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 {
flex: 1 1 0;
min-width: 0;
} @media (max-width: 782px) { .flex_tl_table .flex_tl_table_header,
.flex_tl_table .flex_tl_table_titles,
.flex_tl_table .flex_tl_table_row_bookings {
flex-flow: row wrap;
} .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_1,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 {
width: 100%;
flex: 1 1 auto;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1{
border-bottom: 1px solid #eee;
}
}     .flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav{
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_title {
flex: 1 1 0;
word-break: break-word;
min-width: 0;
}     .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar {
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
} .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell {
flex: 1 1 0;
min-width: 0;
display:flex;
flex-flow: column nowrap;
justify-content: space-between;
} .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_month_year,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container {
flex: 1;
display: flex;
flex-flow: column wrap;
justify-content: space-between;
overflow: hidden;
} .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_num,
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_week {
flex: 1;
font-size:0.85em;
font-weight: 600;
text-align: center;
}
.flex_tl_matrix_resources .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_week {
font-weight: 400;
font-size:0.75em;
}
.flex_tl_single_resource .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_week {
font-size:0.9em;
padding: 4px 0;
}
.flex_frame_view_days_num_60 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_num,
.flex_frame_view_days_num_60 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container .in_cell_day_week {
font-size:0.7em;
font-weight: 400;
}  @media (max-width: 782px) {
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container {
overflow: hidden;
padding:0;
} .flex_tl_matrix_resources.flex_frame_view_days_num_1,
.flex_tl_matrix_resources.flex_frame_view_days_num_30,
.flex_tl_matrix_resources.flex_frame_view_days_num_60,
.flex_tl_single_resource.flex_frame_view_days_num_30,
.flex_tl_single_resource.flex_frame_view_days_num_365 {
width: 100%;
overflow-x: scroll;
}
.flex_tl_matrix_resources.flex_frame_view_days_num_30 .flex_tl_table,
.flex_tl_single_resource.flex_frame_view_days_num_365 .flex_tl_table{
min-width: 500px;
}
.flex_tl_matrix_resources.flex_frame_view_days_num_1 .flex_tl_table,
.flex_tl_matrix_resources.flex_frame_view_days_num_60 .flex_tl_table,
.flex_tl_single_resource.flex_frame_view_days_num_30 .flex_tl_table {
min-width: 1000px;
}
}  .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month {
height: 1.5em;
overflow: hidden;
}
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month.flex_tl_dates_bar .flex_tl_day_cell {
border:none;
} .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month .flex_tl_day_cell .in_cell_month_year {
overflow: visible;
word-wrap: normal;
white-space: nowrap;
}  .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_time_section_in_day {
flex: 1;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
overflow: hidden;
}
.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_time_section_in_day .in_cell_time_hour {
flex: 1 1 0;
min-width: 0;
} .flex_tl_matrix_resources.flex_frame_view_days_num_1 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container,
.flex_tl_single_resource.flex_frame_view_days_num_30 .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container {
flex-flow: row nowrap;
align-items: center;
}  .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_days,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_weeks {
flex: 1 1 0;
text-align: left;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_weeks{
text-align: right;
padding:0 1em;
}
@media (max-width: 782px) {
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container {
justify-content: flex-start;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_days,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_1 .flex_tl_resource_title_dates_container .flex_tl_resource_title_dates_weeks {
flex: 0 1 auto;
text-align: left;
padding:0 1em;
}
}    .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar{
min-height: 3em;
} .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_bookings {
margin-top:-3em;
} .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles {
margin-top:-3em;
overflow: hidden; } .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar {
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
}   .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .in_cell_time_section_in_day {
flex: 1 1 0;
min-width: 0;
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .in_cell_time_section_in_day .in_cell_time_hour {
flex: 1 1 0;
min-width: 0;
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
}    .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
} .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates {
flex: 1 1 0;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
} .flex_timeline_frame.flex_frame_view_days_num_30.flex_tl_single_resource
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates,
.flex_timeline_frame.flex_frame_view_days_num_1.flex_tl_matrix_resources
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_dates{
justify-content: flex-start;
align-items: flex-start;
} .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-flow: column nowrap;   justify-content: space-between;
} .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id{
flex: 1 1 0;
min-width: 0;
word-wrap: normal;
white-space: nowrap;
} .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.pending_booking{
border-bottom:1px dashed #555;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking{
border-bottom:1px dashed #ccc;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id:last-child{
border-bottom:none;
} .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id .in_cell_date_booking_pipeline_a:hover,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id .in_cell_date_booking_pipeline_a:active,
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id .in_cell_date_booking_pipeline_a{
position: relative;
cursor: default;
outline : none;
box-shadow: none;
}
.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id .in_cell_date_booking_pipeline_a .in_cell_date_booking_pipeline_a_sizer {
width: 100%;
height: 100%;
} .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
} .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles .in_cell_date_booking_title{
overflow: visible;
white-space: nowrap;
word-wrap: initial;
padding: 0px 0.5em;
margin-left: 4px;
margin-top: 4px;
z-index: 1; } .flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles .flex_tl_day_cell{
border:none;
}   .flex_tl_table {
display:none;
}   .hidden_items {
display: none;
}
@media (max-width: 782px) {
.flex_timeline_frame .popover{
width:98%;
max-width:98%;
}
}
.flex_timeline_frame .popover {
border: 2px solid #555;
font-size: 12px;
max-width: 299px;
} .flex_timeline_frame .popover .popover-title {
display: flex;
flex-flow:row wrap;
justify-content: flex-start;
align-items: center;
min-height: 2.5em;
margin:0;
padding: 5px 30px 5px 6px;
border-radius: 5px 5px 0 0;
background-color: #f7f7f7;
}
.flex_timeline_frame .popover .popover-title .popover-title-id {
flex: 0 0 auto;
width: 100%; font-size:14px;
font-weight: 500;
line-height: 1.8;
margin: 0;
padding: 0 12px 0 5px;
border: 0;
vertical-align: baseline;
} .flex_timeline_frame .popover .popover-title .popover-title-buttons{
flex: 1 1 auto;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
margin: 2px 0;
}
.flex_timeline_frame .popover  .popover-title .popover-title-buttons a,
.flex_timeline_frame .popover  .popover-title .popover-title-buttons a:hover,
.flex_timeline_frame .popover  .popover-title .popover-title-buttons a:focus {
flex: none;
box-sizing: border-box;
margin: 0 5px 0 0;
padding: 0 10px 1px;
font-size: 13px;
height: 28px;
line-height: 28px;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
-webkit-appearance: none;
color: #555;
background: #f7f7f7;
border-radius: 3px;
border: 1px solid #d8d8d8;
box-shadow: none;
outline: none;
}
.flex_timeline_frame .popover  .popover-title .popover-title-buttons a:hover {
background: #fafafa;
border-color: #ccc;
color: #23282d;
}
.flex_timeline_frame .popover .popover-title .popover-title-buttons a.timeline_button_print{
margin-right:1.5em;
} .flex_timeline_frame .popover .popover-close,
.flex_timeline_frame .popover .popover-close:hover {
position: absolute;
right: 0;
top: 0;
font-size: 20px;
line-height: 1.5em;
padding: 5px;
}
.flex_timeline_frame .popover .popover-close a,
.flex_timeline_frame .popover .popover-close a:hover,
.flex_timeline_frame .popover .popover-close a:active,
.flex_timeline_frame .popover .popover-close a:focus {
text-decoration: none;
border-style: none;
outline: 0;
color:#444;
background: transparent;
padding: 0 5px;
} .flex_timeline_frame .popover.bottom > .arrow::after {
border-bottom-color: transparent;
}   .popover-content .flex-popover-content-data {
display:flex;
flex-flow:column wrap;
justify-content: space-between;
}
.popover-content .flex-popover-content-data .flex-popover-bars,
.popover-content .wpbc-popover-content-data .wpbc-popover-cost-bar,
.popover-content .wpbc-popover-content-data .booking-labels,
.popover-content .wpbc-popover-content-data .wpbc-popover-booking-data,
.popover-content .wpbc-popover-content-data .wpbc-popover-booking-notes,
.popover-content .wpbc-popover-content-data .booking-dates{
flex: 1 1 0;
}
.popover-content .flex-popover-content-data .flex-popover-bars {
display:flex;
flex-flow:row nowrap;
justify-content: space-between;
}
.popover-content .flex-popover-content-data .flex-popover-bars .flex-popover-labels-bar{
flex: 1 1 0;
}
.popover-content .flex-popover-content-data .flex-popover-bars .flex-popover-cost-bar {
flex: none;
padding: 0.3em 0;
margin: 0;
}
.popover-content .flex-popover-content-data .flex-popover-labels-bar{
display:flex;
flex-flow:row wrap;
justify-content: flex-start;
}
.popover-content .flex-popover-content-data .flex-popover-labels-bar .flex-label {
flex: 0 1 auto;
min-width: 0;
}
.popover-content .flex-popover-content-data .flex-label {
border: 0;
border-radius: 3px;
text-shadow: none;
box-shadow: 0 0 1px #ddd;
font-weight: 400;
font-size: 95%;
line-height: 1.7em;
padding: .2em .8em 0.2em;
background-color: #5bc0de;
color: #ffffff;
text-align: center;
vertical-align: baseline;
margin: 0.15em 0.75em 0.5em 0;
word-wrap: break-word;
word-wrap: anywhere;
white-space: pre-wrap;
}
.popover-content .flex-popover-content-data .flex-label .label-prefix {
font-size: 70%;
font-weight: 400;
}
.popover-content .flex-popover-content-data .flex-label.flex-label-id {
background: #888;
}
.popover-content .flex-popover-content-data .flex-label.flex-label-booking-status.label-pending {
background: #FFBB45;
}
.popover-content .flex-popover-content-data .flex-label.flex-label-booking-status.label-approved {
background: #9BE;
}
.popover-content .flex-popover-content-data .flex-label.flex-label-payment.payment-label-success {
background: #468847;
}
.popover-content .flex-popover-content-data .flex-label.flex-label-payment.payment-label-unknown {
background: #999;
}
.popover-content .flex-popover-content-data .flex-label.flex-label-trash {
background: #D94A48;
}
.popover-content .flex-popover-content-data .flex-label.flex-label-resource {
text-align: left;
} .popover-content .flex-popover-content-data .flex-label.flex-label-cost {
margin-left:auto;
background: transparent;
font-weight: 600;
color:#333;
box-shadow: none;
padding: 0;
margin: 0;
}
.popover-content .flex-popover-content-data .flex-popover-booking-data {
margin: 1em 0;
text-align: left;
font-size: 1.05em;
line-height: 1.8em;
color: #333;
max-width: 100%;
word-wrap: break-word;
word-wrap: anywhere;
}
.popover-content .flex-popover-content-data .flex-popover-booking-data span.fieldvalue {
background: transparent; padding: 4px 5px;
border-radius: 2px;
} .popover-content .flex-popover-content-data .wpbc-popover-booking-notes{
margin: 0 0 1em 0;
} .popover-content .flex-popover-content-data .flex-label-dates {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.popover-content .flex-popover-content-data .flex-label-dates .flex-label.field-booking-date{
flex:0 1 auto;
font-size: 103%;
padding: 0.1em .7em 0.1em;
margin: 0 0 0.2em;
}
.popover-content .flex-popover-content-data .flex-label-dates .date_tire{
flex:0 1 auto;
margin: 0 0.2em;
font-size: 175%;
line-height: 1em;
}
.popover-content .flex-popover-content-data .flex-label-dates .flex-label.field-booking-date .field-booking-time{
font-size: 0.7em;
font-weight: 400;
color:#23282d;
} .popover-content .flex-popover-content-data .flex-label-dates .flex-label.field-booking-date{
background: #FFBB45;
} .popover-content .flex-popover-content-data .flex-label-dates .flex-label.field-booking-date.approved{
background: #9BE;
} .popover-content .wpbc_tl_popover_booking_separator {
margin: 20px 0;
border-top: 1px solid #ddd;
box-shadow: 0 1px 1px #f9f9f9;
}