.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)}} /* Color picker */ .sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-original-input-container{position:relative}.sp-original-input-container input+.sp-add-on{position:absolute;left:0;top:0;bottom:0;border-top:none!important;border-bottom:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}input.spectrum.with-add-on{padding-left:45px}.sp-original-input-container input+.sp-add-on .sp-colorize{height:100%;width:100%;border-radius:inherit}backgrou .sp-colorize-container{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20px!important}.sp-hue{position:absolute;top:0;right:0;bottom:0;width:12px;height:100%;left:initial!important}.sp-clear-enabled .sp-hue{top:15%;height:85%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:28px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-3px;cursor:pointer;height:16px;border-radius:50%;width:16px;margin-right:5px;left:-2px;right:0;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a}.sp-alpha{display:none;position:absolute;bottom:-18px;right:0;left:0;height:10px}.sp-alpha-inner{border-radius:4px}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:3px;right:0;bottom:0;cursor:pointer;left:initial;height:12px;width:12px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{border-radius:4px;background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:10px;width:10px;border:1px solid #fff;cursor:pointer;position:absolute;top:0;left:0;margin-left:3px;margin-top:3px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.sp-slider{position:absolute;top:0;cursor:pointer;height:16px;border-radius:50%;width:16px;left:-2px;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a;margin-top:8px}.sp-container{border-radius:0;background-color:#fff;padding:0;border-radius:4px;color:#000;box-shadow:0 0 0 1px rgba(99,114,130,.16),0 8px 16px rgba(27,39,51,.08)}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:10px}.sp-clear,.sp-color,.sp-hue,.sp-sat,.sp-val{border-radius:3px}.sp-input-container{margin-top:-5px;margin-bottom:10px}.sp-button-container.sp-cf,.sp-initial.sp-thumb.sp-cf,.sp-input-container.sp-cf{height:25px}.sp-palette-row-initial>span:first-child{cursor:pointer}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{padding:0 5px!important;margin:0;width:100%;box-shadow:none!important;height:100%!important;background:0 0;color:#3a3a3a;border-radius:2px!important;border:1px solid #e0e0e0!important;text-align:center;font-family:monospace;font-size:inherit!important}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:200px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .spe-thumb-el.sp-thumb-active{border-radius:0 5px 5px 0}.sp-initial .spe-thumb-el{border-radius:5px 0 0 5px}.sp-initial .sp-clear-display{background-position:center}.sp-button-container{float:right}.sp-palette-button-container{margin-top:10px}.sp-replacer{position:relative;overflow:hidden;cursor:pointer;display:inline-block;border-radius:3px;border:1px solid #ccc;color:#666;transition:color .3s,border-color .3s;vertical-align:middle;width:30px;height:30px;border-radius:999px;margin-bottom:8px}.sp-replacer.sp-active,.sp-replacer:hover{border:1px solid #666;color:#000}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{display:none!important;position:absolute;font-size:10px;right:0;top:0;bottom:0;padding:0 2px;line-height:1.6rem;background-color:#fff}.sp-preview{position:relative;width:100%;height:100%;float:left;z-index:0}.sp-preview-inner{transition:background-color .2s}.sp-preview-inner.sp-clear-display{width:16px;margin-left:6px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:3px;border:none;border-radius:3px}.sp-container{padding-bottom:0}.sp-container button{border-radius:3px;border:none;background:0 0;line-height:1;padding:0 8px;height:25px;text-transform:capitalize;text-align:center;vertical-align:middle;cursor:pointer;color:#606c72;font-weight:700}.sp-container button.sp-choose{background-color:#3cab3b;color:#fff;margin-left:5px}.sp-container button:hover{opacity:.8}.sp-container button.sp-palette-toggle{width:100%;background-color:#f3f3f3;margin:0}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{border-radius:3px;background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==)} /* Layout */ .ngl *, .ngl-metabox * { box-sizing: inherit; } .ngl-hidden { opacity: 0 !important; pointer-events: none !important; } .ngl-flex { display: flex; align-items: center; } .ngl-left { margin: 0 40px; } .ngl-right { margin: 0 40px 0 0; } .ngl-wrap { background: #fff; box-shadow: 0; margin: 60px; padding: 50px 0; font-size: 14px; } .ngl-wrap > .ui.header, .ngl-wrap > .ngl-cards { padding: 0 60px; } .ngl-wrap > .ngl-cards { display: flex; } .ngl-wrap.ngl-settings-version-1.ngl-settings-license { background: transparent; padding: 0; } .ngl-wrap > .ngl-metabox { padding-left: 40px !important; padding-right: 40px !important; } .ngl-card-upgrade { margin-left: 120px; min-width: 410px; max-width: 410px; } .ngl-card-upgrade .ngl-upgrade-lists { padding: 12px 0; } .ngl-card-upgrade .ngl-upgrade-cta { margin: 0; } .ngl-card-upgrade .ngl-upgrade-cta a { height: auto; padding: 0 !important; background: none !important; color: #003C4E !important; text-decoration: none !important; font-size: 22px !important; } .ngl-card-upgrade .ngl-upgrade-cta a:hover { background: none !important; } .ngl-card-upgrade h3 { font-size: 18px; color: #003C4E; margin: 0 0 6px; font-weight: 400; } .ngl-card-upgrade p { color: #003C4E; font-size: 18px; margin: 0 0 20px; } /* Top bar */ .ngl-bar { min-height: 68px; background: #F8FEFF; margin-left: -20px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; } .ngl-bar a { text-decoration: none; outline: none !important; box-shadow: none !important; } .ngl-bar a:hover, .ngl-bar a:focus { text-decoration: none; } .ngl-logo { margin-right: 8px; } .ngl-logo img { max-width: 180px; height: auto; display: block; overflow: hidden; } .ngl-label { font-weight: 600; } .ngl-label span { font-weight: 700; } .newsletterglue-wrap { padding: 0; margin: 0; } .newsletterglue-wrap h1 { display: none; } .newsletterglue-wrap div.notice { margin: 60px; } /* Icon Links */ .ngl-icon-link, .ngl-icon-link:visited { display: flex; align-items: center; color: #003C4E; font-size: 13px; font-weight: 600; padding: 0 10px; } .ngl-icon-link:hover, .ngl-icon-link:focus { color: #0088A0; } .ngl-icon-link span { font-size: 22px; margin: 0 4px 0 0; color: #0088A0 !important; } /* Typography */ .ngl .ui.large.header { font-size: 24px; font-weight: 700; color: #444; margin: 0 0 40px; position: relative; } .ngl .ui.large.header .sub.header { font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.6); margin: 8px 0 0; } .ngl .ui.large.header .sub.header2 { margin-top: 0; } .ngl .ui.large.header .sub.header a { color: #0D566C; box-shadow: none; text-decoration: none !important; font-weight: 600; display: inline-flex; align-items: center; } .ngl .ui.large.header .sub.header a:hover { color: #0088A0; } .ngl .ui.large.header .sub.header a i.icon { margin: 0 0 0 4px; line-height: 1; } /* Box */ .ngl-card { display: flex; align-items: center; width: 300px; height: 300px; background: #fafafa; box-sizing: border-box; text-align: center; position: relative; } .ngl-card .ngl-big-action { text-align: center; display: block; width: 100%; } .ngl-card .ngl-big-action .ngl-icon { font-size: 48px; display: block; margin: auto; } .ngl-card .ngl-header { display: block; width: 100%; margin: 10px 0 0; font-size: 16px; font-weight: 600; text-align: center; color: #444; } .ngl-card-link-start { position: absolute; top: 5px; left: 0; } .ngl-card-link-start.is-right { left: auto; right: 0; } .ngl-card-link-start i.icon { position: static; left: auto; } .ngl-card-link-start i.icon:after { display: none !important; } .ngl-card-link-end { position: absolute; right: 0; bottom: 5px; } .ngl-card-add, .ngl-card-add2, .ngl-card-view, .ngl-card-state { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; box-sizing: border-box; } /* Steps */ .ngl-card-add, .ngl-card-add2 { background: #fff; flex-direction: column; border: 1px solid #e2e2e2; justify-content: center; z-index: 50; } .ngl-card-add { z-index: 30; } .ngl-card-add .ngl-header, .ngl-card-add2 .ngl-header { margin: 0 0 24px; color: #444; } /* View */ .ngl-card-view { background: #fff; flex-direction: column; border: 1px solid #e2e2e2; z-index: 40; } .ngl-card-view-logo { width: 100%; min-height: 150px; background: #f8f3ff; margin: 0 0 6px; background-repeat: no-repeat; background-size: cover; } .ngl-card-view .ngl-helper { margin-top: 20px !important; } .ngl-card-view .ngl-helper a { margin: 0 15px; } .ngl-card-view i.icon, .ngl-card-view i.material-icons { background: transparent !important; } /* Screens */ .ngl-card-state { background: #EDFDFB; color: #0088A0; flex-direction: column; padding-top: 130px; z-index: 100; } .ngl-card-state.is-working { color: #00A332; } .ngl-card-state.is-working .ngl-card-state-wrap { align-items: center; } .ngl-card-state.is-invalid, .ngl-card-state.is-removed, .ngl-card-state.confirm-remove { color: #C91101; } .ngl-card-state-wrap { display: flex; width: 100%; padding: 0 60px; font-size: 18px; line-height: 20px; text-align: left; font-weight: 700; } .ngl-card-state-icon { margin: 0 12px; font-size: 32px !important; line-height: 40px; width: 40px; height: 40px; } .ngl-card-state-icon i.icon, .ngl-card-state-icon i.material-icons { display: block; width: 40px; height: 40px; font-size: 32px !important; background: transparent !important; } .ngl-card-state-icon i.material-icons { font-size: 40px !important; } .ngl-card-state-icon i.icon:before { width: 100%; height: 100%; display: block; } .ngl-action i.sync.alternate.icon { width: 16px; height: 16px; display: inline-block; opacity: 1; } .ngl-card-state-icon i.sync.alternate.icon, .ngl-action i.sync.alternate.icon, .ngl-process i.sync.alternate.icon, .ngl-settings-save i.sync.alternate.icon, .ngl-license-wrap-flex a i.sync.alternate.icon { -webkit-animation: spin1 2s infinite linear; -moz-animation: spin1 2s infinite linear; -o-animation: spin1 2s infinite linear; -ms-animation: spin1 2s infinite linear; animation: spin1 2s infinite linear; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .ngl-card-state-alt { margin: 40px 0 0 !important; } .ngl-card-state-alt a { margin: 0 15px; } @-webkit-keyframes spin1 { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);} } @-moz-keyframes spin1 { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg);} } @-o-keyframes spin1 { 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(360deg);} } @-ms-keyframes spin1 { 0% { -ms-transform: rotate(0deg);} 100% { -ms-transform: rotate(360deg);} } @-keyframes spin1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg);} } /* Fields */ .ngl-fields, .ngl-misc-fields { text-align: left; } .ngl-fields form, .ngl-misc-fields form { display: flex; flex-direction: column; } .ngl-fields .ngl-helper, .ngl-misc-fields .ngl-helper { text-align: left; } .ngl-fields .ngl-text-margin { margin-bottom: 10px !important; } .ngl-helper { margin: 8px 0 0; color: #707070; font-size: 13px; } .ngl-helper a { display: inline-block; color: rgba(34, 36, 38, 0.55) !important; text-decoration: none; position: relative; box-shadow: none !important; transition: none; font-weight: 600; } .ngl-helper a:hover { color: rgba(34, 36, 38, 0.75) !important; } .ngl-card .ngl-helper i.icon { margin: 0 4px 0 2px; } .ngl-helper a.ngl-helper-alert { color: #ce2114 !important; } .ngl-helper a.ngl-helper-alert:after { border-bottom: 1px solid #ce2114 !important; } .ngl-helper a.ngl-helper-alert:hover { color: #b91408 !important; } .ngl-helper a.ngl-helper-alert:hover:after { border-color: #b91408 !important; } .ngl-metabox-flex-link { padding: 26px 0 0; } .ngl-metabox-flex-link a { font-size: 14px; text-decoration: none !important; color: #0D566C !important; box-shadow: none !important; display: inline-block; padding: 10px 0; font-weight: bold; } .ngl-metabox-flex-link a:hover { color: #0088A0 !important; } .ngl-metabox-flex-link span { margin: 0 0 0 8px; font-weight: normal; } .ngl-metabox-flex-link a i.icon { margin: 0 0 0 6px; background: none !important; } .ngl-btn { margin: 20px 0 0; width: 250px; } .ngl-btn button.ui.primary.button, .ngl-btn a.ui.primary.button { width: 100%; display: flex; padding: 0 1.5em; line-height: 1; background-color: #0088A0; border-radius: 8px; height: 40px; align-items: center; justify-content: center; font-size: 15px; } .ngl-btn .primary.button svg { fill: none; stroke: #ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; margin-right: 8px; } .ngl-btn button.ui.primary.button:hover, .ngl-btn a.ui.primary.button:hover { background-color: #17A4C6; } .ngl-btn button.ui.primary.button:focus, .ngl-btn a.ui.primary.button:focus { background-color: #17A4C6; } .ngl-btn button.ui.primary.button i.icon, .ngl-btn a.ui.primary.button i.icon { background: transparent; opacity: 1; } .ngl-card-license .ngl-card-view .ngl-card-heading { background: #FFF2EF; width: 100%; min-height: 150px; display: flex; align-items: center; justify-content: center; margin: 0 0 20px; } .ngl-card-license .ui.input { flex-direction: column; } .ngl-card-license .ngl-title { color: #222; margin: 0 0 6px; font-weight: 600; } .ngl-card-license .ngl-helper a { color: rgba(34, 36, 38, 0.55); } .ngl-card-license .ngl-helper a:hover, .ngl-card-license .ngl-helper a:focus { color: rgba(34, 36, 38, 0.75); } .ngl-card-license .ngl-helper a.ngl-helper-alert { color: #ce2114; } .ngl-card-license .ngl-helper a.ngl-helper-alert:hover { color: #b91408; } .ngl-card-heading { font-size: 15px; font-weight: bold; margin: 0 0 35px; } /* Metabox */ .is-hidden { display: none; } #newsletter_glue_metabox { margin-bottom: 40px; } #newsletter_glue_metabox .inside { margin: 0; padding: 0; } #newsletter_glue_metabox .inside .is-hidden { display: none; } .ngl-metabox { max-width: 1000px; padding: 20px 0 0; } .ngl-metabox-header { color: #222; font-size: 14px; font-weight: 600; margin: 0 0 6px; display: flex; align-items: center; min-height: 20px; line-height: 20px; flex-wrap: wrap; } .ngl-metabox-header .ngl-process { padding: 0; } .ngl-metabox .ui.input { display: block; } .ngl-metabox input[type=text] { width: 100% !important; font-size: 14px !important; line-height: 1 !important; color: #222 !important; background: #fff !important; border-color: #e2e2e2 !important; border-radius: 8px !important; min-height: auto; height: 39px; transition: all 0.2s ease-in-out; box-sizing: border-box; } .ngl-metabox input[type=text]#ngl_test_email { padding-right: 140px; } .ngl-metabox input[type=text]:focus { border-color: #0088A0 !important; } .ngl-metabox-flex.is-error input[type=text] { border-color: #C91101 !important; } .ngl-metabox input[type=text].large { width: 400px !important; } .ngl-metabox-flex { display: flex; padding: 20px 0; } .ngl-metabox-flex.no-padding { padding: 0; } .ngl-metabox-flex.alt2 { position: relative; padding: 0; margin-top: -12px; } .ngl-metabox-flex.alt5 { margin: 0 !important; box-sizing: border-box; display: flex; align-items: center; min-height: 84px !important; } .ngl-metabox-flex.ngl-edit-more-box { flex-wrap: wrap; padding-bottom: 40px; } .ngl-top-msg { display: flex; align-items: center; padding: 0; color: #0088A0; font-size: 16px; justify-content: flex-end; } .ngl-metabox-if-checked { padding: 0 0 0 20px; } .ngl-top-msg svg { margin: 0 16px 0 0; } .ngl-msg-contain { min-height: 160px; min-width: 400px; } .ngl-top-msg-view { text-align: right; padding: 30px 0 0; } .ngl-top-msg-view a { text-decoration: none !important; box-shadow: none !important; color: #0D566C !important; font-weight: 600; margin: 0 0 0 40px; } .ngl-top-msg-view a:hover { color: #0088A0 !important; } .ngl-top-msg-right { margin-left: auto; display: flex; align-items: center; } .ngl-top-msg-right a.ngl-get-help { text-decoration: none !important; box-shadow: none !important; color: #728A8D !important; font-size: 12px; } .ngl-top-msg-right a.ngl-get-help:hover { color: #5b7275 !important; } .ngl-unschedule-confirm { padding: 15px 0 0; color: #888; text-align: left; display: flex; flex-direction: column; position: relative; left: 331px; } .ngl-unschedule-confirm-actions { padding: 5px 0 0; } .ngl-unschedule-confirm-actions a { color: #999; } .ngl-unschedule-confirm-actions a:hover { color: #666; } .ngl-unschedule-confirm-actions a:first-child { color: #C91101 !important; font-weight: 600; } .ngl-unschedule-confirm-actions a:first-child:hover { color: #9c170b !important; } .ngl-unschedule-confirm a { padding: 0; margin: 0 30px 0 0; font-weight: 400; } .ngl-metabox-flex.alt3 { background: #fff; padding: 50px 50px 20px 50px; margin: 0; min-height: 84px; max-width: 100%; box-sizing: border-box; align-items: flex-start; } .ngl-state-loader { width: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 30px; flex-direction: column; } .ngl-state-loader img { display: block; max-width: 140px; } .ngl-state-loader i { display: block; font-style: normal; position: relative; top: -40px; color: #999; } .ngl-metabox-flex.alt3.ngl-sending-box { padding: 17px 40px; background: #edffff; align-items: center; } .ngl-metabox-flex-toggle { flex-basis: auto !important; flex-grow: 0 !important; margin: 0 40px 0 0; } .ngl-metabox-flex.alt3.ngl-unready { background: #FAFCFC; padding: 17px 40px; align-items: center; } .ngl-metabox-flex.alt3.ngl-unready label { pointer-events: none; color: #B1C2C4 !important; } .ngl-metabox-flex.alt3.ngl-unready label:before { background: #D2E4E5 !important; } .ngl-metabox-flex.alt3 > .ngl-metabox-flex { padding: 0; justify-content: center; } .ngl-metabox-flex.alt4 { padding: 10px 20px 0 20px; } .ngl-metabox-flex.alt2 > .ngl-metabox-flex { display: flex !important; flex-direction: row; justify-content: space-between; } .ngl-metabox-flex3 { padding-left: 20px; } .ngl-metabox-flex.is-disabled { cursor: default; pointer-events: none; } .ngl-metabox-flex.is-disabled .ngl-metabox-header { opacity: 0.85; } .ngl-metabox-flex.is-disabled .ngl-field { opacity: 0.5; } .ngl-metabox-flex-inner { padding: 0 20px; } .ngl-metabox-flex-p { padding: 0; } .ngl-metabox-flex > .ngl-metabox-flex { flex: 1 1 0px; padding: 0 20px; flex-direction: column; } .ngl-metabox-flex .ngl-helper a { color: #0D566C !important; text-decoration: none !important; font-weight: 600; } .ngl-metabox-flex .ngl-helper a:hover { color: #0088A0 !important; } .ngl-metabox-flex .ui.dropdown { box-sizing: border-box; border-color: #e2e2e2 !important; border-radius: 8px; color: #222 !important; } .ui.selection.visible.dropdown > .text:not(.default) { color: #222 !important; } .ngl-metabox-flex .ui.selection.active.dropdown { border-color: #0088A0 !important; } .ui.selection.active.dropdown .menu { border-color: #0088A0 !important; border-radius: 0 0 8px 8px !important; } .ui.upward.selection.dropdown.visible { border-radius: 0 0 8px 8px !important; } .ui.upward.selection.active.dropdown .menu { border-radius: 8px 8px 0 0 !important; } .ngl-metabox-flex .ui.dropdown .menu > .item { font-size: 13px; padding: 0.8em 1em !important; color: #222; } .ngl .ui.selection.dropdown .menu > .item, .ngl-metabox-flex .ui.selection.dropdown .menu > .item { border-top: none; } .ngl-metabox-flex.is-error .ngl-metabox-header { color: #C91101 !important; } .ngl-metabox-flex.is-error .ui.dropdown, .ngl-metabox-flex.is-error .ui.selection.active.dropdown, .ngl-metabox-flex.is-error .ui.selection.active.dropdown .menu, .ngl-settings.ngl-metabox-flex.is-error div.ui.selection.dropdown { border-color: #C91101 !important; } .ngl-label-more { margin-left: auto; font-size: 13px; } .ngl-label-verification { height: 20px; } .ngl-label-more a { box-shadow: none !important; text-decoration: none !important; color: #0D566C !important; margin-left: 8px; display: inline-flex; } .ngl-label-more a:hover { color: #0088A0 !important; } a.ngl-textarea-append { margin: 0 0 0 10px; } a.ngl-textarea-append, a.ngl-textarea-reset { color: #777 !important; font-weight: normal !important; text-decoration: none !important; } a.ngl-textarea-append:hover, a.ngl-textarea-reset:hover { color: #555 !important; } .ngl-label-more a i.icon { margin: 0 0 0 4px; height: 100%; } .ngl-metabox-cols { display: flex; align-items: center; } .ngl-metabox-msg { margin: 0; border-radius: 999px; background: #FFF2F3; border: 1px solid #C91101; padding: 0 30px; color: #C91101; font-weight: 600; font-size: 14px; display: inline-flex; height: 48px; justify-content: center; align-items: center; } .ngl-metabox-msg .is-primary { margin: 0 6px; height: 30px; cursor: default !important; pointer-events: none; } .ngl-metabox-msg.is-error { background: #FFF2F3; border-color: #C91101; } .ngl-metabox-msg strong { color: #000; } .ngl-metabox-msg.is-notice { border: 0; border-radius: 8px; background: #EDFDFB; padding: 10px 40px; font-weight: 600; margin: 0 0 0 20px; } .ngl-metabox-msg.is-notice a { font-weight: 600; color: #0D566C; box-shadow: none !important; } .ngl-metabox-msg.is-notice a:hover { color: #0088A0; } .ngl-metabox-cb { padding: 2px 0 0; display: flex; } .ngl-metabox-cb input[type=checkbox] { top: 2px; margin-right: 10px !important; position: relative; margin-right: 12px !important; } .ngl-test-result { padding: 0 0 10px; } .ngl-test-notice { color: #707070 !important; } .ngl-test-result.ngl-is-valid { color: #707070 !important; } .ngl-test-result.ngl-is-valid a { color: #707070 !important; } .ngl-test-result.ngl-is-valid a:hover { color: #555 !important; } .ngl-test-result.ngl-is-invalid { color: #C91101 !important; } .ngl-test-result.ngl-is-invalid a { color: #0D566C !important; box-shadow: none !important; text-decoration: none !important; font-weight: 600; } .ngl-test-result.ngl-is-invalid a:hover { color: #0088A0 !important; } .ngl-test-limit { color: #0088A0; } .ngl-test-result.ngl-is-valid .ngl-test-limit a { color: #0088A0 !important; } .ngl-test-result.ngl-is-valid .ngl-test-limit a:hover { color: #c72402 !important; } .ngl-test-notice-content { padding: 0 0 8px 30px; } .ngl-metabox-flex2 { align-items: center; display: inline-flex; position: relative; } .ngl-metabox-flex2 .ui.button.ngl-settings-save { margin: 20px !important; background: #0088A0 !important; padding: 0 30px; height: 40px; color: #fff !important; display: flex; align-items: center; justify-content: center; font-weight: 600; } .ngl-settings i.icon { background: transparent !important; } .ngl-metabox-flex2 .ui.button.ngl-settings-save:hover { background: #17A4C6 !important; color: #fff !important; } .ngl-field { position: relative; } .ngl-field i.icon { background: transparent !important; } .ngl-field input[type=checkbox] { border-color: #e2e2e2; border-radius: .25rem; border-width: 1px; box-shadow: none; transition: none !important; width: 20px; height: 20px; margin: 0 20px 0 0; box-sizing: border-box; } .ngl-field input[type=checkbox]:focus { outline: 2px solid transparent; outline-offset: 2px; } .ngl-field input[type=checkbox]:checked:before { content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E); margin: -3px 0 0px -4px; width: 25px; height: 25px; } .ngl-field textarea { height: 80px; width: 100%; font-size: 14px !important; color: #222 !important; background: #fff !important; border-color: #e2e2e2 !important; border-radius: 8px !important; transition: all 0.2s ease-in-out; box-sizing: border-box; } .ngl-field textarea:focus { border-color: #0088A0 !important; box-shadow: none !important; } i.icon.arrow { position: relative !important; z-index: auto !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; height: 14px; display: inline-flex; justify-content: center; align-items: center; } .icon.arrow:before { width: 100%; height: 100%; display: flex; } i.icon.arrow:after { display: none !important; } .ngl-field.ngl-field-master { display: flex; padding: 0; } .ngl-field .ngl-field.ngl-field-master label { color: inherit !important; text-transform: none; font-weight: normal; } .ngl-field-master-help { font-weight: normal; text-transform: none; margin: 0 0 0 10px; } .ngl-field-master label { color: #0088A0; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; justify-content: center; padding: 10px; padding-left: 54px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ngl-field-master label:before { background-color: #C8E3E5; border-radius: 9999px; height: 24px; transition: background-color .125s ease-out; width: 40px; content: ""; display: block; position: absolute; left: 0; top: 6px; } .ngl-field-master input[type=checkbox]:checked+label { color: #003C4E; } .ngl-field-master input[type=checkbox]:checked+label:before { background-color: #0088A0; } .ngl-field-master label:after { background-color: #fff; border-radius: 9999px; box-shadow: 0 3px 1px 0 rgb(37 34 71 / 5%), 0 2px 2px 0 rgb(37 34 71 / 10%), 0 3px 3px 0 rgb(37 34 71 / 5%); height: 16px; left: 4px; position: absolute; top: 10px; transition: transform .125s ease-out; width: 16px; content: ""; display: block; } .ngl-field-master input[type=checkbox]:checked+label:after { transform: translate3d(16px,0,0); } .ngl-field-master input[type=checkbox] { display: none; } .ngl-field .ui.secondary.button { padding: 0.65em 1.8em; margin: 0; line-height: 1; background-color: #fff; color: #0088A0; border: 2px solid #0088A0; border-radius: 8px; width: auto; font-size: 14px; font-weight: 600; text-align: center; } .ngl-field .ui.secondary.button:hover { border-color: #c72402; color: #c72402; } .ngl-field .ui.secondary.button:focus { border-color: #c72402; color: #c72402; } .ngl-action { position: absolute; top: 0; right: 0; } .ngl-action .ui.primary.button { padding: 0; margin: 0; line-height: 1; background-color: #0088A0; border-radius: 0 8px 8px 0; width: 130px; min-height: 39px; text-align: center; font-weight: 600; } .ngl-action .ui.primary.button i.icon { background: none; margin-right: 8px !important; } .ngl-action .ui.primary.button.ngl-alt { display: none; pointer-events: none; background: #FFF2F3 !important; color: #666 !important; } .ngl-action .ui.primary.button.ngl-alt.ngl-is-sending { color: #728A8D !important; background: #EAF6F7 !important; } .ngl-action .ui.primary.button.ngl-alt.ngl-is-valid { color: #038955 !important; background: #D6F7EA !important; } .ngl-action .ui.primary.button.ngl-alt.ngl-is-invalid { color: #C91101 !important; background: #FFF2F3 !important; } .ngl-action .ui.primary.button:hover { background-color: #17A4C6; } .ngl-action .ui.primary.button:focus { background-color: #17A4C6; } .ngl-metabox-alt { padding-left: 20px; padding-right: 20px; flex-direction: column; } .ngl-metabox-alt .ngl-metabox-header { width: 100%; min-width: 100%; margin: 0 0 20px; } .ngl-action-link { text-align: center; width: 130px; } .ngl-action-link a { color: #777; text-decoration: none; box-shadow: none !important; } .ngl-action-link a:hover { color: #444; } .ngl-msgbox { display: flex; justify-content: center; width: 100%; max-width: 700px; padding: 80px 0; font-size: 20px; line-height: 1; font-weight: 600; background: #f8f3ff; position: relative; } .ngl-msgbox > div { padding: 0 10px; } .ngl-msgbox-link { display: block; margin: 20px 0 0; font-size: 14px; } .ngl-msgbox-link a { color: #0088A0 !important; } .ngl-msgbox-link a:hover { color: #c72402 !important; } .ngl-metabox-loading { display: flex; box-sizing: border-box; pointer-events: none; visibility: hidden; opacity: 0; padding: 0 0 0 10px; height: 20px; } .ngl-metabox-loading.is-loading { pointer-events: auto; visibility: visible; opacity: 1; } .ngl-metabox-loading img { } .ngl-metabox-flexfull { flex-basis: 100%; padding: 20px 0 0; } .ngl-settings .ngl-metabox-flexfull { padding: 0; } .ngl-metabox-flexfull .ngl-metabox-flex { padding-bottom: 0; } .ngl-settings .ngl-metabox-flexfull > .ngl-metabox-flex { padding-bottom: 20px; } .ngl-new-tag { background: #ffcf64; color: #272727; font-weight: bold; text-transform: uppercase; padding: 4px 10px; display: inline-block; font-size: 10px; border-radius: 4px; margin: 0 0 0 10px; } /* Ajax inline validation */ .ngl-process { display: flex; font-size: 12px; color: #728A8D; padding: 5px 0 0; } .ngl-process.is-valid, .ngl-process.is-valid a { color: #038955 !important; box-shadow: none !important; } .ngl-process.is-valid a:hover { color: #047b29 !important; } .ngl-process.is-invalid, .ngl-process.is-invalid a { color: #C91101 !important; box-shadow: none !important; } .ngl-process.is-invalid a:hover { color: #b90000 !important; } .ngl-process-icon { width: 18px; height: 18px; display: flex; margin-right: 4px; } .ngl-process-icon i.icon, .ngl-process-icon i.material-icons { width: 18px; height: 18px; font-size: 16px; background: none; margin: 0; display: flex; align-items: center; justify-content: center; } .ngl-process-icon i.material-icons { font-size: 18px; } /* Settings UI */ .ngl-tab-wrapper { margin: 60px 0; padding: 0 0 0 50px; } .ngl-tab-wrapper .nav-tab { font-size: 1.2em; } .ngl-settings .ngl-metabox { padding: 0; max-width: 1000px; } .ngl-settings .ngl-metabox-msg { margin: 0 0 0 20px; } .ngl-settings h3 { margin: 0 0 1em; } .ngl-settings-save { width: 120px; } .ngl-metabox .ngl-settings-save.ui.basic.button.saved, .ngl-metabox .ngl-settings-save.ui.basic.button.saved:hover, .ngl-metabox .ngl-settings-save.ui.basic.button.saved:focus { color: #00A332 !important; border-color: #00A332 !important; } .ngl-settings .is-hidden { display: none; } .ngl-settings .ui.input > input[type=text] { box-sizing: border-box; min-width: 250px; } .ngl-settings div.ui.selection.dropdown { box-sizing: border-box; border-radius: 8px; height: auto; } .ngl-settings div.ui.selection.dropdown.ngl-long-dropdown { min-width: 500px !important; width: auto !important; } .ngl-settings .ui.selection.active.dropdown .menu { border-radius: 0 0 8px 8px; } .ngl-settings .ui.upward.active.selection.dropdown .menu { border-radius: 8px 8px 0 0; } .ngl-ajax-field .ngl-process { padding: 0; } div.ngl-settings .ui.selection.active.dropdown:hover, div.ngl-settings .ui.selection.dropdown .menu { border-radius: 8px; } .ngl-settings .ngl-metabox-header, .ngl-boarding .ngl-metabox-header { margin-left: 0; } .ngl-boarding div.ui.selection.dropdown { min-width: 250px !important; min-height: 39px; } .ngl-boarding .ngl-settings div.ui.selection.dropdown { min-width: 100% !important; } .ngl-credits label { display: flex; } .ngl-credits input[type=checkbox] { margin-top: 0; } .ngl-credits span { display: block; color: rgba( 0, 0, 0, 0.6 ); line-height: 1.4; font-size: 13px; position: relative; top: -2px; margin: 0 0 0 8px; } .ngl-credits input[type=checkbox]:checked::before { margin: -.11rem 0 0 -.21rem; } .ngl-settings a { color: #0088A0; box-shadow: none !important; } .ngl-settings a:hover { color: #c72402; } .ngl-settings a.ngl-lighter { color: rgba( 0, 0, 0, 0.6 ); } .ngl-settings a.ngl-lighter:hover { color: rgba( 0, 0, 0, 0.8 ); } .ngl-process.ngl-ajax { display: inline-flex; margin-left: 6px; align-items: center; } .ngl-process.ngl-ajax.is-hidden { display: none; } .ngl-metabox-block { display: block; max-width: 1000px; padding-top: 24px; position: relative; } .ngl-metabox-block .ngl-process { margin: 0; padding: 0; position: absolute; top: -24px; right: 20px; } .ngl-settings .ngl-textarea { width: 100%; box-sizing: border-box; height: 300px; color: #222 !important; border-color: #e2e2e2 !important; border-radius: 0; box-shadow: none !important; padding: 10px 20px; } .ngl-settings .ngl-textarea:focus { border-color: #0088A0 !important; } /* Blocks */ .ngl-block-container { display: flex; max-width: 1080px; flex-wrap: wrap; padding-top: 30px; position: relative; } .ngl-block-global { position: absolute; right: 0; top: -70px; display: flex; } .ngl-block-global a { margin: 0 0 0 25px; color: #383838; font-size: 13px; box-shadow: none; } .ngl-block-global a:hover { color: #111; } .ngl-block { min-width: 300px; min-height: 250px; border: 1px solid #F1F1F1; background: #fff; margin: 0 0 60px 60px; position: relative; font-size: 14px; box-sizing: border-box; border-radius: 8px; } .ngl-block-used { box-shadow: 2px 3px 6px #efefef; } .ngl-block-used.ngl-block-locked { box-shadow: none; } .ngl-block-p { background: #f5f5f5; border: 2px solid #ddd; display: flex; justify-content: center; align-items: center; font-weight: bold; color: rgba(0, 0, 0, 0.6); } .ngl-block-top { background: #0D566C; position: relative; padding: 0 25px; border-radius: 8px 8px 0 0; transition: background 0.125s ease-in-out; display: flex; align-items: center; min-height: 70px; color: #fff; } .ngl-block-upgrade-icon { position: absolute; right: 20px; top: 15px; border-radius: 999px; display: flex; align-items: center; justify-content: center; border: 2px solid #00A332; color: #00A332; font-weight: bold; text-transform: uppercase; font-size: 11px; padding: 1px 10px; } .ngl-block-upgrade-icon i { height: auto; } .ngl-block-demo { color: #fff !important; box-shadow: none !important; text-decoration: none !important; text-transform: uppercase; font-weight: 600; font-size: 13px; margin-left: auto; } .ngl-block-demo:hover { text-decoration: underline !important; } .ngl-block-unused .ngl-block-top .ngl-block-demo, .ngl-block-locked .ngl-block-top .ngl-block-demo { color: #0D566C !important; } .ngl-block-title { max-width: 250px; font-size: 18px; line-height: 22px; font-weight: 600; padding: 25px 0 0; margin: auto; color: #003C4E; } .ngl-block-desc { max-width: 250px; margin: 10px auto; line-height: 19px; color: #707070; font-size: 13px; } .ngl-block-defaults { position: absolute; left: 25px; bottom: 15px; height: 24px; align-items: center; display: flex; } .ngl-block-defaults a { color: #222 !important; text-decoration: none; box-shadow: none !important; font-size: 12px; font-weight: 600; } .ngl-block-defaults a:hover, .ngl-block-defaults a:focus { text-decoration: underline; } .ngl-block-upgrade { position: absolute; left: 25px; bottom: 15px; height: 24px; align-items: center; display: flex; } .ngl-block-upgrade a { box-shadow: none; color: #17a4c6; text-decoration: none; font-weight: 600; font-size: 13px; display: flex; align-items: center; } .ngl-block-upgrade a:hover, .ngl-block-upgrade a:focus { color: #0D566C; } .ngl-block-upgrade svg { fill:none; stroke: #17a4c6; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; margin: 0 8px 0 0; } .ngl-block-upgrade a:hover svg { stroke: #0D566C; } .ngl-block-svg-icon { fill: currentColor !important; width: 34px; height: 34px; } .ngl-block-use { position: absolute; right: 25px; bottom: 15px; color: #383838; font-size: 12px; font-weight: 600; height: 24px; display: flex; align-items: center; } .ngl-block-use input[type=checkbox] { position: absolute; top: auto; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; white-space: nowrap; } .ngl-block-use label { user-select: none; display: flex; align-items: center; } .ngl-block-use-switch { position: relative; cursor: pointer; background-color: #C8E3E5; border-radius: 15px; -webkit-transition: background-color .125s ease-out; -moz-transition: background-color .125s ease-out; -ms-transition: background-color .125s ease-out; transition: background-color .125s ease-out; vertical-align: middle; display: inline-block; margin: 0 0 0 8px; width: 40px; height: 24px; } .ngl-block-use input[type=checkbox]:checked+.ngl-block-use-switch { background-color: #0088A0; } .ngl-block-use-switch:before { background-color: #fff; border-radius: 9999px; box-shadow: 0 3px 1px 0 rgb(37 34 71 / 5%), 0 2px 2px 0 rgb(37 34 71 / 10%), 0 3px 3px 0 rgb(37 34 71 / 5%); height: 16px; right: 20px; position: absolute; top: 4px; transition: transform .125s ease-out; width: 16px; content: ""; display: block; } .ngl-block-use input[type=checkbox]:checked+.ngl-block-use-switch:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } .ngl-block-unused .ngl-block-top, .ngl-block-locked .ngl-block-top { background-color: #F8FEFF; color: #B1C2C4 !important; } .ngl-block-unused .ngl-block-title { opacity: 0.7; } .ngl-block-unused .ngl-block-defaults { display: none; } .ngl-block-unused .ngl-block-desc, .ngl-block-locked .ngl-block-desc { color: #B1C2C4 !important; } .ngl-block-locked .ngl-block-title, .ngl-block-locked .ngl-block-defaults { opacity: 0.7 !important; } .ngl-block-unused .ngl-block-use { color: #666 !important; } .ngl-block-locked .ngl-block-defaults { pointer-events: none !important; } .ngl-block-locked .ngl-block-defaults { opacity: 0.5 !important; } /* Semantic */ .ngl-metabox .ui.basic.button { padding: 0.6em 1.5em; line-height: 1; font-size: 14px !important; background-color: #fff !important; border-radius: 8px; border: 1px solid #0088A0 !important; color: #0088A0 !important; font-weight: 600; box-shadow: none !important; height: auto; } .ngl-metabox .ui.basic.button:hover, .ngl-metabox .ui.basic.button:focus { border: 1px solid #c72402 !important; color: #c72402 !important; outline: none !important; } .ngl .ui.input > input { border: 1px solid #e2e2e2; border-radius: 8px; box-sizing: inherit; min-width: 250px; padding: 9px 1em; line-height: 1; color: #222 !important; transition: all 0.2s ease-in-out; } .ngl .ui.input > input:focus { border-color: #0088A0 !important; } .ngl .ui.input > input.error { border-color: #C91101 !important; } .ngl .ui.selection.dropdown { min-height: 39px; line-height: 16px; border: 1px solid #e2e2e2; border-radius: 8px; box-sizing: inherit; min-width: 250px; font-size: 14px; } .ngl .ui.selection.dropdown > .dropdown.icon { color: rgba(0, 0, 0, 0.6); } .ngl .ui.dropdown:not(.button) > .default.text, .ngl .ui.default.dropdown:not(.button) > .text { line-height: 1; } .ngl .ui.dropdown .menu > .item { font-size: 1em; padding: 0.786em 1em !important; } .ngl .ui.selection.active.dropdown:hover, .ngl .ui.selection.dropdown .menu { border-radius: 8px 8px 0 0; } .ngl .ui.selection.active.dropdown:hover, .ngl .ui.selection.active.dropdown { border-color: #0088A0 !important; } .ngl .ui.basic.noborder.button { font-size: 13px; border: none; box-shadow: none; background: transparent !important; color: #0D566C !important; margin: 0; font-weight: 600; } .ngl .ui.basic.noborder.button:hover { color: #0088A0 !important; } .ngl .ui.basic.noborder.button:focus { color: #0088A0 !important; } .ngl .ui.basic.noborder.button i.icon { margin-right: 4px; } .ui.page.dimmer { z-index: 9999999; } .ui.modal.video, .ui.modal.video .ui.embed { border-radius: 6px; } .ui.embed, .ui.embed iframe, .ui.embed embed, .ui.embed object { border-radius: 6px; } .ngl-metabox .ui.basic.loading.button:not(.inverted):after { border-top-color: #c5c5c5; } .ngl-metabox .ui.loading.button:before, .ngl-metabox .ui.loading.button:after { margin: -0.65em 0em 0em -0.64285714em; width: 1em; height: 1em; } .ngl-metabox .ui.selection.dropdown { padding: 9px 30px 9px 1em; width: 100%; min-height: 39px; line-height: inherit; font-size: 14px; } .ngl-metabox .ui.selection.dropdown.multiple { padding: 0.2em 1.5em 0.2em 0.5em; min-height: 39px; height: auto; } .ui.multiple.dropdown > .text { margin-top: 7px; } .ngl-metabox .ui.selection.dropdown > .dropdown.icon, .ngl-boarding .ui.selection.dropdown > .dropdown.icon { height: 38px; padding: 0 .8em; } .ngl .ui.dropdown > .text > img, .ngl .ui.dropdown > .text > .image, .ngl .ui.dropdown .menu > .item > .image, .ngl .ui.dropdown .menu > .item > img { margin-top: -0.15em; width: 20px; height: 20px; margin-right: 5px; border-radius: 0; } .ngl-metabox-flex .ui.dropdown .menu > .item:hover { background: #EDFDFB; color: #222; font-weight: normal; } .ngl-metabox-flex .ui.dropdown .menu .selected.item { background: #0088A0; color: #fff; font-weight: 600; } .ngl-metabox-flex .ui.multiple.dropdown .menu .selected.item { background: #EDFDFB; color: #222; font-weight: normal; } .ngl-metabox-flex .ui.multiple.dropdown > .label { background: #eaf6f7; color: #222; box-shadow: none !important; border: none !important; margin-right: 8px; font-weight: 400; position: relative; padding: 6px 30px 6px 10px; } .ngl-metabox-flex .ui.multiple.dropdown > .label:hover { } .ngl-metabox-flex .ui.label > .close.icon, .ui.label > .delete.icon { opacity: 0.7; color: #728a8d; position: absolute; font-size: 20px; top: 3px; right: 3px; margin: 0; } .ngl-metabox-flex .ui.label > .close.icon, .ui.label > .delete.icon:before { font-family: 'dashicons'; content: "\f335"; } .ngl-metabox-placeholder *, .ngl-metabox-placeholder h4.ngl-edit-more a { color: #B1C2C4 !important; pointer-events: none !important; } .ngl-metabox-placeholder .ngl-field input[type=checkbox] { opacity: 0.5; } .ngl-metabox-placeholder i.icon { background: none !important; } .ngl-metabox-placeholder .ngl-not-ready { display: none !important; } .ngl-metabox-placeholder input[type=text], .ngl-metabox-placeholder .ngl-metabox-flex.is-error input[type=text] { color: #B1C2C4 !important; border-color: #e2e2e2 !important; } .ngl-metabox-placeholder .ngl-action .ui.primary.button { background: #B1C2C4 !important; color: #fff !important; } .ngl-metabox-placeholder .ngl-metabox-flex-link a, .ngl-metabox-placeholder .ngl-metabox-flex-link a i.icon, .ngl-metabox-placeholder .ngl-field-master label, .ngl-metabox-placeholder .ngl-metabox-flex .ngl-helper a { color: #B1C2C4 !important; } .ngl-metabox-placeholder .ngl-field-master label:before { background-color: #D2E4E5 !important; } h4.ngl-edit-more { padding: 30px 20px; margin: 0; text-align: right; font-weight: normal; } h4.ngl-edit-more a { color: #222 !important; text-decoration: none !important; box-shadow: none !important; font-size: 14px; } /* Theme Panel */ .ngl-theme { display: flex; width: 100%; background: #fff; border-bottom: 1px solid #f0f0f0; position: relative; } .ngl-theme.ngl-load { pointer-events: none; opacity: 0.5; } .ngl-theme * { box-sizing: border-box; } .ngl-theme-preview { flex: 1; border-top: 1px solid #f0f0f0; overflow-x: hidden; overflow-y: scroll; max-height: 800px; } .ngl-theme.ngl-mobile .ngl-email, .ngl-theme.ngl-mobile .ngl-email-container { max-width: 400px; margin: auto; } .ngl-theme.ngl-mobile .ngl-email-container { margin: 0 10px; } .ngl-theme.ngl-mobile .ngl-theme-preview { } h1.ngl-mobile, h2.ngl-mobile, h3.ngl-mobile, h4.ngl-mobile, h5.ngl-mobile, h6.ngl-mobile, p.ngl-mobile { display: none; } .ngl-theme-input.ngl-mobile, .ngl-theme .ngl-email.ngl-mobile { display: none; } .ngl-theme.ngl-mobile .ngl-email.ngl-mobile { display: flex; } .ngl-theme.ngl-mobile .ngl-theme-input.ngl-mobile { display: block; } .ngl-theme.ngl-mobile h2.ngl-mobile { display: block; } .ngl-theme.ngl-mobile .ngl-btn-radius { display: none !important; } .ngl-theme.ngl-mobile .ngl-email .ngl-mobile { display: block } .ngl-theme.ngl-mobile .ngl-email .ngl-mobile.is-hidden, .ngl-theme .ngl-email .is-hidden { display: none !important; } .ngl-theme-panel { background: #fff; border-left: 1px solid #f0f0f0; overflow-x: hidden; overflow-y: scroll; max-height: 800px; flex: 0 0 auto; max-width: 460px; } .ngl-theme-panel .ngl-theme-checkbox-text { line-height: 1.2; font-size: 13px; } .ngl-theme-panel .ngl-theme-checkbox-input { padding-top: 0; } .ngl-theme-panel .ngl-theme-checkbox-state { position: absolute; bottom: -5px; left: 28px; } .ngl-theme-panel h2 { margin-top: 2em; } .ngl-theme-panel h2 span { margin: 7px 0 0; display: block; font-size: 13px; font-weight: 400; } .ngl-theme-panel h2 span i { font-style: normal; font-weight: 600; } .ngl-theme .components-panel__body.is-opened { padding: 0; } .ngl-theme .components-base-control .components-base-control__field { margin-bottom: 14px; } .ngl-theme .components-base-control .components-base-control__help { margin-top: 2px; font-style: normal; } .ngl-theme .components-base-control__field { display: flex; } .ngl-theme .components-base-control__field > div:first-child { width: 100px; min-width: 100px; margin-right: 5px; } .ngl-theme .components-base-control__field > div:last-child { min-width: 80px; margin-left: 5px; } .ngl-theme .components-base-control .components-base-control__label { margin-top: 6px; font-weight: 600; font-size: 13px; } .ngl-theme-color { min-width: 50px; } .ngl-theme-color .wp-picker-input-wrap, .ngl-theme-color .wp-color-result { display: none !important; } .ngl-theme .components-font-size-picker__number { width: 60px; padding: 4px 8px; line-height: 14px; font-size: 13px; margin: 0 10px 0 0; border-color: #e2e2e2; border-radius: 8px !important; } .ngl-theme .components-font-size-picker__number:focus, .ngl-theme .components-text-control__input:focus { box-shadow: none !important; border-color: #0088A0 !important; } .ngl-theme .components-text-control__input { border-radius: 8px !important; border-color: #e2e2e2 !important; } .ngl-theme-px { position: relative; width: 90px; } .ngl-theme-px .components-font-size-picker__number { width: 70px; } .ngl-px { position: absolute; right: 44px; top: 5px; color: rgba(0, 0, 0, 0.5); } .ngl-px.ngl-px-with-label { top: 24px; } .ngl-px-helper { font-size: 12px; color: rgba(0, 0, 0, 0.5); } .ngl-theme .components-circular-option-picker__option:focus:after { width: 28px; height: 28px; border-color: transparent; box-shadow: none; } .ngl-theme .components-circular-option-picker__option.components-button:focus, .ngl-theme .components-circular-option-picker__option.components-button:focus:hover { box-shadow: 0 0 0 1.5px #ddd !important; } .ngl-theme-more, .ngl-theme-less { display: inline-block; margin: 0 0 16px; color: rgba(0, 0, 0, 0.6) !important; } .ngl-theme-more:hover, .ngl-theme-less:hover { color: rgba(0, 0, 0, 0.8) !important; } .ngl-theme-hidden { display: none; } .ngl-theme div.ui.selection.dropdown { min-width: 180px !important; width: 60% !important; } .ngl-theme .ngl-alignment-container div.ui.selection.dropdown { width: 140px !important; max-width: inherit !important; min-width: inherit !important; height: 30px; padding-top: 7px; border-radius: 8px; min-height: 30px !important; line-height: 1em; font-size: 13px !important; } div[data-value="arial"] { font-family: "Arial"; } div[data-value="courier"] { font-family: "Courier"; } div[data-value="courier_new"] { font-family: "Courier New"; } div[data-value="geneva"] { font-family: "Geneva"; } div[data-value="georgia"] { font-family: "Georgia"; } div[data-value="helvetica"] { font-family: "Helvetica"; } div[data-value="palatino"] { font-family: "Palatino"; } div[data-value="tahoma"] { font-family: "Tahoma"; } div[data-value="trebuchet_ms"] { font-family: "Trebuchet MS"; } div[data-value="verdana"] { font-family: "Verdana"; } div[data-value="times_new_roman"] { font-family: "Times New Roman"; } .ngl-theme-reset { position: absolute; right: 0; top: -100px; padding: 0 40px 0 0; text-align: right; color: rgba( 0, 0, 0, 0.6 ); font-size: 13px; } .ngl-theme-reset.ngl-theme-reset-alt { padding: 0; left: auto; right: auto; top: auto; position: relative; display: inline-block; text-align: left; padding: 0 10px; } .ngl-theme-reset-alt .ngl-theme-reset-wrap { position: absolute; left: 110%; top: 0; min-width: 240px; } .ngl-theme-reset-alt .ngl-theme-reset-back { font-weight: 600; } .ngl-theme-reset.ngl-theme-reset-alt .ngl-theme-reset-link { display: inline-block; font-weight: 600; color: #333; text-decoration: none !important; } .ngl-theme-reset.ngl-theme-reset-alt .ngl-theme-reset-do { text-decoration: none !important; } .ngl-theme-reset.ngl-theme-reset-alt .ngl-theme-reset-status span.ngl-process { justify-content: flex-start; } .ngl-theme-reset-alt .ngl-theme-reset-status { position: relative; top: -4px; } .ngl-theme-reset-status { min-height: 23px; } .ngl-theme-reset-status span.ngl-process { justify-content: flex-end; } .ngl-theme-reset-link { color: rgba( 0, 0, 0, 0.6 ); text-decoration: underline; cursor: pointer; } .ngl-theme-reset-btns a { text-decoration: none; color: rgba( 0, 0, 0, 0.6 ); } .ngl-theme-reset-btns a:hover { color: rgba( 0, 0, 0, 0.7 ); } .ngl-theme-reset-btns a:first-child { color: #C91101; font-weight: 600; text-decoration: underline; } .ngl-theme-reset-btns a:first-child:hover { color: #de0000; } .ngl-theme-reset-btns span { margin: 0 15px; } .ngl-theme-toggle { position: absolute; font-size: 13px; font-weight: normal; right: 460px; top: 20px; border-radius: 999px; border: 1px solid #e2e2e2; display: flex; color: #bbb; z-index: 1000; background: #fff; } .ngl-theme-toggle span { cursor: pointer; width: 80px; box-sizing: border-box; text-align: center; } .ngl-theme-toggle span.ngl-bulb { position: absolute; top: 0; left: 0; height: 100%; background: #0088A0; border-radius: 999px; width: 80px; box-sizing: border-box; color: #fff; transition: all .2s ease-in-out; } .ngl-theme-supportus { background: #F8FEFF; padding: 1px 16px; } .ngl-theme .components-panel-inner { padding: 0 16px; } .ngl-theme-checkbox { display: flex; position: relative; padding: 5px 0 20px; color: #222; margin-left: 0 !important; } .ngl-theme-checkbox-text { line-height: 1.5; } .components-base-control__field.disabled { opacity: 0.7; pointer-events: none; } .components-base-control__field.disabled input[type=checkbox] { opacity: 1; } .ngl-theme-checkbox a { color: rgba(0, 0, 0, 0.6); } .ngl-theme-checkbox a:hover { color: rgba(0, 0, 0, 0.8); } .ngl-theme-checkbox-input { min-width: 30px; padding-top: 2px; } .ngl-theme-checkbox-state { position: absolute; bottom: -10px; left: 36px; } .ngl-theme-upload { display: flex; flex-direction: column; margin: 0 0 14px !important; color: rgba(0, 0, 0, 0.6); } .ngl-theme-upload span.ngl-theme-upload-button { margin: 0 0 8px; } .ngl-theme-upload .ui.button { background-color: #0088A0; padding: 11px 14px; font-size: 13px; font-weight: 600; } .ngl-theme-upload .ui.button:hover, .ngl-theme-upload .ui.button:focus { background-color: #17A4C6; } .ngl-theme-upload-name a { color: rgba(0, 0, 0, 0.6); } .ngl-theme-upload-name a:hover { color: rgba(0, 0, 0, 0.7); } .ngl-image { margin: 12px 0 0; color: rgba(0, 0, 0, 0.6); font-size: 13px; display: flex; } .ngl-image-default { display: block; } .ngl-image a { box-shadow: none !important; color: rgba(0, 0, 0, 0.6) !important; } .ngl-image a:hover, .ngl-image a:focus { color: rgba(0, 0, 0, 0.8) !important; } .ngl-image-icon { margin: 0 5px; text-decoration: none !important; } .ngl-image-remove { margin: 0 0 0 10px; } /* Email preview */ .ngl-email-logo { padding: 10px 0; } .ngl-email-logo img { margin: 0 !important; display: inline-block !important; } .ngl-email-logo.ngl-logo-center { text-align: center; } .ngl-email-logo.ngl-logo-left { text-align: left; } .ngl-email-logo.ngl-logo-right { text-align: right; } .ngl-email-logo.ngl-logo-full { text-align: center; } .ngl-email-logo img { display: inline-block; } .ngl-mobile .ngl-email-logo img { } .ngl-email { display: flex; justify-content: center; align-items: center; } .ngl-email-container { width: 600px; box-sizing: border-box; } .ngl-email h1, .ngl-email h2, .ngl-email h3, .ngl-email h4, .ngl-email h5, .ngl-email h6 { padding-top: 10px; padding-bottom: 10px; line-height: 1.5; margin: 0; } .ngl-email img { max-width: 100%; margin: 0 auto 25px auto; display: block; height: auto; } .ngl-email p, .ngl-email ul, .ngl-email ol { padding: 10px 0; line-height: 1.5; margin: 0; } .ngl-email .ngl-masthead { padding: 10px 0; } .ngl-email .ngl-masthead img { margin-bottom: 0; } .ngl-email .wp-block-button { text-align: center; } .ngl-email .wp-block-button__link { padding: 12px 24px; font-size: 16px; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ngl-email .wp-block-button__link:hover { color: #fff; } .ngl-email .ngl-credits { font-size: 13px; text-align: center; color: #999 !important; padding-top: 50px; margin: 0 0 25px !important; } .ngl-email .ngl-credits a { color: #999 !important; text-decoration: underline; } /* Review button */ .ngl-review { margin: 40px 0 0 60px; font-size: 13px; } .ngl-bar .ngl-review, .ngl-top-msg-right .ngl-review { margin: 0; } .ngl-top-msg-right .ngl-review { margin-right: 20px; } .ngl-top-msg-right .ngl-review a { background: #038955 !important; font-size: 15px; height: 40px !important; line-height: 40px !important; box-shadow: none !important; } .ngl-top-msg-right .ngl-review i { width: 20px; } .ngl-top-msg-right .ngl-review span { margin: 0 12px 0 0; } .ngl-review span { margin: 0 20px 0 0; } .ngl-review i { margin: 0 0.005em; color: #FFB900; font-size: 1.2em; width: 18px; height: 16px; position: relative; display: flex; align-items: center; } .ngl-review a { display: inline-flex; border-radius: 20px; text-decoration: none; background: #10B777; width: auto; padding: 0 20px !important; color: #fff !important; font-weight: 600; height: 33px; line-height: 33px !important; align-items: center; transition: none; position: relative; } .ngl-review a:hover { animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; } .ngl-review.ngl-license-review a { background: #0088A0 !important; transition: all 0.25s ease-in-out; padding: 0 12px !important; font-size: 13px !important; } .ngl-review.ngl-license-review a:hover { animation: none !important; background: #17A4C6 !important; } .ngl-review.ngl-license-review span { margin: 0 10px 0 6px; } .ngl-review.ngl-license-review i { color: #fff; margin: 0 !important; font-size: 1.1em; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-5px);} 60% {-webkit-transform: translateY(-5px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-5px);} 60% {-moz-transform: translateY(-5px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-5px);} 60% {-o-transform: translateY(-5px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-5px);} 60% {transform: translateY(-5px);} } /* Top toolbar */ .ngl-top-checkbox { margin: 0 12px 0 0; color: #666; } .ngl-top-checkbox a { color: #666; } .ngl-top-checkbox a:hover { color: #444; } .ngl-top-checkbox.disable-send { pointer-events: none; opacity: 0.5; } /* CSS for overlay */ .newsletterglue-hidden { overflow: hidden; } .newsletterglue-popup-overlay .newsletterglue-internal-message { margin: 3px 0 3px 22px; display: none; } .newsletterglue-reason-input { margin: 6px 0 3px 32px; display: none; } .newsletterglue-reason-input input[type="text"] { width: 100%; display: block; } .newsletterglue-popup-overlay { background: rgba(0,0,0, .8); position: fixed; top:0; left: 0; height: 100%; width: 100%; z-index: 1000000; overflow: auto; visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in-out; display: flex; justify-content: center; align-items: center; } .newsletterglue-popup-overlay.newsletterglue-active { opacity: 1; visibility: visible; } .newsletterglue-serveypanel { width: 600px; background: #fff; margin: 0 auto 0; border-radius: 3px; } .newsletterglue-popup-header { background: #f1f1f1; padding: 20px; border-bottom: 1px solid #ccc; } .newsletterglue-popup-header h2 { margin: 0; background: url(../images/menu.png) no-repeat left center; background-size: 24px 24px; min-height: 24px; padding-left: 36px; line-height: 22px; } .newsletterglue-popup-body { padding: 10px 20px; } .newsletterglue-popup-footer { background: #f9f3f3; padding: 10px 20px; border-top: 1px solid #ccc; } .newsletterglue-popup-footer:after { content:""; display: table; clear: both; } .action-btns { float: right; } .newsletterglue-anonymous { display: none; } .attention, .error-message { color: red; font-weight: 600; display: none; } .newsletterglue-spinner { display: none; position: relative; top: 2px; margin: 0 10px 0 0; } .newsletterglue-spinner img { margin-top: 3px; } .newsletterglue-pro-message { padding-left: 24px; color: red; font-weight: 600; display: none; } .newsletterglue-popup-header { background: none; padding: 18px 30px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1); box-shadow: 0 0 8px rgba(0,0,0,.1); border: 0; } .newsletterglue-popup-body h3 { margin-top: 0; margin-bottom: 20px; font-weight: 700; font-size: 15px; color: #495157; line-height: 1.4; } .newsletterglue-reason { font-size: 13px; color: #6d7882; margin-bottom: 15px; } .newsletterglue-reason input[type="radio"] { margin-right: 15px; } .newsletterglue-popup-body { padding: 30px 30px 0; } .newsletterglue-popup-footer { background: none; border: 0; padding: 30px; } .newsletterglue-popup-body h4 { margin-bottom: 10px; } .newsletterglue-popup-body textarea { width: 100%; box-sizing: border-box; height: 60px; padding: 6px 8px; } .newsletterglue-popup-field { padding: 10px 0; } .newsletterglue-popup-field label { font-size: 1.1em; display: block; margin: 0 0 8px 0; } .newsletterglue-popup-field select, .newsletterglue-popup-field input[type=text] { width: 100%; max-width: 100%; min-height: 40px; } /* Modal */ .ngl-popup-overlay { background: rgba(0,0,0, .8); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 10000000; overflow: auto; visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in-out; display: flex; justify-content: center; align-items: center; } .ngl-popup-overlay.ngl-active { opacity: 1; visibility: visible; } .ngl-popup-hidden { overflow: hidden; } .ngl-popup-panel { width: 600px; background: #fff; margin: 0 auto 0; border-radius: 6px; } .ngl-popup-overlay-demo .ngl-popup-panel { width: 100%; max-width: 1000px; } .ngl-popup-overlay-settings .ngl-popup-panel { width: 400px; } .ngl-popup-video { position: relative; padding-bottom: 56.35%; padding-top: 0; height: 0; overflow: hidden; } .ngl-popup-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ngl-popup-header { font-size: 22px; font-weight: bold; margin: 0 0 30px; padding: 0 0 14px; color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid #ccc; } .ngl-popup-header.alt { font-size: 16px; padding: 0; border: none; color: rgba(0, 0, 0, 0.8); } .ngl-popup-header span { display: block; margin: 6px 0 0; font-size: 12px; color: rgba(0, 0, 0, 0.6); font-weight: normal; } .ngl-block-container .ngl-popup-settings, .ngl-block-container .ngl-popup-demo { display: none; } .ngl-popup-demo, .ngl-popup-settings { padding: 30px; position: relative; } .ngl-popup-close { position: absolute; right: 10px; top: 10px; text-decoration: none !important; padding: 5px; display: block; border-radius: 999px; z-index: 100; color: #444 !important; } .ngl-popup-close:hover { color: #135e96 !important; } .ngl-popup-close span.dashicons { margin: 0 !important; font-size: 24px; width: 24px; height: 24px; } .ngl-popup-demo img { max-width: 100%; height: auto; } .ngl-popup-field { padding: 10px 0; position: relative; } .ngl-popup-field .ngl-block-use-label { margin: 0 20px 0 0; font-size: 14px; } .ngl-popup-field input[type=checkbox] { position: absolute; top: auto; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; white-space: nowrap; } .ngl-popup-field label { user-select: none; } .ngl-popup-field .ngl-block-use-switch { margin: -2px 14px 0 0; width: 36px; height: 18px; background: #fff; border: 1px solid #666; box-sizing: border-box; } .ngl-popup-field input[type=checkbox]:checked+.ngl-block-use-switch { background-color: #007cba; border-color: #007cba; } .ngl-popup-field .ngl-block-use-switch:before { height: 14px; width: 14px; background: #1e1e1e; left: 1px; top: 1px; } .ngl-popup-field input[type=checkbox]:checked+.ngl-block-use-switch:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); background: #fff; } .ngl-popup-field-header { color: rgba(0, 0, 0, 0.6); font-size: 16px; font-weight: bold; padding: 0 0 10px; } /* License form */ .ngl-license-wrap { width: 100%; background: #F8FEFF; max-width: 490px; box-shadow: 0px 3px 6px #00000029; border-radius: 8px; margin: 60px 0 0 60px; padding: 40px 40px 20px 40px; color: #383838; position: relative; } .ngl-license-wrap-close { position: absolute; right: 0; top: 0; padding: 20px; width: 16px; height: 16px; } .ngl-license-wrap-close svg { fill: #6b6b6b; } .ngl-license-wrap-success.is-hidden { display: none; } .ngl-license-wrap-success { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #F8FEFF; border-radius: 8px; box-sizing: border-box; } .ngl-license-wrap-success i { color: #029A60; font-size: 35px; margin: 0 20px 0 0; width: 35px; height: 35px; display: block; padding: 0; top: -10px; line-height: 1; position: relative; } .ngl-license-wrap-success span { font-size: 20px; color: #038955; font-weight: 600; } .ngl-license-wrap-success em { display: block; font-style: normal; font-weight: normal; margin: 10px 0 0; font-size: 14px; color: #707070; } .ngl-license-wrap-title { font-weight: 600; color: #003C4E; font-size: 20px; padding: 0 0 30px; } .ngl-license-wrap-label { color: #7a9ea7; } .ngl-license-wrap-help { text-align: right; color: #707070; } .ngl-license-wrap-goto { padding: 0 0 40px; } .ngl-license-wrap-goto a, .ngl-license-wrap-help a { text-decoration: none !important; box-shadow: none !important; font-weight: 600; color: #707070; } .ngl-license-wrap-goto a:hover, .ngl-license-wrap-help a:hover { color: #444; } .ngl-license-wrap-help i { margin: 0 !important; } .ngl-license-wrap-flex { display: flex; flex-wrap: nowrap; padding: 8px 0 15px 0; position: relative; } .ngl-license-wrap-flex input { flex-grow: 1 !important; border-right: 0 !important; border-radius: 8px 0 0 8px !important; margin: 0 !important; border-color: #E2E2E2 !important; box-shadow: none !important; min-height: 45px !important; padding-left: 14px !important; padding-right: 14px !important; font-size: 16px !important; } .ngl-license-wrap-flex input:focus { border-color: #bbc4c5 !important; } .ngl-license-wrap-flex a.ngl-license-wrap-action { padding: 0; margin: 0; line-height: 1; background-color: #0088A0; border-radius: 0 8px 8px 0; width: 130px; min-width: 130px; min-height: 45px; text-align: center; font-weight: 600; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; box-shadow: none !important; font-size: 15px; } .ngl-license-wrap-flex a.ngl-license-wrap-action:hover { background: #17A4C6; } .ngl-license-wrap-flex a.ngl-verifying-state, .ngl-license-wrap-flex a.ngl-invalid-state { background: #D9E6E6 !important; cursor: default !important; pointer-events: none !important; color: #728A8D !important; } .ngl-license-wrap-flex a.ngl-invalid-state { background: #FFF2F3 !important; color: #C91101 !important; } .ngl-license-wrap-flex a.ngl-license-wrap-action.is-hidden { display: none; } .ngl-license-wrap-flex a.ngl-license-wrap-action i { background: none; } .ngl-license-try-again { position: absolute; bottom: 0; right: 0; width: 130px; text-align: center; display: flex; align-items: center; justify-content: center; bottom: -15px; text-decoration: none; box-shadow: none !important; color: #707070; } .ngl-license-try-again.is-hidden { display: none; } .ngl-license-try-again:hover { color: #555; } /* Upgrade */ .ngl-upgrade { display: flex; max-width: 1200px; flex-wrap: wrap; margin-bottom: 30px; } .ngl-upgrade-left { flex-basis: 100%; flex-grow: 0; padding-right: 0; width: 100%; } .ngl-upgrade-right { flex-basis: 100%; flex-grow: 0; padding-right: 0; width: 100%; } .ngl-upgrade h2, .ngl-upgrade h3 { color: #003C4E; font-weight: bold; font-size: 26px; line-height: 120%; margin-bottom: 10px; } .ngl-upgrade h2 { margin-top: 0; margin-bottom: 20px; } .ngl-upgrade h3 { font-size: 20px; line-height: 140%; } .ngl-upgrade h3.ngl-upgrade-heading { color: #C91101; font-weight: normal; } .ngl-upgrade h3.ngl-upgrade-heading a { color: #C91101 !important; font-weight: bold; text-decoration: underline; } .ngl-upgrade h3.ngl-upgrade-heading a:hover { color: #f55447 !important; } .ngl-upgrade h3.ngl-upgrade-heading i { margin: 0 0 0 6px; height: 1em; display: inline-flex; } .ngl-upgrade p { color: #003C4E; font-size: 16px; line-height: 150%; margin: 0 40px 14px 0; } .ngl-upgrade p a { color: #C91101; text-decoration: underline; } .ngl-upgrade p a:hover { color: #f55447 !important; } .ngl-upgrade p strong { font-weight: bold; } .ngl-upgrade p.ngl-upgrade-small { font-size: 14px; color: #16292B; } .ngl-upgrade-box { min-height: 100px; background: #fff; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; width: 100%; margin-bottom: 40px; box-sizing: border-box; padding: 25px; } .ngl-upgrade-tag1 { font-size: 12px; color: #C12D00; font-weight: normal; background: #FCF4D0; border-radius: 14px; display: inline-flex; padding: 0 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 0 16px; } .ngl-upgrade-tag2 { font-size: 12px; color: #0D566C; font-weight: normal; background: #D6F7EA; border-radius: 14px; display: inline-flex; padding: 0 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 0 16px; } .ngl-upgrade-cta { display: flex; margin: 20px 0 8px; } .ngl-upgrade-cta a { display: flex; background: #E24A3D; font-size: 20px; font-weight: bold; color: #fff !important; height: 48px; border-radius: 10px; padding: 14px 21px; justify-content: center; box-shadow: none !important; text-decoration: none !important; } .ngl-upgrade-cta a i.icon { display: inline-flex; line-height: 1em; height: 1em; margin: 0 0 0 8px; } .ngl-upgrade-cta a:hover { background-color: #f55447 !important; } .ngl-upgrade-lists { display: flex; padding: 10px 0 30px 0; flex-wrap: wrap; } .ngl-upgrade-lists > div { flex: 1; } .ngl-upgrade-item { display: flex; font-size: 16px; color: #16292B; padding: 8px 0; align-items: center; } .ngl-upgrade-item span { display: flex; width: 32px; height: 32px; background-color: #0088A0; border-radius: 32px; margin: 0 8px 0 0; align-items: center; justify-content: center; } .ngl-upgrade-item span img { display: block; width: 100%; height: 100%; overflow: hidden; } @media screen and (min-width: 1340px) { .ngl-upgrade-left { flex-basis: 67%; flex-grow: 0; max-width: 530px; padding-right: 150px; } .ngl-upgrade-right { flex-basis: 33%; flex-grow: 0; } } .ngl-settings-accent { text-align: center; min-width: 60px; } .ngl-settings-accent .sp-replacer { margin: 0; } /* Live preview */ .ngl-customize-toggle { color: #0D566C !important; text-decoration: none !important; font-weight: 600; } .ngl-customize-toggle:hover { color: #0088A0 !important; } .ngl-customize-preview { font-size: 16px; padding: 30px; line-height: 150%; color: #444; cursor: default !important; max-width: 400px; box-shadow: 0 1px 5px #ddd; } .ngl-customize-preview * { pointer-events: none !important; cursor: default !important; } .ngl-customize-preview p { font-size: 16px; line-height: 150%; } .ngl-customize-preview h2 { font-size: 24px; color: #444; font-weight: bold; margin-top: 0; } .ngl-customize-preview blockquote { line-height: 160%; margin: 0 0 25px; padding-left: 20px; } p.ngl-customize-button { margin-bottom: 0; } .ngl-customize-button a { font-size: 16px; display: inline-block; text-align: center; box-sizing: border-box; padding: 10px 20px; text-decoration: none; color: #fff !important; min-width: 160px !important; border-radius: 0px; font-weight: 400; } .ngl-value-hidden { display: none !important; } .ngl-tabbed-check .ngl-label-sub { padding: 8px 0; } .ngl-tabbed-check .ui.buttons .button { padding: 8px 12px; font-size: 14px; } .ngl-tabbed-check .ui.buttons .ui.button.active { background: #0088A0 !important; color: #fff !important; } .ngl-tabbed-check .ui.buttons .ui.button.active i { opacity: 1; }