.clear-after:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html .clear-after { height: 1%; } /* User Availability and Booking CSS Stylesheets */ /* * blue default color: #00a9f1, light blue hover color: #66cffb */ /* * variable widths based on number of days to view * .widget_dd_section_heading { width:220px; } * .widget_dd_styling { width:220px; } * */ /* * #00a9f1 < blue is default color - this color is overwritten through yellowschedule setup. * */ #bookingAvailabilityContainer { font-family:Arial, Helvetica, sans-serif; font-size:16px;} /* new styles to try show both widgets together */ .widget_cont_v2 { color:#000000} .widget_cont_v2 .slotval a{ color:#000000 !important} .widget_cont_v2 .slotval a:hover{ color:#fff !important}*/ /*.widget_cont_v2 a{ color:#000000 !important} .widget_cont_v2 a:hover{ color:#fff !important}*/ table.bookingtable tr.slot-tr {} table.bookingtable tr.slot-tr td.slot-td { vertical-align: top; text-align:center} .widget_optns_cont { margin-bottom:20px;} /* width:220px; removed */ .widget_dd_section { margin-bottom:15px;} .widget_dd_section_heading { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:.75em; position:relative; margin-left:0px; margin-bottom:5px; width:220px;} /* width may be variable */ .widget_dd_section_heading:before{ display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#00a9f1; margin-left:5px; margin-right:5px; } .widget_dd_section_heading_location:before{ content: "\f3c5"; } .widget_dd_section_heading_with:before{ content: "\f007"; } .widget_dd_section_heading_service:before{ content: "\f2f6"; } .widget_dd_section_heading_calendar:before{ content: "\f073"; } .widget_dd_section_heading_clock:before{ content: "\f017"; } select:disabled { color:#bbb; } .widget_spinner { font-size:16px; color:#00a9f1; position:absolute; top:0px; right:50px; } .widget_dd_styling, .widget_dd_styling_tz { padding: 0; margin: 0; border: 1px solid #ecf1f3; width:220px; border-radius: 3px; overflow: hidden; background-color: #fff; background: #fff; position: relative; } /* width may be variable */ .widget_dd_styling:after, .widget_dd_styling_tz:after { top: 50%; right: 20px; /*border: solid transparent;*/ /*content: " ";*/ content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#00a9f1; font-size:12px; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #00a9f1; border-width: 5px; margin-top: -7px; z-index: 100; } .widget_dd_styling select, .widget_dd_styling_tz select { padding: 5px 8px; width: 220px; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* width may be variable */ .widget_dd_styling select::-ms-expand, .widget_dd_styling_tz select::-ms-expand { display: none; } /* width may be variable */ .widget_dd_styling select:focus, .widget_dd_styling_tz select:focus { outline: none; } /* custom filter box*/ #custom_field { border:1px solid #ecf1f3; padding:5px 8px; } #submit_custom { text-decoration:none; margin-left:5px; color:#444; position:relative; padding-right:12px;} #submit_custom:before { top: 50%; right: 10px; /*border: solid transparent;*/ /*content: " ";*/ content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#00a9f1; font-size:12px; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #00a9f1; border-width: 5px; margin-top: -7px; z-index: 100; } /* timezone box*/ .widget_dd_styling_tz { width:220px; margin-top:10px;} .widget_dd_styling_tz select{ background:#f0f0f0; width:220px; color:#9a9a9a} .widget_dd_styling_tz:after { color:#9a9a9a; } /* reset option */ .widget_cont_v2 .resetall_widget_dd { position:absolute; top:2px; right:8px; font-size:10px; display:none;} .widget_cont_v2 .resetall_widget_dd a{ text-decoration:none;color:#CCCCCC !important; } .widget_cont_v2 .resetall_widget_dd a:hover{ text-decoration:none;color:#888 !important; } .widget_cont_v2 .resetall_widget_dd a:after { top: 50%; right: 8px; content: "\f0e2";/*f01e/f0e2*/ font-family: "Font Awesome 5 Free"; font-weight: 900; color:#CCCCCC; font-size:9px; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #CCCCCC; border-width: 5px; margin-top: -5px; z-index: 100; } .widget_cont_v2 .resetall_widget_dd a:hover:after { color:#888; display:block; } .dp-widget-calendar-container { border:1px solid #ecf1f3; max-width:220px; color:#394348; background:#fff; position:relative; padding-top:28px; padding-bottom:0px; border-radius:3px; margin-bottom:20px;} .dp-widget-calendar-container .dp-popup-inline{} .dp-widget-calendar-container table.jCalendar { width:220px; margin-left:auto;margin-right:auto; border-collapse:separate; border-spacing:0 5px; background:none; border:0px; padding-left:12px; padding-right:11px;} .dp-widget-calendar-container table.jCalendar th { font-size:.6em; border-bottom:1px solid #ecf1f3; padding-bottom:10px; color:#8da4af; background:none; width: 14.2857%;} .dp-widget-calendar-container table.jCalendar td { font-size:.7em; text-align:center; height:26px;padding:0px; background:none;} /* .dp-widget-calendar-container .jCalendar tbody tr:first-child td { padding-top:15px;}*/ .dp-widget-calendar-container table.jCalendar tbody tr td.preventDateSelect { color:#c2d4dd; cursor:not-allowed; background:none !important; text-decoration:line-through} /* .dp-widget-calendar-container .jCalendar tbody tr td.today { border-radius: 50%; border-bottom: 2px solid #58cdff; border-top: 2px solid #58cdff}*/ .dp-widget-calendar-container table.jCalendar tbody tr td.selected { background:#00a9f1 !important; border-radius: 50%; color:#FFFFFF; } table.jCalendar td.selected.dp-hover { background:#66cffb !important; border-radius: 50%; color: #FFFFFF; } table.jCalendar td.dp-hover { background:#66cffb !important; border-radius: 50%; color: #FFFFFF; cursor:pointer} .dp-widget-calendar-container .jCalendar td.today { text-decoration:underline; } .dp-widget-calendar-container h5 { position:absolute; top:10px; margin:0px; margin-left: auto;margin-right: auto;left: 0;right: 0; text-align:center; font-size:12px; color:#000000 !important; font-weight:normal !important; letter-spacing: 0em !important; } .dp-widget-calendar-container .dp-nav-prev {position:absolute;top:11px;left:50px;} .dp-widget-calendar-container .dp-nav-next {position:absolute;top:11px;right:50px;} /*.jBA-tblwrap td.slot-td { font-size:12px; min-width:60px;} .jBA-tblwrap th { font-size:12px; } .jBA-tblwrap td.slot-td a{ text-decoration:none; color:#394348; line-height:20px;} .jBA-tblwrap td.slot-td a:hover{ background:#00a9f1; display:block; border-radius:3px;line-height:20px; color:#FFFFFF} .jBA-tblwrap td.slot-td .ampmsuper { vertical-align: super; font-size:.75em} */ .widget_cont_v2 .jBA-tblwrap {border:1px solid #ecf1f3; max-width:220px; background: #fff; border-radius:3px; font-size:.8em; } /* width may be variable */ .jBA-tblwrap-error { max-width:220px; background: #fff; border-radius:3px; font-size:.8em; } .jBA-tblwrap-error .slotpicker-error-row { background:#fafafa; text-align:center; padding-top:4px; width:100%; border:1px solid #e6e6e6; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-radius:5px; color:#444444 } .jBA-tblwrap .jBA-user-title-row { border-bottom:1px solid #e6e6e6; line-height:48px; font-size:0.8em; margin:10px 20px 0px 15px; padding-bottom:10px;} .jBA-tblwrap .jBA-user-title-row .jBA-user-title-left { float:left;line-height:20px; padding-top:25px;} .jBA-tblwrap .jBA-user-title-row .jBA-user-title-rightimg {float:right;} .jBA-tblwrap .jBA-slotarea-container { margin:10px 7px 10px 7px; } .jBA-tblwrap .jBA-slotarea-container .ampmsuper { vertical-align: super; font-size:.75em} /* replaces old version */ .jBA-tblwrap .jBA-slotarea-container .slotval-col { float:left; width:32%;} .jBA-tblwrap .jBA-slotarea-container .slotval { text-align:center} .jBA-tblwrap .jBA-slotarea-container .slotval a{ text-decoration:none; color:#394348; line-height:20px; display:block} .jBA-tblwrap .jBA-slotarea-container .slotval a:hover{ background:#00a9f1; display:block; border-radius:10px; color:#FFFFFF; } .jBA-tblwrap .jBA-slotarea-container .move-prev-days { float:left;width:2%; height:20px; padding-top:7px;} /*.jBA-tblwrap .jBA-slotarea-container .move-next-days { float:right;width:calc(2% - 2px); height:20px; padding-top:7px; text-align:right; padding-right:2px;}*/ .jBA-tblwrap .jBA-slotarea-container .move-next-days { position:absolute; width:calc(2% - 2px); height:20px; top:20px; right:10px;} .jBA-tblwrap .jBA-slotarea-container .slotval-day-col { float:left; font-size:12px; width:31.9%; } .jBA-tblwrap .jBA-slotarea-container .slotval-day-col .jBA-day { text-align:center; font-weight:bold;} .jBA-tblwrap .jBA-slotarea-container .slotval-day-col .jBA-date { text-align:center; border-bottom: 1px solid #e6e6e6; margin-bottom:8px;padding-bottom:10px;font-weight:bold;} /* for use on multi-user-row-display - development 21/03/2018 */ .mult-user-row {border-bottom:1px solid #e6e6e6; font-size:0.8em; margin:20px 15px 0px 15px; padding-bottom:10px; } .mult-user-row .jBA-user-title-left { float:left; line-height:17px; margin: auto; height: 40px; margin-top: calc(34px - 40px/2);} .mult-user-row .jBA-user-title-left .jBA-user-title-timezone { color:#999999; line-height:1em; height:1em; } .mult-user-row .jBA-user-title-rightimg {float:right;} .slotval-daytitle { color:#CCCCCC; text-align:center; font-size:.8em; padding-top:3px;} .jBA-user-title-rightimg img { border-radius:8px; } .no-slots-available { padding-left:15px; padding-top:10px; padding-bottom:10px; line-height:20px; font-size:0.8em } /* the 'more' option */ .selectably-visible {display:none;} .selectably-visible-show {display:block;} .selectably-visible-viewmore-hide {display:none;} .selectably-visible-faded-light a{ opacity: 0.7; filter: alpha(opacity=70); } .selectably-visible-faded-heavy a{ opacity: 0.45; filter: alpha(opacity=45); } .selectably-visible-viewmore {display:block; opacity: 0.35; filter: alpha(opacity=35);} .widget_cont_v2 .show-more-slots-row { text-align:center;padding-top:4px; width:100% } .widget_cont_v2 .show-more-slots-row a{ font-size:.9em } .widget_cont_v2 .show-more-slots-row a:hover{ color:#444 !important; } .widget_cont_v2 .show-more-slots-rowbot { text-align:center;padding-bottom:15px; width:100% } .widget_cont_v2 .show-more-slots-rowbot a{ color:#999; font-size:.9em } .next-available-slots-row { background:#fafafa; text-align:center; padding-top:4px; width:calc(100% - 30px); border:1px solid #e6e6e6; margin:10px 15px 30px 15px; padding:10px 0px 10px 0px; border-radius:5px; } .next-available-slots-row a{ color: #666 } /* start old style of booking widget */ /* User Availability and Booking CSS Stylesheets */ #bookingAvailabilityContainer, .bookingAvailabilityContainer { color:#fff;} #bookingAvailabilityContainer table.bookingtable a, .bookingAvailabilityContainer table.bookingtable a { font-weight:normal; font-decoration:none; color:#fff; } #bookingAvailabilityContainer .jBA-tblwrap, .bookingAvailabilityContainer .jBA-tblwrap { position:relative; } #bookingAvailabilityContainer table.bookingtable, .bookingAvailabilityContainer table.bookingtable { width:auto; border:0px; margin:0px !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; border-collapse: collapse; vertical-align:middle !important;} #bookingAvailabilityContainer table.bookingtable thead tr, .bookingAvailabilityContainer table.bookingtable thead tr { height:42px; } /* header height */ #bookingAvailabilityContainer table.bookingtable tbody tr, .bookingAvailabilityContainer table.bookingtable tbody tr { background:#ececec; } /* default row bg */ #bookingAvailabilityContainer table.bookingtable thead tr th .borderline, .bookingAvailabilityContainer table.bookingtable thead tr th .borderline { background: url(https://www.yellowschedule.com/utils/widget/jB-head-border-img.gif); width:2px; height:42px; line-height:42px; position:absolute; top:0px; left:auto; _background: none; } /* a tiny line seperating the days at the top - notice the *background - removes that line in ie6 - where it screws up */ #bookingAvailabilityContainer table.bookingtable tbody, .bookingAvailabilityContainer table.bookingtable tbody { background:#ececec; line-height:16px; border:0px;} /* the default table inner color */ #bookingAvailabilityContainer table.bookingtable tr td.jBA-odd, .bookingAvailabilityContainer table.bookingtable tr td.jBA-odd { background:#e1e1e1 } /* sets the inner table odd row color */ #bookingAvailabilityContainer table.bookingtable tr td a, .bookingAvailabilityContainer table.bookingtable tr td a{ text-decoration:underline; color:#000000 } /* each available slot link */ #bookingAvailabilityContainer table.bookingtable tr td a:hover, .bookingAvailabilityContainer table.bookingtable tr td a:hover{ text-decoration:none } #bookingAvailabilityContainer table.bookingtable tr td, .bookingAvailabilityContainer table.bookingtable tr td { vertical-align:middle !important; text-align:center; font-size:12px; border:none; background:#ececec; border:0px !important; padding:0px; width:85px !important; display:table-cell !important} /* each available slot - if your width is not perfect try adding extra rows into the javascript controller function call eg daysToDisplay: 7 will display the next 7 days */ #bookingAvailabilityContainer table.bookingtable tr:nth-child(-n+7), .bookingAvailabilityContainer table.bookingtable tr:nth-child(-n+7) { display: table-row !important;} /* had to put this in where random rows were being hidden on a client website 5-nov-2013*/ /* the top-left cell where previous button sits if it's displayed, we have our left rounded corner here (newer browsers) */ #bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev, .bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev { width:108px !important; text-align:right !important; -moz-border-radius-topleft:13px; -webkit-border-top-left-radius:13px; border-top-left-radius:13px; padding-right:10px; font-size:24px; color:#999999; font-weight:normal; } #bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev-sm, .bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev-sm { width:34px !important; text-align:center; -moz-border-radius-topleft:13px; -webkit-border-top-left-radius:13px; border-top-left-radius:13px; font-size:24px; color:#999999; font-weight:normal; } /* the top-right cell where next button sits, we have our right rounded corner here (newer browsers) */ #bookingAvailabilityContainer table.bookingtable tr th.ba-t-next, .bookingAvailabilityContainer table.bookingtable tr th.ba-t-next { width:34px !important; -moz-border-radius-topright:13px; -webkit-border-top-right-radius:13px; border-top-right-radius:13px; } #bookingAvailabilityContainer table.bookingtable tr th.ba-t-next a, .bookingAvailabilityContainer table.bookingtable tr th.ba-t-next a { font-size:24px; color:#FFFFFF; font-weight:normal } /* the link for the "next" button */ #bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev a, .bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev a{ color:#FFFFFF; font-weight:normal} /* the link for the "previous" button */ #bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev-sm a, .bookingAvailabilityContainer table.bookingtable tr th.ba-t-prev-sm a{ font-size:24px; color:#FFFFFF; font-weight:normal} /* the link for the "previous" button */ #bookingAvailabilityContainer table.bookingtable tr td.ba-r-next, .bookingAvailabilityContainer table.bookingtable tr td.ba-r-next { width:auto !important; } /* a blank cell below the next button */ #bookingAvailabilityContainer table.bookingtable tr td.ba-r-prev, .bookingAvailabilityContainer table.bookingtable tr td.ba-r-prev { vertical-align:top !important; width:auto !important; text-align:left; padding-left:10px; vertical-align:top;} /* the table cell where the user name/image appears */ #bookingAvailabilityContainer table.bookingtable tr td.ba-r-prev-sm, .bookingAvailabilityContainer table.bookingtable tr td.ba-r-prev-sm { width:auto; text-align:left; padding-left:10px; vertical-align:top;} /* the table cell where the user name/image appears */ #bookingAvailabilityContainer table.bookingtable tr th, .bookingAvailabilityContainer table.bookingtable tr th { vertical-align:middle !important; width:85px !important; text-align:center; color:#FFFFFF; background:url(https://www.yellowschedule.com/utils/widget/jB-head-grad-bg.gif) #474747 repeat-x; margin:0px !important; padding:0px !important; border:0px !important; line-height:normal !important; font-size:12px; text-transform: capitalize; letter-spacing:normal} /* the header - we have a 1 pixel wide repeating image to show a nice gradient here */ /* 474747 */ #bookingAvailabilityContainer table.bookingtable tr th .jBA-day, .bookingAvailabilityContainer table.bookingtable tr th .jBA-day { font-weight:bold; font-size:13px !important;} /* the day part of the header row */ #bookingAvailabilityContainer table.bookingtable tr th .jBA-date, .bookingAvailabilityContainer table.bookingtable tr th .jBA-date { font-weight:normal; font-size:12px !important; } /* the date part of the header row */ #bookingAvailabilityContainer table.bookingtable tr td.jBA-first, .bookingAvailabilityContainer table.bookingtable tr td.jBA-first { padding-top:10px; } /* first row top-spacer */ #bookingAvailabilityContainer table.bookingtable tr td.jBA-last, .bookingAvailabilityContainer table.bookingtable tr td.jBA-last { padding-bottom:10px; } /* last row bottom-spacer */ #bookingAvailabilityContainer table.bookingtable tr td.jBA-sep, .bookingAvailabilityContainer table.bookingtable tr td.jBA-sep { padding-top:10px; padding-bottom:10px;} /* mid user seperator spacing */ #bookingAvailabilityContainer table.bookingtable tr td.jBA-sep .jBA-seperator, .bookingAvailabilityContainer table.bookingtable tr td.jBA-sep .jBA-seperator { height:1px; line-height:1px; background:#cdcdcd;} /* mid user seperator line */ #bookingAvailabilityContainer table.bookingtable tr td .jBA-user-title, .bookingAvailabilityContainer table.bookingtable tr td .jBA-user-title { font-size:12px; width:99px;} /* the user name div */ #bookingAvailabilityContainer table.bookingtable tr td .jBA-user-img, .bookingAvailabilityContainer table.bookingtable tr td .jBA-user-img { padding-top:1px; margin-bottom:10px;} #bookingAvailabilityContainer table.bookingtable tr td .jBA-user-img img, .bookingAvailabilityContainer table.bookingtable tr td .jBA-user-img img { border:1px solid #777777; } /* a small border around the user images */ /* sets the footer background color, also sets a rounded corner on newer browsers */ #bookingAvailabilityContainer table.bookingtable tfoot tr.jBA-foot td, .bookingAvailabilityContainer table.bookingtable tfoot tr.jBA-foot td { display:table-cell !important; background:#c2c2c2; -moz-border-radius-bottomright:13px; -webkit-border-bottom-right-radius:13px; -moz-border-radius-bottomleft:13px; -webkit-border-bottom-left-radius:13px; border-bottom-left-radius:13px; border-bottom-right-radius:13px; height:23px !important; font-size:10px !important; text-align:right !important; padding-right:10px; width:auto; } /* stylesheet info for this td may be embedded in JS future */ .jBA-foot td { display:table-cell !important; } /* (Mick 14dec) */ #bookingAvailabilityContainer table.bookingtable tfoot tr.jBA-foot td a, .bookingAvailabilityContainer table.bookingtable tfoot tr.jBA-foot td a{ font-weight:normal; text-shadow: none; font-size: 10px; text-decoration: underline;} .jBA-noaptfound{ position:absolute; background:#FFFFFF; border:1px solid; padding:20px; width: 250px; } #bookingAvailabilityContainer table td, #bookingAvailabilityContainer table th { border: 0px; padding: 0px; } /* http://ontariocpa.ca/appointment/ */ #bookingAvailabilityContainer .widget_dd_section_heading, #bookingAvailabilityContainer .widget_dd_section_heading a { font:inherit;} .mediumScreenDisabled { display:block !important } #bookingAvailabilityContainer tfoot select, .bookingAvailabilityContainer tfoot select {width: 150px; color: #666; background:#ededed; font-size:11px; border:1px solid #999; border-radius:3px} #bookingAvailabilityContainer tfoot .ys-bkng-ft, .bookingAvailabilityContainer tfoot .ys-bkng-ft { line-height:20px;} #bookingAvailabilityContainer table.bookingtable select#ltzi, .bookingAvailabilityContainer table.bookingtable select#ltzi { margin:0px !important; padding:0px !important; height:auto !important;} #bookingAvailabilityContainer table.bookingtable tr:hover td, .bookingAvailabilityContainer table.bookingtable tr:hover td, #bookingAvailabilityContainer table.bookingtable:not(.shop_table) tr:hover td a, .bookingAvailabilityContainer table.bookingtable:not(.shop_table) tr:hover td a { color:#000000 !important; } /* client fixes */ #bookingAvailabilityContainer a img { -webkit-box-shadow:none !important; box-shadow:none !important; } /* remove some glitch seen in the wild */ #bookingAvailabilityContainer select.widget_dd_selectbx { min-width:320px !important; color:#000000 !important;} /* was- "width:320px !important;" above */ /* end old style of booking widget */ .ys_lower_footer_widget_by { font-size: .56em; color:#bfbfbf; margin-top:10px;} .dp-calendar table.jCalendar { float:none !important } /* fix for acct id 34104*/ @media screen and (max-width: 479px) { /* start of phone styles */ #bookingAvailabilityContainer { width:320px; } .widget_optns_cont { width:320px;} .widget_dd_section_heading { width:320px; font-size:1em;} .widget_dd_styling { width:320px; } .widget_dd_styling select { width:320px; } .dp-widget-calendar-container { max-width:320px; } .dp-widget-calendar-container table.jCalendar { width:320px; } .dp-widget-calendar-container table.jCalendar th { font-size:.8em; } .dp-widget-calendar-container table.jCalendar td { font-size:1em; height:40px; } .widget_cont_v2 .jBA-tblwrap { max-width:320px; } .widget_cont_v2 .jBA-tblwrap .jBA-slotarea-container { font-size:1.1em; } .widget_cont_v2 .jBA-tblwrap .jBA-slotarea-container .slotval-col { width:100px; } .widget_cont_v2 .jBA-tblwrap .jBA-slotarea-container .slotval a { font-size:1.2em; padding-left:10px; padding-right:5px; line-height:30px;} .widget_cont_v2 .jBA-tblwrap .jBA-slotarea-container .slotval a:hover { margin-right:10px; } .ys_lower_footer_widget_by { font-size:.9em; } /* this forces a max of 3 rows to help keep the widget mobile friendly this works for the basic view * * / .jBA-slotarea-container .slotval-day-col:nth-of-type(n+5){ display:none; } .jBA-slotarea-container .slotval-day-col .slotval-container{display:block !important; background:red;} .jBA-slotarea-container .slotval-day-col { width:31.9% !important; } / * */ /* this forces a max of 3 rows to help keep the widget mobile friendly */ /*.jBA-slotarea-container .slotval-day-col:nth-of-type(n-5){ display:block; }*/ .jBA-slotarea-container .slotval-day-col:nth-of-type(n+5) .slotval-container{ display:none !important;} .jBA-slotarea-container .slotval-day-col:nth-of-type(n+5) .jBA-day { display:none !important;} .jBA-slotarea-container .slotval-day-col:nth-of-type(n+5) .jBA-date { display:none !important;} /*.jBA-slotarea-container .slotval-day-col .slotval-container[data-daynum_v2] { display:block !important; border:10px solid red !important; background:yellow !important}*/ /*.jBA-slotarea-container .slotval-day-col[data-daynum_v2=3] {display:block; background:red;}*/ /*.jBA-slotarea-container .slotval-day-col .slotval-container{display:block !important; background:red;}*/ .jBA-slotarea-container .slotval-day-col .slotval-container[data-daynum_v2='0'] {display:block !important;} .jBA-slotarea-container .slotval-day-col .slotval-container[data-daynum_v2='1'] {display:block !important;} .jBA-slotarea-container .slotval-day-col .slotval-container[data-daynum_v2='2'] {display:block !important;} .jBA-slotarea-container .slotval-day-col .slotval-container[data-usrrow_v2] {display:block !important;} .jBA-slotarea-container .slotval-day-col { width:31.9% !important; } .widget_dd_styling { width:320px !important;} .widget_dd_section_heading { width:320px !important; } .widget_cont_v2 .show-more-slots-rowbot a { font-size: 1em;} }