.booking-widget .grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:48px auto;grid-template-areas:"how how" "when when" "where where" "participants participants" "remote classroom" "quote quote"}.booking-widget .booking-widget-participants{grid-area:participants;display:block;text-align:left;flex-wrap:wrap;align-items:flex-start;justify-content:space-evenly}.booking-widget .grid-container.private{grid-template-columns:1fr 1fr 1fr;grid-template-rows:48px auto;grid-template-areas:"how how how" "info info info" "onsite remote classroom" "quote quote quote"}.booking-widget .option{display:inline-block;border:1px solid #ccc;padding:8px 14px;margin:0 0 10px;text-align:center;border-radius:5px;margin-right:2px;cursor:pointer;min-height:38px}.booking-widget .option.active{border-color:#006ebe}.booking-widget .option input[type=radio]{display:none}.booking-widget .well{margin:2px;background:#f2f2f2;border-radius:5px;border:none;padding:10px}.booking-widget .booking-widget-when{grid-area:when}.booking-widget .booking-widget-where{grid-area:where}.booking-widget .booking-widget-remote{grid-area:remote;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.booking-widget .booking-widget-classroom{grid-area:classroom;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.booking-widget .booking-widget-quote{grid-area:quote;text-align:center}.booking-widget .booking-widget-info{grid-area:info}.booking-widget .booking-widget-onsite{grid-area:onsite;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.booking-widget .course-date{display:flex}.booking-widget .booking-widget-how{grid-area:how;padding:0;margin-bottom:-2px;border-radius:0;background:0 0}.booking-widget .booking-widget-how .label-how{display:none}.booking-widget .booking-widget-participants .option{flex:1}.booking-widget .booking-widget-how .option{margin-bottom:0;font-size:18px;font-weight:400;margin-right:5px;padding:10px 20px;border-radius:4px 4px 0 0;background:linear-gradient(#f2f2f2,#ccc);border:none}.booking-widget .booking-widget-how .option.active{background:#f2f2f2}.booking-widget .flex-container>.well:nth-child(2){border-top-left-radius:0}.price-per-participant{margin-bottom:10px}.booking-widget .course-date>div{flex:1;margin-right:10px}.booking-widget .course-date>div:last-of-type{margin-right:0}@media (min-width:800px){.booking-widget .grid-container{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:48px auto;grid-template-areas:"how how how" "when remote classroom" "where remote classroom" "participants quote quote"}.booking-widget .booking-widget-participants{display:block;text-align:left}.booking-widget .grid-container.private{grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:48px auto;grid-template-areas:"how how how how" "info onsite remote classroom" "info quote quote quote"}.booking-widget .select-group{font-size:14px}}@media (min-width:1000px){.booking-widget .grid-container{display:grid;grid-template-columns:1fr 1fr 110px 1fr 1fr;grid-template-rows:48px auto auto auto;grid-template-areas:"how how how how how" "when when participants remote classroom" "where where participants remote classroom" "where where participants quote quote"}.booking-widget .grid-container.private{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:48px auto auto auto;grid-template-areas:"how how how how" "info onsite remote classroom" "info onsite remote classroom" "info quote quote quote"}.booking-widget .booking-widget-participants{text-align:center;display:flex}}.react-datepicker-wrapper,.react-datepicker__input-container,.react-datepicker__input-container input{width:100%}.react-datepicker__input-container input{background-image:url("data:image/svg+xml;utf8,<svg height='20' width='20' fill='%23cccccc' aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'></path></svg>");background-repeat:no-repeat;background-position-x:8px;background-position-y:8px;cursor:pointer;padding:5px 8px 5px 36px;border:1px solid #ccc;width:100%;font-size:14px;background-color:#fff;border-color:#ccc;min-height:38px;outline:0!important;box-sizing:border-box;border-radius:4px}.booking-widget .react-datepicker__close-icon{background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='20' width='20' fill='%23cccccc' viewBox='0 0 20 20' aria-hidden='true' focusable='false'><path d='M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z'></path></svg>");border:0;background-repeat:no-repeat;background-position:center;cursor:pointer;outline:0;padding:0;vertical-align:middle;position:absolute;height:36px;width:36px;top:0;right:0}.booking-widget .react-datepicker__close-icon::after{background-color:transparent;content:"";display:none}.booking-widget .css-1hwfws3{padding-left:36px;background-image:url("data:image/svg+xml;utf8,<svg height='20' width='20' fill='%23cccccc' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'></path></svg>");background-repeat:no-repeat;background-position-x:8px;background-position-y:6px}.booking-widget .css-1492t68{margin-left:0}.react-datepicker-wrapper{display:inline-block;margin-bottom:10px}.booking-widget .end-date-field{background-color:rgba(255,255,255,.7);border:none}.link-block{display:block;margin:0 0 10px}.booking-widget .booking-widget-book .btn-primary,.booking-widget .booking-widget-book .btn-success{width:100%}.error input,.error>div{border-color:red}.error-msg{color:red;right:0;position:absolute;top:-34px;background:#fff;padding:5px;font-size:12.8px;border-radius:4px;box-shadow:0 4px 7px -4px #000;z-index:999}.error-msg::after{content:'';display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;position:absolute;right:12px;bottom:-5px;box-shadow:0 4px 7px -4px #000;z-index:9999998}.btn-secondary{background-color:#ccc;text-align:center;width:100%}.btn{margin-bottom:5px}.outline-titles{margin-bottom:0}.icon-text-space,h2.outline-titles+.icon-text-space,h2.outline-titles+p{margin-top:0;margin-left:52px;margin-right:60px}.icon-text-space p:first-child{margin-top:0}.icon-pushpin svg,.icon-tasks svg{width:30px;height:30px;margin-bottom:0}.widger-loader{margin:17px;margin-bottom:35px;background:#f2f2f2;box-shadow:none;border-radius:5px;display:flex;justify-content:center;align-items:center;min-height:207px}.widger-loader svg{animation:spin 2s infinite linear}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width:480px){.booking-widget .option{margin-right:8px}}.outline-certification,.outline-course-outline{padding-left:50px}.outline-certification{padding-top:20px;font-size:.9em}.promoted-courses-list{padding:0;margin:0;list-style:none}.promoted-course{display:flex;flex-wrap:wrap;align-items:center;border:1px solid #f2f2f2;border-bottom:3px solid #f2f2f2;border-radius:5px;margin-bottom:5px}.promoted-course a.button,.promoted-course span.button{text-align:center;display:inline-block;margin:5px;background:#f2f2f2;border-radius:5px;min-width:100px;width:calc(100% - 4px)}.promoted-course a.button:last-of-type,.promoted-course span.button:last-of-type{margin-right:0}.course-type{font-weight:700}.original-price{text-decoration:line-through}.select-course{flex:1;text-align:center}.course-booking{flex:2;text-align:center}.course-details{flex:2;min-width:100%;display:flex;margin-bottom:5px;justify-content:space-around;background:#006ebe;color:#fff;padding:5px;border-radius:5px 5px 0 0}.promoted-course .arrow-right{width:16px;height:auto}.promoted-course .arrow-right path{fill:#ccc}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{box-sizing:initial;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker,.react-datepicker-wrapper{display:inline-block}.react-datepicker{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;position:relative}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{margin-top:10px}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;border-top-right-radius:.3rem;padding-top:8px;position:relative}.react-datepicker-time__header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{background:0 0;line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;padding:0;border:.45rem solid transparent;z-index:1;height:10px;width:10px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day{cursor:pointer}.react-datepicker__day:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover{background-color:#1d5d90}.react-datepicker__day--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover{background-color:initial}.react-datepicker__input-container{position:relative;display:inline-block}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;outline:0;padding:0;vertical-align:middle;position:absolute;height:16px;width:16px;top:25%;right:7px}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;bottom:0;box-sizing:border-box;color:#fff;content:"\D7";cursor:pointer;font-size:12px;height:16px;width:16px;line-height:1;margin:-8px auto 0;padding:2px;position:absolute;right:0;text-align:center}.react-datepicker{font-size:1em!important}.react-datepicker__header{padding-top:.8em!important}.react-datepicker__month{margin:.4em 1em!important}.react-datepicker__day,.react-datepicker__day-name{width:1.9em!important;line-height:1.9em!important;margin:.166em!important}.react-datepicker__current-month{font-size:1em!important}.react-datepicker__navigation{top:1em!important;line-height:1.7em!important;border:.45em solid transparent!important}.react-datepicker__navigation--previous{border-right-color:#ccc!important;left:1em!important}.react-datepicker__navigation--next{border-left-color:#ccc!important;right:1em!important;left:205px!important}