/* flatpickr v4.6.3,, @license MIT */ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /* Datetime Picker */ .globo-form-app { /* make sure to set some focus styles for accessibility */ /* HTML5 display-role reset for older browsers */ /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ /** * Address `outline` inconsistency between Chrome and other browsers. */ /** * Improve readability when focused and also mouse hovered in all browsers. */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ /** * Correct margin displayed oddly in IE 6/7. */ /** * Define consistent border, margin, and padding. */ /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ /** * Re-set default cursor for disabled elements. */ /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ /** * Remove inner padding and border in Firefox 3+. */ /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ /** * Remove most spacing between table cells. */ } .globo-form-app div, .globo-form-app span, .globo-form-app applet, .globo-form-app object, .globo-form-app iframe, .globo-form-app h1, .globo-form-app h2, .globo-form-app h3, .globo-form-app h4, .globo-form-app h5, .globo-form-app h6, .globo-form-app p, .globo-form-app blockquote, .globo-form-app pre, .globo-form-app a, .globo-form-app abbr, .globo-form-app acronym, .globo-form-app address, .globo-form-app big, .globo-form-app cite, .globo-form-app code, .globo-form-app del, .globo-form-app dfn, .globo-form-app em, .globo-form-app img, .globo-form-app ins, .globo-form-app kbd, .globo-form-app q, .globo-form-app s, .globo-form-app samp, .globo-form-app small, .globo-form-app strike, .globo-form-app strong, .globo-form-app sub, .globo-form-app sup, .globo-form-app tt, .globo-form-app var, .globo-form-app b, .globo-form-app u, .globo-form-app i, .globo-form-app center, .globo-form-app dl, .globo-form-app dt, .globo-form-app dd, .globo-form-app ol, .globo-form-app ul, .globo-form-app li, .globo-form-app fieldset, .globo-form-app form, .globo-form-app label, .globo-form-app legend, .globo-form-app table, .globo-form-app caption, .globo-form-app tbody, .globo-form-app tfoot, .globo-form-app thead, .globo-form-app tr, .globo-form-app th, .globo-form-app td, .globo-form-app article, .globo-form-app aside, .globo-form-app canvas, .globo-form-app details, .globo-form-app embed, .globo-form-app figure, .globo-form-app figcaption, .globo-form-app footer, .globo-form-app header, .globo-form-app hgroup, .globo-form-app menu, .globo-form-app nav, .globo-form-app output, .globo-form-app ruby, .globo-form-app section, .globo-form-app summary, .globo-form-app time, .globo-form-app mark, .globo-form-app audio, .globo-form-app video { margin: 0; padding: 0; border: 0; } .globo-form-app :focus { outline: 0; } .globo-form-app article, .globo-form-app aside, .globo-form-app details, .globo-form-app figcaption, .globo-form-app figure, .globo-form-app footer, .globo-form-app header, .globo-form-app hgroup, .globo-form-app menu, .globo-form-app nav, .globo-form-app section { display: block; } .globo-form-app ol, .globo-form-app ul { list-style: none; } .globo-form-app blockquote, .globo-form-app q { quotes: none; } .globo-form-app blockquote:before, .globo-form-app blockquote:after, .globo-form-app q:before, .globo-form-app q:after { content: ""; content: none; } .globo-form-app table { border-collapse: collapse; border-spacing: 0; } .globo-form-app input[type="search"]::-webkit-search-cancel-button, .globo-form-app input[type="search"]::-webkit-search-decoration, .globo-form-app input[type="search"]::-webkit-search-results-button, .globo-form-app input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } .globo-form-app input[type="search"] { -webkit-appearance: none; -moz-appearance: none; box-sizing: content-box; } .globo-form-app textarea { overflow: auto; vertical-align: top; resize: vertical; } .globo-form-app [hidden] { display: none; } .globo-form-app a:focus { outline: thin dotted; } .globo-form-app a:active, .globo-form-app a:hover { outline: 0; } .globo-form-app img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } .globo-form-app figure { margin: 0; } .globo-form-app form { margin: 0; } .globo-form-app fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .globo-form-app legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } .globo-form-app button, .globo-form-app input, .globo-form-app select, .globo-form-app textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } .globo-form-app button, .globo-form-app input { line-height: normal; } .globo-form-app button, .globo-form-app select { text-transform: none; } .globo-form-app button, .globo-form-app html input[type="button"], .globo-form-app input[type="reset"], .globo-form-app input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } .globo-form-app button[disabled], .globo-form-app html input[disabled] { cursor: default; } .globo-form-app input[type="checkbox"], .globo-form-app input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } .globo-form-app input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } .globo-form-app input[type="search"]::-webkit-search-cancel-button, .globo-form-app input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .globo-form-app button::-moz-focus-inner, .globo-form-app input::-moz-focus-inner { border: 0; padding: 0; } .globo-form-app textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } .globo-form-app table { border-collapse: collapse; border-spacing: 0; } .globo-form-app button, .globo-form-app input, .globo-form-app select, .globo-form-app textarea { color: #222; } .globo-form-app ::-moz-selection { background: #b3d4fc; text-shadow: none; } .globo-form-app ::selection { background: #b3d4fc; text-shadow: none; } .globo-form-app img { vertical-align: middle; } .globo-form-app fieldset { border: 0; margin: 0; padding: 0; } .globo-form-app textarea { resize: vertical; } .globo-form-app .disabled { cursor: pointer; } .globo-form .ql-align-center { text-align: center; } .globo-form .ql-align-right { text-align: right; } .globo-form .ql-align-justify { text-align: justify; } .globo-form-app { max-width: 600px; margin: 0 auto; box-sizing: border-box; margin-top: 30px; margin-bottom: 30px; } .globo-form-app .flex-wrap { display: -webkit-box; display: flex; flex-wrap: wrap; } .globo-form-app.boxed-layout { padding: 30px; position: relative; -webkit-transition: -webkit-box-shadow 0.25s; -webkit-transition: box-shadow 0.25s; transition: box-shadow 0.25s; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 768px) { .globo-form-app.boxed-layout { padding: 15px; } } .globo-form-app.float-layout { padding: 30px; -webkit-transition: -webkit-box-shadow 0.25s; -webkit-transition: box-shadow 0.25s; transition: box-shadow 0.25s; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); background: #FFF; position: fixed; margin-left: 30px; right: 30px; bottom: 30px; max-height: 90vh; overflow-y: auto; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: translateY(calc(100% + 30px)); transform: translateY(calc(100% + 30px)); margin: 0; z-index: 10001; } .globo-form-app.float-layout.active { -webkit-transform: none; transform: none; } @media only screen and (max-width: 768px) { .globo-form-app.float-layout { right: 0; bottom: 10px; margin: 0 10px; padding: 15px; } } .globo-form-app .errors { background: transparent; } .globo-form-app .header { margin-bottom: 25px; } .globo-form-app .header .title { margin-bottom: 0.5rem; font-family: inherit; font-weight: 600; line-height: 1.5; font-size: 1.625rem; } .globo-form-app .header .description { box-sizing: border-box; margin-top: 0; margin-bottom: 1rem; font-size: 1rem; font-weight: 300; line-height: 1.7; color: #000; } .globo-form-app .content { margin: 0 -5px; } .globo-form-app .globo-form-control { margin-bottom: 1.5rem; font-size: 0.875rem; box-sizing: border-box; padding: 0 5px; width: 100%; position: relative; } .globo-form-app .globo-form-control.layout-1-column { width: 100%; } .globo-form-app .globo-form-control.layout-2-column { width: 50%; } .globo-form-app .globo-form-control.layout-3-column { width: 33.33%; } @media only screen and (max-width: 768px) { .globo-form-app .globo-form-control.layout-1-column, .globo-form-app .globo-form-control.layout-2-column, .globo-form-app .globo-form-control.layout-3-column { width: 100%; } } .globo-form-app .globo-form-control.conditional-field { display: none; } .globo-form-app .globo-form-control label { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-box-direction: normal; touch-action: manipulation; color: #212b36; display: block; margin-bottom: 4px; font-weight: 400; line-height: 20px; text-transform: initial; letter-spacing: initial; cursor: pointer; font-size: 14px; } @media only screen and (max-width: 768px) { .globo-form-app .globo-form-control label { font-size: 15px; } } .globo-form-app .globo-form-control input, .globo-form-app .globo-form-control textarea, .globo-form-app .globo-form-control select { box-sizing: border-box; margin: 0; font-family: inherit; overflow: visible; display: block; height: calc(2.45rem + 2px); padding: 0.625rem 0.75rem; color: #000; background-color: #f1f1f1; background-clip: padding-box; border-radius: 2px; -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); font-size: 0.875rem; position: relative; -webkit-box-flex: 1; flex: 1 1 auto; margin-bottom: 0; border: 0; box-shadow: none; width: 100%; box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); border: 0; -webkit-transition: box-shadow 0.15s ease; transition: box-shadow 0.15s ease; outline: none; } .globo-form-app .globo-form-control input:focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .globo-form-app .globo-form-control textarea { height: initial; } .globo-form-app .globo-form-control .help-text { display: block; color: #6c757d; margin-top: .25rem; font-size: 0.775rem; } .globo-form-app .globo-form-control .text-danger { color: #c10000; } .globo-form-app .globo-form-control .text-smaller { font-size: smaller; } .globo-form-app .globo-form-control.has-error input { border-color: #dc3545; border-width: 1px; border-style: solid; } .globo-form-app .globo-form-control .help-block { width: 100%; margin-top: .25rem; font-size: 13px; } .globo-form-app .globo-form-control .help-block.error { color: #dc3545; } .globo-form-app .globo-form-control .classic_rounded-input { border-radius: 20px; } .globo-form-app .globo-form-control .flat-input { box-shadow: none; } .globo-form-app .globo-form-control .flat-input:focus { box-shadow: none; } .globo-form-app .globo-form-control .flat_rounded-input { box-shadow: none; } .globo-form-app .globo-form-control .flat_rounded-input:focus { box-shadow: none; } .globo-form-app .globo-form-control .flat_rounded-input { border-radius: 20px; } .globo-form-app .globo-form-control .material-label { font-weight: normal; line-height: 1.6; -webkit-font-smoothing: antialiased; box-sizing: inherit; color: #9e9e9e; position: absolute; top: 0; font-size: 1rem; cursor: text; transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out; text-align: initial; -webkit-transform: translateY(-14px) scale(0.8); transform: translateY(-14px) scale(0.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; } .globo-form-app .globo-form-control .material-input { -webkit-font-smoothing: antialiased; overflow: visible; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: none; width: 100%; padding: 0; box-shadow: none; box-sizing: content-box; -webkit-transition: box-shadow 0.3s, border 0.3s; transition: box-shadow 0.3s, border 0.3s; } .globo-form-app .globo-form-control .material-input:focus { box-shadow: none; border-bottom: 1px solid #FFF; box-shadow: 0 1px 0 0 #FFF; } .globo-form-app .globo-form-control textarea.material-input, .globo-form-app .globo-form-control textarea.material-input:focus { height: calc(2.45rem + 2px); } .globo-form-app .globo-form-control .checkbox-wrapper { position: relative; display: block; min-height: 1.5rem; padding-left: 1.75rem; } .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input { margin: 0; overflow: visible; position: absolute; z-index: -1; opacity: 0; box-sizing: border-box; padding: 0; } .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-label { font-weight: 400; line-height: 1.5rem; text-align: left; box-sizing: border-box; display: inline-block; position: relative; margin-bottom: 0; cursor: pointer; font-size: 0.875rem; top: 0; } .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:before, .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:after { position: absolute; top: 1px; left: -1.75rem; display: block; width: 1.25rem; height: 1.25rem; content: ""; } .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:before { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; box-shadow: none; border: 1px solid; box-sizing: border-box; box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); border-radius: 0.25rem; -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input:checked ~ .checkbox-label:before { border-color: #FFF; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); background-color: #FFF; } .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:after { background-repeat: no-repeat; background-position: 50%; background-size: 50% 50%; } .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input:checked ~ .checkbox-label:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .globo-form-app .globo-form-control .radio-wrapper { position: relative; display: block; min-height: 1.5rem; padding-left: 1.75rem; } .globo-form-app .globo-form-control .radio-wrapper .radio-input { margin: 0; overflow: visible; position: absolute; z-index: -1; opacity: 0; box-sizing: border-box; padding: 0; } .globo-form-app .globo-form-control .radio-wrapper .radio-label { font-weight: 400; line-height: 1.5rem; text-align: left; box-sizing: border-box; display: inline-block; position: relative; margin-bottom: 0; cursor: pointer; font-size: 0.875rem; } .globo-form-app .globo-form-control .radio-wrapper .radio-input ~ .radio-label:before, .globo-form-app .globo-form-control .radio-wrapper .radio-input ~ .radio-label:after { position: absolute; top: 1px; left: -1.75rem; display: block; width: 1.25rem; height: 1.25rem; border-radius: 50%; content: ""; border: 1px solid; box-sizing: border-box; } .globo-form-app .globo-form-control .radio-wrapper .radio-input ~ .radio-label:before { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; box-shadow: none; box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .globo-form-app .globo-form-control .radio-wrapper .radio-input:checked ~ .radio-label:before { border-color: #FFF; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .globo-form-app .globo-form-control .radio-wrapper .radio-input ~ .radio-label:after { background-repeat: no-repeat; background-position: 50%; background-size: 50% 50%; } .globo-form-app .globo-form-control .radio-wrapper .radio-input:checked ~ .radio-label:after { background: #FFF; background: radial-gradient(#FFF 40%, #fff 45%); } .globo-form-app .globo-form-control .heading-title { font-size: 1.4em; line-height: 1.4em; font-weight: 600; margin-bottom: 10px; } .globo-form-app .globo-form-control .heading-caption { line-height: 1.61em; font-weight: 300; font-size: 1.2em; } .globo-form-app .globo-form-control .star-rating > fieldset { border: none; display: inline-block; } .globo-form-app .globo-form-control .star-rating > fieldset:not(:checked) > input { position: absolute; top: -9999px; clip: rect(0, 0, 0, 0); } .globo-form-app .globo-form-control .star-rating > fieldset:not(:checked) > label { float: right; width: 1em; padding: 0 0.05em; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 200%; color: transparent; } .globo-form-app .globo-form-control .star-rating > fieldset:not(:checked) > label:before { content: url('data:image/svg+xml; utf8, '); } .globo-form-app .globo-form-control .star-rating > fieldset:not(:checked) > label:hover:before, .globo-form-app .globo-form-control .star-rating > fieldset:not(:checked) > label:hover ~ label:before { content: url('data:image/svg+xml; utf8, '); } .globo-form-app .globo-form-control .star-rating > fieldset > input:checked ~ label:before { content: url('data:image/svg+xml; utf8, '); } .globo-form-app .globo-form-control .star-rating > fieldset > label:active { position: relative; top: 2px; } .globo-form-app .footer .description { margin-bottom: 0.5rem; } .globo-form-app .footer button.action { -webkit-font-smoothing: antialiased; -webkit-filter: brightness(100%); filter: brightness(100%); box-sizing: border-box; overflow: visible; text-transform: none; -webkit-appearance: button; display: inline-block; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-weight: 400; font-size: 0.8571em; line-height: 1.35em; border-radius: 2px; padding: 11px 22px; min-width: 100px; background-color: #FFF; color: #313131; cursor: pointer; overflow: hidden; } .globo-form-app .footer button.action:hover { box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17); -webkit-filter: brightness(110%); filter: brightness(110%); } .globo-form-app .footer button.action.classic_rounded-button, .globo-form-app .footer button.action.flat_rounded-button { border-radius: 20px; } .globo-form-app .footer button.action.flat-button, .globo-form-app .footer button.action.flat-button:hover, .globo-form-app .footer button.action.flat_rounded-button, .globo-form-app .footer button.action.flat_rounded-button:hover { box-shadow: none; } .globo-form-app .footer button.action.loading .spinner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #eb1256; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .globo-form-app .footer button.action.loading .spinner:after { content: ''; border: 3px solid transparent; border-top: 3px solid #ffffff; border-left: 3px solid #ffffff; border-radius: 50%; width: 16px; height: 16px; -webkit-animation: spinButton 1s cubic-bezier(0.34, 0.11, 0.63, 0.86) infinite; animation: spinButton 1s cubic-bezier(0.34, 0.11, 0.63, 0.86) infinite; } .globo-form-app .wizard__header { position: relative; } .globo-form-app .wizard__header-content { position: absolute; width: 100%; padding: 0 25px; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); } .globo-form-app .wizard__header-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.6); border-top-left-radius: 5px; border-top-right-radius: 5px; } .globo-form-app .wizard__title { font-size: 1.5rem; line-height: 2rem; margin: 0; } .globo-form-app .wizard__subheading { text-transform: uppercase; margin: 0; font-size: 0.8rem; font-weight: 100; letter-spacing: 2px; } .globo-form-app .wizard__subheading span { font-weight: 600; } .globo-form-app .wizard__steps { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform: translateY(50%); transform: translateY(50%); z-index: 10; } .globo-form-app .wizard__congrats-message { display: none; color: #676767; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .globo-form-app .wizard.completed .wizard__content { -webkit-animation: gettingOut 2s cubic-bezier(1, -0.71, 1, 1.16) forwards; animation: gettingOut 2s cubic-bezier(1, -0.71, 1, 1.16) forwards; } .globo-form-app .line { position: absolute; top: 5px; left: 50%; z-index: -1; height: 3px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .globo-form-app .line.-start { left: 0%; background: #FFF; width: 50%; } .globo-form-app .line.-end { left: 50%; background: #FFF; width: 50%; } .globo-form-app .line.-background { background: #c3c3c3; width: 100%; } .globo-form-app .line.-progress { background: #FFF; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; } .globo-form-app .line.-in-progress { -webkit-transform: scaleX(1); transform: scaleX(1); } .globo-form-app .panels { position: relative; overflow: hidden; } .globo-form-app .panel { position: absolute; top: 0; left: 0; -webkit-transition: 0.5s all; transition: 0.5s all; width: 100%; padding-top: 25px; margin: 0 -5px; visibility: hidden; display: -webkit-box; display: flex; flex-wrap: wrap; } .globo-form-app .panel__header { margin-bottom: 15px; } .globo-form-app .panel__title { font-size: 1.5rem; line-height: 2rem; margin: 0; } .globo-form-app .panel__subheading { font-size: 0.9rem; line-height: 1.2rem; margin: 0; } .globo-form-app .panel.movingOutBackward { -webkit-transform: translateX(-600px); transform: translateX(-600px); } .globo-form-app .panel.movingOutFoward { -webkit-transform: translateX(600px); transform: translateX(600px); visibility: hidden; } .globo-form-app .panel.movingIn { -webkit-transform: translateX(0); transform: translateX(0); visibility: inherit; } .globo-form-app .steps { position: relative; display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: 0 1 auto; color: #fff; } .globo-form-app .step { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; box-sizing: border-box; text-align: center; border-radius: 5px; } .globo-form-app .step__content { position: relative; z-index: 2; } .globo-form-app .step__number { font-size: 13px; color: #676767; background-color: #fff; font-weight: 800; width: 10px; height: 10px; line-height: 10px; margin: 0 auto; border-radius: 50%; border: 3px solid #c3c3c3; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 1; z-index: 5; box-sizing: content-box; } .globo-form-app .step.-completed .step__number { opacity: 0; } .globo-form-app .step.-completed .checkmark { z-index: 0; -webkit-animation: fill 0.4s ease-in-out forwards, scale 0.3s ease-in-out 0.6s both; animation: fill 0.4s ease-in-out forwards, scale 0.3s ease-in-out 0.6s both; } .globo-form-app .step.-completed .checkmark__check { -webkit-animation: stroke 0.5s linear 0.4s forwards; animation: stroke 0.5s linear 0.4s forwards; } .globo-form-app .step.-completed .line { -webkit-transform: scaleX(1); transform: scaleX(1); } .globo-form-app .step:last-child .line { width: 50%; } .globo-form-app .checkmark { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50%; stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #FFF; z-index: -1; } .globo-form-app .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 8; stroke-miterlimit: 10; stroke: #FFF; fill: none; -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .globo-form-app .checkmark__check { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; stroke-dasharray: 40; stroke-dashoffset: 40; stroke: #fff; stroke-width: 5; } .globo-form-app .button { cursor: pointer; font-size: 1rem; line-height: 1rem; background: #FFF; color: #fff; padding: 10px 15px; border: none; outline: none; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; } .globo-form-app .button:hover { background: white; } .globo-form-app .button.previous { margin-right: 5px; } .globo-form-app .button.disabled { background: #c3c3c3; cursor: default; } .globo-form-app .message { display: none; width: 100%; padding: 10px; background: #f4f6f8; font-size: 14px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; position: relative; box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); box-sizing: border-box; font-size: 13px; } .globo-form-app .message + .footer { margin-top: 25px; } .globo-form-app .message.success { background: #eff7ed; color: #212b36; } .globo-form-app .message.warning { background: #fdf7e3; } .globo-form-app .message.danger { background: #fdf3f0; color: red; } .globo-form-app .message.error { color: #cc0000; background: #fdf3f0; } .globo-form-app .message .dismiss { width: 14px; height: 14px; cursor: pointer; } .globo-form-app .message .content { margin: 0; } .globo-form-app .message .dismiss { position: absolute; top: 12px; right: 12px; } .globo-form-app .message .err-item { display: list-item; margin-left: 25px; } @-webkit-keyframes stroke { to { stroke-dashoffset: 0; } } @keyframes stroke { to { stroke-dashoffset: 0; } } @-webkit-keyframes scale { 50% { -webkit-transform: translateX(-50%) scale3d(1.5, 1.5, 1.5); transform: translateX(-50%) scale3d(1.5, 1.5, 1.5); } 100% { -webkit-transform: scale3d(0); transform: scale3d(0); } } @keyframes scale { 50% { -webkit-transform: translateX(-50%) scale3d(1.5, 1.5, 1.5); transform: translateX(-50%) scale3d(1.5, 1.5, 1.5); } 100% { -webkit-transform: scale3d(0); transform: scale3d(0); } } @-webkit-keyframes fill { 100% { box-shadow: inset 0px 0px 0px 30px #FFF; } } @keyframes fill { 100% { box-shadow: inset 0px 0px 0px 30px #FFF; } } @-webkit-keyframes gettingOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 30% { -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } @keyframes gettingOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 30% { -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } @-webkit-keyframes fadeIn { 100% { opacity: 1; } } @keyframes fadeIn { 100% { opacity: 1; } } @-webkit-keyframes spinButton { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinButton { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .globo-form .floating-button { -webkit-font-smoothing: antialiased; border: 0; cursor: pointer; display: -webkit-inline-box; display: inline-flex; outline: 0; position: relative; -webkit-box-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; -webkit-box-pack: center; justify-content: center; text-decoration: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; font-size: 0.875rem; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); box-sizing: border-box; -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-weight: 500; line-height: 1.75; letter-spacing: 0.02857em; color: #fff; background-color: #FFF; width: auto; height: 56px; padding: 0 20px; min-width: 56px; min-height: auto; border-radius: 28px; position: fixed; bottom: 30px; right: 30px; z-index: 10000; } .globo-form .floating-button.circle { width: 56px; } .globo-form .floating-button.circle .fabLabel svg { margin-right: 0; } .globo-form .floating-button .fabLabel { width: 100%; display: inherit; -webkit-box-align: inherit; align-items: inherit; -webkit-box-pack: inherit; justify-content: inherit; } .globo-form .floating-button .fabLabel svg { fill: currentColor; width: 1em; height: 1em; display: inline-block; font-size: 1.2rem; -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 8px; } @media only screen and (max-width: 768px) { .globo-form .floating-button { bottom: 10px; right: 10px; } } .globo-form .overlay { background-color: rgba(0, 0, 0, 0.74); position: fixed; top: 0; left: 0; z-index: 9999; } .globo-form-app.float-layout.active ~ .overlay { width: 100%; height: 100%; }