/*
Document : admin-booking resources-table
Created on : 2024-01-13
Author : wpdevelop
Description: Resource FlexTable CSS // FixIn: 9.9.0.7.
*/
/**
* General Structure
*
* .wpbc_selectable_table ( .wpbc_resources_flextable - by default exist this CSS class for the booking resources page, in other pages, can be different class)
* .wpbc_flextable
* .wpbc_selectable_head
* .wpbc_flextable_row
* .wpbc_flextable_col
* ...
*
* .wpbc_selectable_body
* .wpbc_flextable_row
* .wpbc_flextable_col
* ...
*
* .wpbc_selectable_foot
* .wpbc_flextable_row
* .wpbc_flextable_col
* ...
*/
.wpbc_flextable {
display:flex;
flex-flow:column nowrap;
justify-content: flex-start;
align-items: stretch;
}
.wpbc_flextable .wpbc_selectable_head,
.wpbc_flextable .wpbc_selectable_body,
.wpbc_flextable .wpbc_selectable_foot {
flex:1 1 100%;
display:flex;
flex-flow:column nowrap;
justify-content: flex-start;
align-items: stretch;
}
.wpbc_flextable .wpbc_flextable_row{
flex: 1 1 auto;
display:flex;
flex-flow:row wrap;
justify-content: flex-start;
align-items: center;
}
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col{
flex: 1 1 auto;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* 1st column - Checkbox */
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_check{
flex: 0 0 25px;
}
.wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_check{
margin: -5px 0 0; /* show checkbox centered in a row*/
}
@media screen and (max-width: 782px) {
.wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_check{
margin: -2px 0 0; /* MOBILE: show checkbox centered in a row*/
}
}
/* 2nd column - ID */
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_id{
flex: 0 1 35px;
width:35px;
padding-right:0;
padding-left:0;
}
/* 3rd column - Title */
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name{
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
padding: 0 !important;
margin: 0;
align-self: stretch;
min-width: Min(350px,100%);
}
.wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title{
flex: 1 1 30%;
flex: 1 1 10em;
border-right: 1px solid #ccc;
}
.wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title{
/*flex: 1 1 31%;*/
flex: 1 1 12em;
}
.wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title input[type="text"]{
width: 99% !important;
}
/* 4th column - Labels */
.wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_labels{
flex: 1 1 10%;
flex: 1 1 10em;
display:none;
}
.wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
flex: 1 1 auto;
}
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
flex: 1 1 auto;
flex: 1 1 40%;
}
@media screen and (max-width: 845px) {
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
flex: 1 1 98%;
}
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* C O L O R S */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable {
background: #fff;
border:0px solid #bbb;
margin-bottom: 20px;
}
/* STRIPED Table */
.wpbc_flextable .wpbc_flextable_row{
background-color: #fefefe;
border-left: 4px solid #fefefe;
border-bottom: 1px solid #dddddd;
}
.wpbc_flextable .wpbc_flextable_row:nth-of-type(2n+1){
background-color: var(--wpbc_ui_listing__back_alt_color);
border-left: 4px solid var(--wpbc_ui_listing__back_alt_color);
}
.wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row,
.wpbc_flextable .wpbc_selectable_foot .wpbc_flextable_row{
background-color: #fff;
border-left: 4px solid #fff;
}
.wpbc_flextable .wpbc_flextable_row.wpbc_flextable_row_selected{
border-left-color: #08a;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* TEXT | LINKS */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head {
font-weight: 600;
text-align: left;
}
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head a,
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head a:hover,
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head a:focus {
text-decoration: none;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* M O D E R N S K I N C O L O R S */
/* ------------------------------------------------------------------------------------------------------------------ */
/** Resource Tables */
.wpbc_flextable {
box-shadow: 0 0 1px #aaa;
}
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col {
padding: 10px 7px;
}
.wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col {
padding: 0px 7px;
line-height: 3;
}
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col_head{
font-size: 14px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Fieldset - mainly for Booking > Settings > Sync > "Export - .ics" page. FixIn: 9.8.0.6 */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_selectable_body .wpbc_flextable_row fieldset{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.wpbc_selectable_body .wpbc_flextable_row fieldset > *{
/*margin: 0 10px 10px 0;*/
margin: 5px 10px 5px 0;
}
.wpbc_selectable_body .wpbc_flextable_row fieldset > a{
margin-left:auto;
}
.wpbc_selectable_body .wpbc_flextable_row fieldset .put-in:active,
.wpbc_selectable_body .wpbc_flextable_row fieldset .put-in:focus,
.wpbc_selectable_body .wpbc_flextable_row fieldset .put-in{
flex:1 0 100%;
border:none;
outline: none;
box-shadow: none;
background: transparent;
cursor: pointer;
padding: 0;
}
.wpbc_selectable_body .wpbc_flextable_row fieldset > code {
font-size: 12px;
line-height: 22px !important;
background: #ddd;
color: #000;
}
/* End Fieldset - mainly for Booking > Settings > Sync > "Export - .ics" page */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Error - No rows */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable .wpbc_flextable_row.wpbc_no_results_row .wpbc_flextable_col {
text-align: center;
font-weight: 600;
font-size: 1.2em;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Other */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable .check-column {
position: initial;
}
.wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
text-align:center;
}
@media screen and (max-width: 1155px) {
.wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
border-left: 0; /* MOBILE: show checkbox centered in a row*/
}
}
/* Pagination button color */
.wpbc-pagination .button.active,
.wpbc-pagination .button.active:hover {
color:#23282d;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Tabs in Flex Table for switching view of Table content */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable_header_tabs .wpdvlp-top-tabs {
z-index: 7;
background: transparent;
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.wpbc_flextable_header_tabs .wpdvlp-top-tabs .nav-tab-active,
.wpbc_flextable_header_tabs .wpdvlp-top-tabs a.nav-tab-active:focus {
border-bottom-color: #707980;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* RESOURCE ID --------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable .wpbc_label_resource_id_container {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.wpbc_flextable .wpbc_label_resource_id_container .wpbc_label_resource_id {
padding: 0px 9px;
line-height: 2em;
text-transform: uppercase;
white-space: nowrap;
border-radius: 12px;
}
/* END RESOURCE ID --------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Show | Hide sections - in SWITCHABLE flex table ROW */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_resource_field__switchable{
display:none;
}
/*.wpbc_resource_field__switchable.wpbc_resource_field__publish*/
.wpbc_booking_resource_table:not(.wpbc_booking_resource_prices_table) .wpbc_resource_field__switchable.wpbc_resource_field__extra__labels {
display:flex;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* T o o l b a r in Table R O W s */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable_col .wpbc_ajx_toolbar {
flex: 1;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0;
}
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container{
border: none;
background: none;
padding: 0;
justify-content: space-between;
flex: 1;
}
/* Elements Height ------------------------------------------------------------------------------------------------- */
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small *{
font-size:13px;
}
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > *{
height: 28px;
line-height: 28px;
min-height: 28px;
}
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > :not(input,select) {
padding: 0 10px;
}
@media (max-width: 782px) {
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > *{
height: 34px;
min-height: 28px;
line-height: 34px;
}
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > input,
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > select {
line-height: 1;
}
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* SIZEs in a ROWs */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__size_100{
justify-content: stretch;
flex: 1;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Publish Elements in toolbar ROW */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__labels{
min-width:110px;
}
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__shortcode{
justify-content: stretch !important;
flex: 1;
flex-flow: row nowrap;
}
/* ShortCode :: Text Input*/
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group .ui_element .shortcode_text_field {
width: 100%;
min-width: 22em;
text-align: left;
cursor: pointer;
background-color: #f0f0f0;
color: #7a7a7a;
font-weight: 600;
font-size: 0.92em !important;
border: 1px solid #fff !important;
box-shadow: 0 0px 2px #cdcdcd;
}
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group .ui_element div.shortcode_text_field{
cursor: text;
overflow: hidden;
height: auto;
line-height: 2.4;
/*background: #fff;*/
border-radius: 4px;
}
/* Custom Default Form */
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__customform_field,
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__customform_field .ui_element{
flex: 1;
}
/* Parent | Child | Priority */
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field,
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field .ui_element{
flex: 1;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field .ui_element select{
flex: 1;
margin: 0 10px;
width: Min(10em, 100%);
min-width: 18em;
}
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__parent_field .ui_element input[type="text"]{
flex: 0 0 5em;
margin: 0 10px;
font-weight: 400;
}
/* Cost Field */
.ui_element.ui_cost_field {
flex: 0 1 auto;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: first baseline;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* L A B E L S - C O L O R S */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_flextable_labels a.wpbc_label {
text-decoration: none;
}
.wpbc_flextable_labels .wpbc_label_cost,
.wpbc_flextable_labels .wpbc_label_cost:focus,
.wpbc_flextable_labels .wpbc_label_cost:active,
.wpbc_flextable_labels .wpbc_label_cost:hover{
background-color: #64aa45;
color: #eaffe1;;
}
.wpbc_flextable_labels .wpbc_label_resource_single,
.wpbc_flextable_labels .wpbc_label_resource_single:focus,
.wpbc_flextable_labels .wpbc_label_resource_single:active,
.wpbc_flextable_labels .wpbc_label_resource_single:hover{
font-weight:600;
background-color: #79b;
color:#fff;
}
.wpbc_flextable_labels .wpbc_label_resource_parent,
.wpbc_flextable_labels .wpbc_label_resource_parent:focus,
.wpbc_flextable_labels .wpbc_label_resource_parent:active,
.wpbc_flextable_labels .wpbc_label_resource_parent:hover{
font-weight:600;
background-color: #e80;
color:#fff;
}
.wpbc_flextable_labels .wpbc_label_capacity_number,
.wpbc_flextable_labels .wpbc_label_capacity_number:focus,
.wpbc_flextable_labels .wpbc_label_capacity_number:active,
.wpbc_flextable_labels .wpbc_label_capacity_number:hover {
background: #8faa45;
color: #fff;
font-size: 70%;
padding: 1px 6px 2px;
border-radius: 3px;
margin: 0;
}
.wpbc_flextable_labels .wpbc_label_resource_child,
.wpbc_flextable_labels .wpbc_label_resource_child:focus,
.wpbc_flextable_labels .wpbc_label_resource_child:active,
.wpbc_flextable_labels .wpbc_label_resource_child:hover{
font-weight: 400;
background-color: #39d;
color:#fff;
}
.ui_element .wpbc_label_user,
.ui_element .wpbc_label_user:focus,
.ui_element .wpbc_label_user:active,
.ui_element .wpbc_label_user:hover{
font-weight: 400;
color: #fdfdfd;
background-color: #a67b99;
}
.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .wpbc_label.wpbc_label_user_owner strong{
font-size:0.8em;
}
.wpbc_flextable_labels .wpbc_label_resource_default_form,
.wpbc_flextable_labels .wpbc_label_resource_default_form:focus,
.wpbc_flextable_labels .wpbc_label_resource_default_form:active,
.wpbc_flextable_labels .wpbc_label_resource_default_form:hover{
background-color: #89a;
font-weight: 400;
color: #fdfdfd;
background-color: #e7e7e7;
color: #7c7c7c;
}
.wpbc_flextable_labels .wpbc_label_resource_lost {
background: #ff6c00;
color: #6d4223;
}
.wpbc_flextable_labels .wpbc_label_user_owner,
.wpbc_flextable_labels .wpbc_label_user_owner:focus,
.wpbc_flextable_labels .wpbc_label_user_owner:active,
.wpbc_flextable_labels .wpbc_label_user_owner:hover{
background-color: #89a;
font-weight: 400;
color: #fdfdfd;
background-color: #766cba;
}
@media screen and (max-width: 845px) {
.wpbc_flextable_col_folder_structure,
.wpbc_show_hide_children_icon {
display: none !important;
}
}
/* ================================================================================================================== */
/* Folders */
/* ================================================================================================================== */
.wpbc_flextable_col_folder_structure,
.wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_folder_structure {
flex: 0 0 30px;
align-self: stretch;
margin: 0;
padding: 0;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
}
.wpbc_flextable_col_folder_structure .wpbc_flextable_col_folder_line_vertical {
border-right: 2px solid #7a7a7a;
width: 2px;
display: inline-block;
margin: 0;
align-self: flex-start;
height: 100%;
}
.wpbc_flextable_col_folder_structure .wpbc_flextable_col_folder_line_vertical__last{
height: 50%;
}
.wpbc_flextable_col_folder_structure .wpbc_flextable_col_folder_line_horizontal {
border-bottom: 2px solid #7a7a7a;
border-right: 2px solid #7a7a7a;
width: 20px;
display: inline-block;
margin: 0;
}
/* ================================================================================================================== */
/* WP Booking Calendar > Prices > Daily Costs page */
/* ================================================================================================================== */
/* Fields - Pricing Buttons - VISIBLE by default - in SWITCHABLE flex table ROW */
.wpbc_booking_resource_prices_table .wpbc_resource_field__switchable.wpbc_resource_field__extra__pricing_buttons{
display:flex;
}
/* Set - Pricing Buttons - Centered in the table */
.wpbc_booking_resource_prices_table .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__pricing_buttons{
flex-flow: row wrap;
justify-content: center;
flex: 1;
}
.wpbc_booking_resource_prices_table .wpbc_flextable_col .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__labels{
margin-left: 5%;
}
.wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost {
flex: 0 1 12em;
flex: 0 1 5em;
margin-right: 1em;
margin-left: 1px;
}
.wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost .wpbc_ajx_toolbar .ui_container .ui_group .ui_element {
flex-flow: row nowrap;
}
/* It is for cost per night/days "/" separator */
.wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui_cost_field span {
padding: 0 3px 0 5px;
}
.wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_cost .wpbc_ajx_toolbar .ui_container .ui_group .ui_element input[type="text"] {
width: 75px !important;
margin-left: 10px !important;
font-weight: 600;
}
.wpbc_booking_resource_prices_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name {
flex: 1 1 10em;
min-width: Min(19em, 99%);
flex: 1 1 12em;
min-width: Min(15em, 99%);
}
.wpbc_booking_resource_prices_table .wpbc_flextable_col.wpbc_flextable_col_other.wpbc_other_resource_fields {
padding: 0;
flex: 1 1 50%;
flex: 1 1 54%;
}
/* Container depends size ! */
.wpbc_other_resource_fields {
container: wpbc_c__other_resource_fields / inline-size;
}
@container wpbc_c__other_resource_fields (inline-size < 720px) {
.wpbc_other_resource_fields .ui_element:nth-last-child(1) .in-button-text {
display: none;
}
}
@container wpbc_c__other_resource_fields (inline-size < 560px) {
.wpbc_other_resource_fields .ui_element:nth-last-child(2) .in-button-text {
display: none;
}
}
@container wpbc_c__other_resource_fields (inline-size < 450px) {
.wpbc_other_resource_fields .ui_element:nth-last-child(3) .in-button-text {
display: none;
}
}
@container wpbc_c__other_resource_fields (inline-size < 350px) {
.wpbc_other_resource_fields .ui_element:nth-last-child(4) .in-button-text {
display: none;
}
}
/* For less than 707px of Other Fields Section */
@container wpbc_c__other_resource_fields (inline-size < 727px) {
.wpbc_other_resource_fields .ui_element:nth-last-child(1) .in-button-text {
display:none;
}
/*.wpbc_other_resource_fields.wpbc_flextable_col .wpbc_ajx_toolbar .ui_container.ui_container_small .ui_group .ui_element > * {
height: 34px;
min-height: 28px;
line-height: 34px;
}*/
}
/* ================================================================================================================== */
/* WP Booking Calendar > Resources > Searchable Resources page */
/* ================================================================================================================== */
/* Disable show LEFT BLUE BORDER in table selected ROWS */
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row.wpbc_flextable_row_selected {
border-left: 4px solid #fefefe;
border-bottom: 1px solid #dddddd;
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row.wpbc_flextable_row_selected:nth-of-type(2n+1){
border-left: 4px solid #f9f9fa;
}
/* :: H e a d e r s :: */
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_title {
flex: 1 1 auto;
padding-left: 0px;
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
border-left: 0;
flex: 1 1 auto;
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_id{
width:5em;
}
/* Header On|Off column */
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_searchable_on_off {
flex: 0 1 150px;
margin-right: 5px;
margin-left: 0;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
@media (max-width: 825px){
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
order: 5
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_head .wpbc_flextable_row .wpbc_flextable_col.wpbc_searchable_on_off{
flex: 0 1 70px;
}
#flextable_header_tab__labels {
display: none;
}
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* :: B o d y :: */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Resource Name / Title Column : it is not input text fields */
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name {
flex: 1 1 7em;
min-width: Min(19em, 99%);
padding: 10px 7px !important;
}
.wpbc_flextable_resource_title {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
flex: 1 1 100%;
font-size: 14px;
font-weight: 600;
}
.wpbc_flextable_resource_title .wpbc_show_hide_children_icon {
flex:0 1 auto;
margin-right: 1em;
}
.wpbc_flextable_resource_title .wpbc_flextable_resource_title_text{
flex:1 1 0;
line-height: 1.8;
}
/* Vertical Align :: Top :: if delete these sections, then nice center align */
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row {
align-items: flex-start;
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_resource_name {
align-items: flex-start;
}
.wpbc_resource_name .wpbc_flextable_resource_title {
min-height: 28px;
}
.wpbc_resource_name .wpbc_flextable_resource_title .wpbc_flextable_resource_title_text {
line-height: 1;
}
.wpbc_flextable .wpbc_label_resource_id_container {
min-height: 28px;
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
padding: 10px 7px;
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_container .ui_group.ui_group__thumbnail .ui_element > *{
margin: 0 0 10px;
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_selectable_body .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_container .ui_group .ui_element > * {
margin: 0;
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 {
margin: 0 0 10px;
}
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100:last-child{
margin:0;
}
/* Vertical Align End */
/* Size for On|Off column */
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_searchable_on_off {
flex: 0 1 150px;
/*width: 30px;*/
/*margin-right: 1em;*/
/*margin-left: 1px;*/
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
/* ID last column */
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_id {
flex: 0 1 40px;
width: auto;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* :: O t h e r :: */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Other fields Column */
.wpbc_searchable_resources_table .wpbc_flextable .wpbc_flextable_row .wpbc_flextable_col.wpbc_flextable_col_other{
padding-top:0;
padding-bottom:0;
flex: 1 1 50%;
}
/* :: Text Input :: */
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_text_field_100{
flex: 1 1 100%;
}
/* URL Field - VISIBLE by default - in SWITCHABLE flex table ROW */
.wpbc_searchable_resources_table .wpbc_resource_field__switchable.wpbc_extra__search_url{
display:flex;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_group__search_url {
flex-flow: row nowrap;
justify-content: stretch;
flex: 1;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_group__search_url .ui_element__search_url {
flex: 1 1 auto;
/*margin: 0 0 0 2em;*/
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_ajx_toolbar .ui_group__search_url .ui_element__search_url_link {
margin-left: 0px;
margin-right: 0px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* :: IMG | Excerpt | Title :: */
/* ------------------------------------------------------------------------------------------------------------------ */
/* Thumbnail */
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container{
flex-flow: row nowrap;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail .ui_element{
align-items: flex-start;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail div.search_thumbnail_img,
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail img.search_thumbnail_img {
width: 100px;
height: auto;
min-height: auto;
line-height: normal;
padding: 3px;
background: #fff;
border: 1px solid #a5a8ab;
border-radius: 2px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail div.search_thumbnail_img {
height:100px;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail .ui_element a{
text-decoration: none;
height: auto;
padding: 0px;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container .ui_group__thumbnail div.search_thumbnail_img a:hover{
text-decoration: underline;
}
/* Title | Excerpt | Img URL */
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt{
flex-flow: row wrap;
flex: 1 1 100%;
margin: 0;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100{
flex-flow: row wrap;
flex: 1 1 100%;
margin: 0;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_text{
flex: 1 1 auto;
margin: 0;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_icon,
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_button{
margin: 0 0 0 5px;
flex: 0 1 38px;
justify-content: center;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_text .ui_field_title {
font-weight: 600;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_group__excerpt .ui_group__size_100 .ui_element_text textarea {
width: 100%;
height: 5em;
}
/* Mobile */
@media (max-width: 782px){
.wpbc_searchable_resources_table .wpbc_flextable_col_other.wpbc_other_resource_fields.wpbc_flextable_col {
order:5;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__excerpt_img .ui_container{
flex-flow: row wrap;
}
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* :: Filter Options :: */
/* ------------------------------------------------------------------------------------------------------------------ */
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options{
flex-flow: row nowrap;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options .ui_element_text{
flex: 1 1 auto;
margin: 0;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options .ui_element_button{
margin: 0 0 0 10px;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options textarea{
display:none;
width: 100%;
height: 5em;
}
.wpbc_searchable_resources_table .wpbc_flextable_col_other .wpbc_extra__search_filters .ui_group__search_options .in_shortcode_help_text {
margin-left: auto;
color: #727272;
font-size: 0.8em;
line-height: 28px;
font-weight: 400;
}
/** Searchable Filters - Nice Filters Display in Table*/
.wpbc_searchable_resources_table .search_filters__display{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.wpbc_searchable_resources_table .search_filters__display .search_filter__row{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
flex:1 1 100%;
}
.wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__name{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
flex:0 1 100px;
}
.wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
flex:1;
}
.wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values .search_filter__value_pairs {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
flex:1 1 100%;
}
.wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values .search_filter__value_pairs .search_filter__operation{
flex: 0 1 30px;
text-align: left;
padding:0 10px;
}
.wpbc_searchable_resources_table .search_filters__display .search_filter__row .search_filter__col__values .search_filter__value_pairs .search_filter__value{
flex:1;
}
/* ------------------------------------------------------------------------------------------------------------------ */