| 1 |
/* |
| 2 |
* New design 2.0, 2.1 of Booking admin panel with white colors and bottom borders for selected elements |
| 3 |
* |
| 4 |
* 2023-03-26, 2023-12-17 |
| 5 |
* |
| 6 |
*/ |
| 7 |
|
| 8 |
/* Set general background color for menu tab as white */ |
| 9 |
.wpdvlp-top-tabs .nav-tabs{ |
| 10 |
background: #fff; |
| 11 |
padding: 0 0 0; |
| 12 |
border-radius: 2px; /* ?? */ |
| 13 |
|
| 14 |
display: flex; |
| 15 |
flex-flow: row wrap; |
| 16 |
justify-content: flex-start; |
| 17 |
align-items: flex-start; |
| 18 |
} |
| 19 |
/* Navigation tabs */ |
| 20 |
.wpdvlp-top-tabs .nav-tab { |
| 21 |
background: transparent; |
| 22 |
border: none; |
| 23 |
text-shadow: none; |
| 24 |
color: #555; |
| 25 |
font-size: 15px; |
| 26 |
border-bottom: 4px solid transparent; |
| 27 |
padding: 9px 20px; |
| 28 |
margin: 0 1px 0 0; |
| 29 |
} |
| 30 |
.wpdevelop .pull-right { |
| 31 |
margin-left: auto; |
| 32 |
} |
| 33 |
/* Menu Icons */ |
| 34 |
.wpdvlp-top-tabs .nav-tab .menu_icon::before { |
| 35 |
font-size: 18px; |
| 36 |
} |
| 37 |
.wpdvlp-top-tabs .nav-tab [class*=" wpbc-bi-"]::before{ |
| 38 |
vertical-align:-.16em; |
| 39 |
} |
| 40 |
/* Active navigation tab */ |
| 41 |
.wpdvlp-top-tabs .nav-tab-active, |
| 42 |
.wpdvlp-top-tabs a.nav-tab-active:hover, |
| 43 |
.wpdvlp-top-tabs a.nav-tab-active:focus { |
| 44 |
border-bottom: 4px solid #1e7bc7; |
| 45 |
} |
| 46 |
/* Active navigation tab : Focus*/ |
| 47 |
.wpdvlp-top-tabs a.nav-tab-active:focus { |
| 48 |
color: inherit !important; |
| 49 |
background: transparent !important; |
| 50 |
text-shadow:none; |
| 51 |
outline: none; |
| 52 |
border-radius: 0; |
| 53 |
box-shadow: none; |
| 54 |
} |
| 55 |
.wpdvlp-top-tabs a.nav-tab:focus { |
| 56 |
border-radius: 0; |
| 57 |
} |
| 58 |
/* Tab : hover */ |
| 59 |
.wpdvlp-top-tabs a.nav-tab:hover { |
| 60 |
color: #D54E21 !important; |
| 61 |
background-color: transparent !important; |
| 62 |
border-bottom-color: #d54e21; |
| 63 |
} |
| 64 |
.wpdvlp-top-tabs .nav-tab-active:hover{ |
| 65 |
color: #FFF !important; |
| 66 |
background: #7A7A88 !important; |
| 67 |
} |
| 68 |
/* Sub tabs */ /* ../core/any/css/admin-menu.css */ |
| 69 |
.wpdvlp-sub-tabs { |
| 70 |
border: 1px solid #dadada; |
| 71 |
border-top: 1px solid #ededed; |
| 72 |
background: #f7f7f7; |
| 73 |
height: auto; |
| 74 |
clear: both; |
| 75 |
border-radius: 2px; |
| 76 |
box-shadow: none; |
| 77 |
margin: 0 0 0px 0; |
| 78 |
padding: 5px; |
| 79 |
} |
| 80 |
.wpdvlp-sub-tabs .wpdvlp-tabs-wrapper { |
| 81 |
margin-bottom: -1px; |
| 82 |
} |
| 83 |
.wpdvlp-sub-tabs .nav-tabs{ |
| 84 |
margin: 0; |
| 85 |
} |
| 86 |
.wpdvlp-sub-tabs .nav-tabs .button:last-child{ |
| 87 |
margin-left: auto; |
| 88 |
} |
| 89 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab{ |
| 90 |
border: none; |
| 91 |
border-bottom: 3px solid #F7F7F7; |
| 92 |
border-radius: 0; |
| 93 |
background: #F7F7F7; |
| 94 |
color: #777; |
| 95 |
font-weight: 600; |
| 96 |
font-size: 13px; |
| 97 |
height: 20px; |
| 98 |
line-height: 18px; |
| 99 |
padding: 4px 5px; |
| 100 |
margin: 0 0 -4px; |
| 101 |
box-sizing: content-box; |
| 102 |
text-shadow: none; |
| 103 |
} |
| 104 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab, |
| 105 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.wpdevelop-submenu-tab-selected, |
| 106 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.wpdevelop-submenu-tab-selected:hover{ |
| 107 |
border-right: 1px solid #bbb; |
| 108 |
background-color: transparent !important; |
| 109 |
border-bottom:3px solid transparent; |
| 110 |
box-shadow: 1px 0 0 #fdfdfd; |
| 111 |
} |
| 112 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab:nth-last-child(2){ |
| 113 |
border-right: none; |
| 114 |
box-shadow: none; |
| 115 |
} |
| 116 |
|
| 117 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab > span { |
| 118 |
padding: 6px 12px; |
| 119 |
} |
| 120 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.wpdevelop-submenu-tab-selected > span{ |
| 121 |
color: #777 !important; |
| 122 |
border-bottom: 3px solid #7AC71E; |
| 123 |
} |
| 124 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.wpdevelop-submenu-tab-selected > span:focus{ |
| 125 |
box-shadow: none; |
| 126 |
} |
| 127 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab > span:hover, |
| 128 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.wpdevelop-submenu-tab-selected > span:hover{ |
| 129 |
color: #D54E21 !important; |
| 130 |
background-color: transparent !important; |
| 131 |
border-bottom: 3px solid #d54e21; |
| 132 |
} |
| 133 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.go-to-link, |
| 134 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.go-to-link:hover, |
| 135 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.go-to-link:active { |
| 136 |
margin: 3px 5px 0; |
| 137 |
} |
| 138 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.go-to-link > span:hover{ |
| 139 |
border-bottom-width: 1px; |
| 140 |
border-bottom-style: dashed; |
| 141 |
border-left:none; |
| 142 |
} |
| 143 |
/* For Modal windows - shortcodes */ |
| 144 |
.wpbc_sc_container__all_shortcodes .wpdvlp-sub-tabs .nav-tabs .nav-tab > span { |
| 145 |
padding: 7px 12px; |
| 146 |
} |
| 147 |
@media (max-width: 782px) { |
| 148 |
.wpdevelop-submenu-tab.nav-tab { |
| 149 |
height: 35px !important; |
| 150 |
line-height: 28px !important; |
| 151 |
width: 100%; |
| 152 |
clear: both; |
| 153 |
border: none !important; |
| 154 |
border-left: 3px solid #f7f7f7 !important; |
| 155 |
padding: 2px 9px !important; |
| 156 |
box-sizing: border-box !important; |
| 157 |
} |
| 158 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab > span{ |
| 159 |
padding-left: 14px; |
| 160 |
border-left: 3px solid transparent; |
| 161 |
margin-left: -17px; |
| 162 |
} |
| 163 |
/* For Modal windows - shortcodes */ |
| 164 |
.wpbc_sc_container__all_shortcodes .wpdvlp-sub-tabs .nav-tabs .nav-tab > span{ |
| 165 |
margin-left: -12px; |
| 166 |
} |
| 167 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.wpdevelop-submenu-tab-selected > span{ |
| 168 |
border-left: 3px solid #7AC71E !important; |
| 169 |
border-bottom: none; |
| 170 |
} |
| 171 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab > span:hover, |
| 172 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.wpdevelop-submenu-tab-selected > span:hover{ |
| 173 |
color: #D54E21 !important; |
| 174 |
background-color: transparent !important; |
| 175 |
border-left: 3px solid #d54e21 !important; |
| 176 |
border-bottom:transparent; |
| 177 |
} |
| 178 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.go-to-link > span:hover { |
| 179 |
border-bottom: 1px dashed #D54E21 !important; |
| 180 |
border-left: 3px solid transparent !important; |
| 181 |
} |
| 182 |
.wpdvlp-sub-tabs .nav-tabs .nav-tab.go-to-link { |
| 183 |
padding: 4px 15px; |
| 184 |
} |
| 185 |
} |
| 186 |
|
| 187 |
/**********************************************************************************************************************/ |
| 188 |
/* Toolbar shadow */ |
| 189 |
.wpbc_mode_switcher, |
| 190 |
#toolbar_booking_listing, |
| 191 |
#show_link_advanced_booking_filter { |
| 192 |
box-shadow: 0 5px 18px #e4e4e4; |
| 193 |
box-shadow: 0 5px 8px #e4e4e4; |
| 194 |
} |
| 195 |
/* Sub tabs in new design container - Availability page or Booking Listing */ |
| 196 |
.wpbc_ajx_toolbar .ui_container { |
| 197 |
border-top: 1px solid #ededed; |
| 198 |
} |
| 199 |
.wpdvlp-top-tabs .nav-tabs{ |
| 200 |
border: none; |
| 201 |
border: 1px solid #d6d6d6; |
| 202 |
} |
| 203 |
|
| 204 |
/* Toolbars at Booking Listing */ |
| 205 |
div.wpbc_ajx_toolbar { |
| 206 |
margin: 0 0 10px 0px; /* //FixIn: 9.8.15.2 */ |
| 207 |
} |
| 208 |
/* Toolbar at Calendar Overview page*/ |
| 209 |
.wpbc_page_tab__vm_calendar #toolbar_booking_listing{ |
| 210 |
margin: 0 0 10px 0px !important; /* //FixIn: 9.8.15.2 */ |
| 211 |
} |
| 212 |
.wpbc_page_tab__vm_calendar #toolbar_booking_listing .wpdvlp-sub-tabs{ |
| 213 |
padding: 8px 15px 11px; |
| 214 |
} |
| 215 |
/**********************************************************************************************************************/ |
| 216 |
|
| 217 |
/* Booking Listing | Availability page - little smaller */ |
| 218 |
#wpbc-availability-admin-page .wpdvlp-top-tabs .nav-tab, |
| 219 |
#toolbar_booking_listing .wpdvlp-top-tabs .nav-tab { |
| 220 |
font-size: 14px; /* font-size: 15px; */ |
| 221 |
padding: 7px 20px; /* padding: 9px 20px; */ |
| 222 |
} |
| 223 |
#wpbc-availability-admin-page .wpdvlp-top-tabs .nav-tab .menu_icon::before, |
| 224 |
#toolbar_booking_listing .wpdvlp-top-tabs .nav-tab .menu_icon::before { |
| 225 |
font-size: 16px; /* font-size: 18px; */ |
| 226 |
} |
| 227 |
|
| 228 |
#wpbc-availability-admin-page .wpdvlp-top-tabs .nav-tabs, |
| 229 |
#toolbar_booking_listing .wpdvlp-top-tabs .nav-tabs { |
| 230 |
/*border-radius: 1px; */ /* //FixIn: 9.8.15.2 */ |
| 231 |
/* border-radius: 2px; */ |
| 232 |
} |
| 233 |
|
| 234 |
/* Vertical switcher on Booking Listing and Calendar overview pages */ |
| 235 |
.wpdevelop .btn-group-vertical { |
| 236 |
width: 44px; |
| 237 |
margin: 0 0 0 -1px; |
| 238 |
border: 1px solid #d8d8d8; |
| 239 |
} |
| 240 |
.wpdevelop .btn-group-vertical > .button{ |
| 241 |
box-shadow: none; |
| 242 |
text-align: center; |
| 243 |
height: 45.5px; |
| 244 |
line-height: 46px; |
| 245 |
border-radius: 0 !important; |
| 246 |
border:none; |
| 247 |
border-left: 3px solid #f7f7f7; |
| 248 |
} |
| 249 |
.wpdevelop .btn-group-vertical > .button.active{ |
| 250 |
border-left: 3px solid #7AC71E; |
| 251 |
transform: none; |
| 252 |
} |
| 253 |
.wpdevelop .btn-group-vertical > .button:hover, |
| 254 |
.wpdevelop .btn-group-vertical > .button.active:hover { |
| 255 |
border-left: 3px solid #D54E21; |
| 256 |
transform: none; |
| 257 |
} |
| 258 |
.wpdevelop .btn-group-vertical > .button + .button, |
| 259 |
.wpdevelop .btn-group-vertical > .button + .btn-group, |
| 260 |
.wpdevelop .btn-group-vertical > .btn-group + .button, |
| 261 |
.wpdevelop .btn-group-vertical > .btn-group + .btn-group { |
| 262 |
margin-top:0 |
| 263 |
} |
| 264 |
@media (max-width: 782px) { |
| 265 |
.wp-core-ui .wpbc_page .button { |
| 266 |
padding: 0 10px 1px; |
| 267 |
} |
| 268 |
} |
| 269 |
|
| 270 |
/**********************************************************************************************************************/ |
| 271 |
/*It does not work :(*/ |
| 272 |
/* Toolbar at the Calendar Overview page */ |
| 273 |
.wpbc_page_timeline #actions_toolbar_container { |
| 274 |
display:flex; |
| 275 |
margin:0px; |
| 276 |
min-height: 42px; |
| 277 |
flex-flow: row wrap; |
| 278 |
justify-content: space-between; |
| 279 |
align-items: center; |
| 280 |
padding: 0 8px; |
| 281 |
} |
| 282 |
.wpbc_page_timeline #actions_toolbar_container .control-group { |
| 283 |
float:none; |
| 284 |
margin: 3px 0; |
| 285 |
} |
| 286 |
.wpbc_page_timeline #actions_toolbar_container .control-group:nth-of-type(1){ |
| 287 |
order: 3; |
| 288 |
} |
| 289 |
.wpbc_page_timeline #actions_toolbar_container .control-group:nth-of-type(2){ |
| 290 |
order: 2; |
| 291 |
} |
| 292 |
.wpbc_page_timeline #actions_toolbar_container .control-group:nth-of-type(3){ |
| 293 |
order: 1; |
| 294 |
} |
| 295 |
|
| 296 |
/** Resource Tables */ |
| 297 |
.wpdevelop .table > thead > tr > th, |
| 298 |
.wpdevelop .table > tbody > tr > th, |
| 299 |
.wpdevelop .table > tfoot > tr > th, |
| 300 |
.wpdevelop .table > thead > tr > td, |
| 301 |
.wpdevelop .table > tbody > tr > td, |
| 302 |
.wpdevelop .table > tfoot > tr > td { |
| 303 |
padding: 10px 7px; |
| 304 |
} |
| 305 |
.wpdevelop .table > thead > tr > th, |
| 306 |
.wpdevelop .table > tbody > tr > th, |
| 307 |
.wpdevelop .table > tfoot > tr > th{ |
| 308 |
font-size: 14px; |
| 309 |
/*line-height: 30px;*/ |
| 310 |
} |
| 311 |
.wpdevelop .table > thead > tr > th { |
| 312 |
border-bottom: 1px solid #dddddd; |
| 313 |
} |
| 314 |
.wpbc_resources_table .table, |
| 315 |
.wpbc_resources_table .table.widefat { |
| 316 |
box-shadow: 0 0 1px #aaa; |
| 317 |
} |
| 318 |
.wpdevelop.wpbc_resources_table table > tfoot > tr > th{ |
| 319 |
border-top: 1px solid #e5e5e5; |
| 320 |
} |
| 321 |
.wpdevelop .table.table-striped { |
| 322 |
background-color: #fbfbfb; |
| 323 |
border: 1px solid #e3e3e3; |
| 324 |
} |
| 325 |
.wpdevelop .table.table-striped > tbody > tr:nth-of-type(2n+1){ |
| 326 |
background-color: #f5f5f5; |
| 327 |
} |
| 328 |
.wpdevelop .table-striped > thead > tr > th, |
| 329 |
.wpdevelop .table-striped > tbody > tr > th, |
| 330 |
.wpdevelop .table-striped > tfoot > tr > th{ |
| 331 |
font-weight: 600; |
| 332 |
text-shadow: none; |
| 333 |
color: #555; |
| 334 |
font-size: 15px; |
| 335 |
} |
| 336 |
.table .check-column { |
| 337 |
position: initial; |
| 338 |
} |
| 339 |
/* Fieldset - mainly for Booking > Settings > Sync > "Export - .ics" page. FixIn: 9.8.0.6 */ |
| 340 |
.wpbc_selectable_body .wpbc_row fieldset{ |
| 341 |
display: flex; |
| 342 |
flex-flow: row wrap; |
| 343 |
justify-content: flex-start; |
| 344 |
align-items: center; |
| 345 |
} |
| 346 |
.wpbc_selectable_body .wpbc_row fieldset > *{ |
| 347 |
/*margin: 0 10px 10px 0;*/ |
| 348 |
margin: 5px 10px 5px 0; |
| 349 |
} |
| 350 |
.wpbc_selectable_body .wpbc_row fieldset > a{ |
| 351 |
margin-left:auto; |
| 352 |
} |
| 353 |
.wpbc_selectable_body .wpbc_row fieldset .put-in:active, |
| 354 |
.wpbc_selectable_body .wpbc_row fieldset .put-in:focus, |
| 355 |
.wpbc_selectable_body .wpbc_row fieldset .put-in{ |
| 356 |
flex:1 0 100%; |
| 357 |
border:none; |
| 358 |
outline: none; |
| 359 |
box-shadow: none; |
| 360 |
background: transparent; |
| 361 |
cursor: pointer; |
| 362 |
padding: 0; |
| 363 |
} |
| 364 |
.wpbc_selectable_body .wpbc_row fieldset > code { |
| 365 |
font-size: 12px; |
| 366 |
line-height: 22px !important; |
| 367 |
background: #ddd; |
| 368 |
color: #000; |
| 369 |
} |
| 370 |
/* End Fieldset - mainly for Booking > Settings > Sync > "Export - .ics" page */ |
| 371 |
|
| 372 |
/* Top white line - Header - at the admin page */ |
| 373 |
body[class*="page_wpbc"] #wpcontent { |
| 374 |
padding: 0; |
| 375 |
background-color: #f3f4f5; |
| 376 |
} |
| 377 |
body[class*="page_wpbc"] #wpcontent .wrap.wpbc_page{ |
| 378 |
padding-left: 20px; |
| 379 |
} |
| 380 |
body[class*="page_wpbc"].admin-bar .wrap.wpbc_page { |
| 381 |
min-height: calc(100vh - 250px); |
| 382 |
} |
| 383 |
body[class*="page_wpbc"] .wrap.wpbc_page { |
| 384 |
min-height: calc(100vh - 153px); |
| 385 |
} |
| 386 |
.wpbc_page_top.wrap { |
| 387 |
margin:0; |
| 388 |
} |
| 389 |
.wpbc_page_top h1.wpbc_header{ |
| 390 |
/*background: #fff;*/ |
| 391 |
/*box-shadow: 0 1px 2px #e9e9e9;*/ |
| 392 |
/*box-shadow: 0 0px 7px #e7e7e7;*/ |
| 393 |
z-index: 8; |
| 394 |
box-sizing: border-box; |
| 395 |
width: 100%; |
| 396 |
min-height: 54px; /* FixIn: 10.0.0.13 */ |
| 397 |
padding: 0 22px; |
| 398 |
display: flex; |
| 399 |
flex-flow: row nowrap; |
| 400 |
justify-content: flex-start; |
| 401 |
align-items: center; |
| 402 |
/* Removed white line in header*/ |
| 403 |
/*background: transparent;*/ |
| 404 |
/*box-shadow: none;*/ |
| 405 |
|
| 406 |
/* FixIn: 10.0.0.32 */ |
| 407 |
/*margin-bottom: -15px;*/ |
| 408 |
/* background: #fcfcfc;*/ |
| 409 |
/* box-shadow: 0 0px 2px #e7e7e7;*/ |
| 410 |
/* box-shadow: 0 0px 1px #8a8a8a;*/ |
| 411 |
/*background: linear-gradient(180deg, rgba(243,244,245,1) 0%, rgba(255,255,255,1) 100%);*/ |
| 412 |
/*box-shadow: 0 1px 1px #e5e5e5;*/ |
| 413 |
box-shadow: 0 1px 1px #f0f0f0; |
| 414 |
background: #fcfcfc; |
| 415 |
border-bottom: 1px solid #ddd; |
| 416 |
} |
| 417 |
/* Hide Notice Messages from other plugins in header on Booking Calendar pages. It will prevents of interruption of normal workflow of the pages in Booking Calendar by messages from other plugins. //FixIn: 10.5.2.2 */ |
| 418 |
.wpbc_header ~ .error, |
| 419 |
.wpbc_header ~ .updated, |
| 420 |
.wpbc_header ~ .notice { |
| 421 |
display: none !important; |
| 422 |
} |
| 423 |
@media (max-width: 782px) { |
| 424 |
.wpbc_page_top h1.wpbc_header{ |
| 425 |
padding:0; |
| 426 |
} |
| 427 |
.wpbc_page_top h1.wpbc_header .wpbc_header_menu_tabs { |
| 428 |
flex-flow: row nowrap; |
| 429 |
} |
| 430 |
} |
| 431 |
.wpbc_header_icon, |
| 432 |
.wpbc_header_text{ |
| 433 |
flex: 0 1 auto; |
| 434 |
margin-right: 4px; |
| 435 |
margin-left: 12px; |
| 436 |
white-space: nowrap; |
| 437 |
} |
| 438 |
|
| 439 |
.wpbc_header_icon i[class*="wpbc_icn_"]::before { |
| 440 |
font-size: 18px; |
| 441 |
font-weight: 400; |
| 442 |
line-height: 30px; |
| 443 |
vertical-align: middle; |
| 444 |
} |
| 445 |
|
| 446 |
/* Approved / Pending notice messages at top right side of the page */ |
| 447 |
.wpbc_page .notice { |
| 448 |
border-top:1px solid #ddd; |
| 449 |
border-right:1px solid #ddd; |
| 450 |
border-bottom:1px solid #ddd; |
| 451 |
} |
| 452 |
.wpbc_page div.wpbc_inner_message { |
| 453 |
/*margin-top:1px;*/ |
| 454 |
} |
| 455 |
/* Read booking button -- EYE ------------------------------------------------------------------------------------- */ |
| 456 |
/* //FixIn: 9.6.1.2 */ |
| 457 |
a.wpbc_is_new_button, |
| 458 |
a.wpbc_is_new_button:hover { |
| 459 |
left: 3px; |
| 460 |
margin:0; |
| 461 |
} |
| 462 |
@media (max-width: 782px) { |
| 463 |
a.wpbc_is_new_button, |
| 464 |
a.wpbc_is_new_button:hover { |
| 465 |
left: auto; |
| 466 |
margin-left: auto; |
| 467 |
right: 0; |
| 468 |
margin-right: 22px; |
| 469 |
} |
| 470 |
} |
| 471 |
/* |
| 472 |
* New design 2.1 of Top menu headers. // FixIn: 9.8.15.2. |
| 473 |
* |
| 474 |
* 2023-12-17 |
| 475 |
* |
| 476 |
*/ |
| 477 |
.wpbc_header_menu_tabs{ |
| 478 |
flex:1; |
| 479 |
display: flex; |
| 480 |
flex-flow: row wrap; |
| 481 |
justify-content: flex-start; |
| 482 |
align-items: flex-start; |
| 483 |
height: auto; |
| 484 |
} |
| 485 |
/* TOP Message shift in version 9.9 //FixIn: 9.9.0.10 */ |
| 486 |
.wpbc_header .wpbc_message_wrapper { |
| 487 |
margin-top:0px; |
| 488 |
} |
| 489 |
.wpbc_page_top__header_tabs .wpdvlp-top-tabs { |
| 490 |
display: flex; |
| 491 |
flex-flow: row wrap; |
| 492 |
justify-content: flex-start; |
| 493 |
align-items: flex-start; |
| 494 |
height: auto; |
| 495 |
} |
| 496 |
/* Set Right Align */ |
| 497 |
.wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab-position-right { |
| 498 |
order:999; |
| 499 |
margin-left:auto; |
| 500 |
} |
| 501 |
.wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab { |
| 502 |
font-size:17px; |
| 503 |
line-height: 32px; |
| 504 |
} |
| 505 |
.wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.nav-tab-active { |
| 506 |
border-bottom: 4px solid #64aa45; |
| 507 |
} |
| 508 |
.wpbc_page_top__header_tabs .wpdvlp-top-tabs .nav-tab.nav-tab-active:hover { |
| 509 |
border-bottom-color: #d54e21; |
| 510 |
} |
| 511 |
.wpbc_page_top__header_tabs .wpdvlp-top-tabs .wpdvlp-tabs-wrapper { |
| 512 |
height: auto; |
| 513 |
} |
| 514 |
.wpbc_admin_page .wpdvlp-sub-tabs { |
| 515 |
border: 1px solid #dadada; |
| 516 |
} |
| 517 |
.wpdvlp-top-tabs .nav-tabs{ |
| 518 |
border: 1px solid #d6d6d6; |
| 519 |
border-bottom: none; |
| 520 |
border-radius: 2px 2px 0 0; |
| 521 |
} |
| 522 |
#wpbc-resources-admin-page .wpdvlp-top-tabs .nav-tabs, |
| 523 |
#wpbc-availability-admin-page .wpdvlp-top-tabs .nav-tabs, |
| 524 |
#toolbar_booking_resources .wpdvlp-top-tabs .nav-tabs, |
| 525 |
.wpbc_ajx_toolbar .wpdvlp-top-tabs .nav-tabs, |
| 526 |
.wpbc_page_tab__form .wpdvlp-top-tabs .nav-tabs |
| 527 |
{ |
| 528 |
border-bottom: 1px solid #d6d6d6; |
| 529 |
} |
| 530 |
/* Make "Seasons" filter Tab last in line */ |
| 531 |
.wpbc_top_tab__season_filters { |
| 532 |
order: 1; |
| 533 |
} |
| 534 |
.wpbc_top_tab__general_availability, |
| 535 |
.wpbc_top_tab__payment_gateways { |
| 536 |
order: 2; |
| 537 |
border-left: 1px solid #cfcfcf !important; |
| 538 |
} |
| 539 |
|
| 540 |
/* Show WordPress notice messages (such as: "WordPress 6.4.2 is available!") at right side of the page. */ |
| 541 |
.toplevel_page_wpbc #update-nag, |
| 542 |
.toplevel_page_wpbc .update-nag, |
| 543 |
body[class*='wp-booking-calendar'] #update-nag, |
| 544 |
body[class*='wp-booking-calendar'] .update-nag { |
| 545 |
position: absolute; |
| 546 |
z-index: 10; |
| 547 |
margin: 5px; |
| 548 |
right:0; |
| 549 |
} |
