.flatpickr-calendar{background:transparent;overflow:hidden;max-height:0;opacity:0;visibility:hidden;text-align:center;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:315px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;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;visibility:visible;overflow:visible;max-height:640px}.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.hasWeeks{width:auto}.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-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:28px;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}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;line-height:16px;height:28px;padding:10px calc(3.57% - 1.5px);z-index:3;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-prev-month.flatpickr-next-month,.flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:#959ea9;}.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px;}.flatpickr-prev-month svg path,.flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.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.05);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;top:33%}.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)}.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)}.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:6.16px 0 0 0;line-height:1;height:28px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month.slideLeft{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-animation:fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideLeftNew{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-animation:fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRight{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-animation:fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRightNew{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)}.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;box-sizing:border-box;color:inherit;cursor:default;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial;}.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-weekdays{background:transparent;text-align:center;overflow:hidden;width:315px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}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-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-flex;display:-ms-flexbox;display:flex;width:315px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:315px;min-width:315px;max-width:315px;box-sizing:border-box;display:inline-block;display:-ms-flexbox;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}.flatpickr-calendar.animate .dayContainer.slideLeft{-webkit-animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{-webkit-animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{-webkit-animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;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:40px;height:40px;line-height:40px;margin:0;display:inline-block;position:relative;-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;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,.flatpickr-day.startRange.startRange + .endRange,.flatpickr-day.endRange.startRange + .endRange{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;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{pointer-events:none}.flatpickr-day.disabled,.flatpickr-day.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.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{display:inline-block;float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%;max-width:none}.flatpickr-innerContainer{display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-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;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;cursor:pointer;color:#393939;font-size:14px;position:relative;box-sizing:border-box;}.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;display:inline-block;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;-ms-grid-row-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#f0f0f0}.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)}}@-webkit-keyframes fpSlideLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fpSlideLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes fpSlideLeftNew{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpSlideLeftNew{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpSlideRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fpSlideRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fpSlideRightNew{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpSlideRightNew{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpFadeOut{from{opacity:1}to{opacity:0}}@keyframes fpFadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fpFadeIn{from{opacity:0}to{opacity:1}}@keyframes fpFadeIn{from{opacity:0}to{opacity:1}}@charset "UTF-8"; /*! * vue-blu * (c) 2017 Chenz * Released under the MIT License. * Documentation: https://github.com/chenz86/vue-blu */ /*! bulma.io v0.2.3 | MIT License | github.com/jgthms/bulma */ @keyframes spinAround { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ul { list-style: none; } button, input, select, textarea { margin: 0; } html { box-sizing: border-box; } * { box-sizing: inherit; } *:before, *:after { box-sizing: inherit; } img, embed, object, audio, video { height: auto; max-width: 100%; } iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; text-align: left; } html { background-color: #fff; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; } article, aside, figure, footer, header, hgroup, section { display: block; } body, button, input, select, textarea { font-family: "Alright Sans LP", "Avenir Next", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Source Han Sans SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi MicroHei", sans-serif; } code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: "Inconsolata", "Consolas", "Monaco", monospace; line-height: 1.25; } body { color: #4a4a4a; font-size: 1rem; font-weight: 400; line-height: 1.428571428571429; } a { color: #3c81df; cursor: pointer; text-decoration: none; transition: none 86ms ease-out; } a:hover { color: #363636; } code { background-color: whitesmoke; color: #f56954; font-size: 12px; font-weight: normal; padding: 1px 2px 2px; } hr { background-color: #dbdbdb; border: none; display: block; height: 1px; margin: 20px 0; } img { max-width: 100%; } input[type="checkbox"], input[type="radio"] { vertical-align: baseline; } small { font-size: 11px; } span { font-style: inherit; font-weight: inherit; } strong { color: #363636; font-weight: 700; } pre { background-color: whitesmoke; color: #4a4a4a; white-space: pre; word-wrap: normal; } pre code { background-color: whitesmoke; color: #4a4a4a; display: block; overflow-x: auto; padding: 16px 20px; } table { width: 100%; } table td, table th { text-align: left; vertical-align: top; } table th { color: #363636; } .is-block { display: block; } @media screen and (max-width: 768px) { .is-block-mobile { display: block !important; } } @media screen and (min-width: 769px) { .is-block-tablet { display: block !important; } } @media screen and (min-width: 769px) and (max-width: 979px) { .is-block-tablet-only { display: block !important; } } @media screen and (max-width: 979px) { .is-block-touch { display: block !important; } } @media screen and (min-width: 980px) { .is-block-desktop { display: block !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-block-desktop-only { display: block !important; } } @media screen and (min-width: 1180px) { .is-block-widescreen { display: block !important; } } .is-flex { display: flex; } @media screen and (max-width: 768px) { .is-flex-mobile { display: flex !important; } } @media screen and (min-width: 769px) { .is-flex-tablet { display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 979px) { .is-flex-tablet-only { display: flex !important; } } @media screen and (max-width: 979px) { .is-flex-touch { display: flex !important; } } @media screen and (min-width: 980px) { .is-flex-desktop { display: flex !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-flex-desktop-only { display: flex !important; } } @media screen and (min-width: 1180px) { .is-flex-widescreen { display: flex !important; } } .is-inline { display: inline; } @media screen and (max-width: 768px) { .is-inline-mobile { display: inline !important; } } @media screen and (min-width: 769px) { .is-inline-tablet { display: inline !important; } } @media screen and (min-width: 769px) and (max-width: 979px) { .is-inline-tablet-only { display: inline !important; } } @media screen and (max-width: 979px) { .is-inline-touch { display: inline !important; } } @media screen and (min-width: 980px) { .is-inline-desktop { display: inline !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-inline-desktop-only { display: inline !important; } } @media screen and (min-width: 1180px) { .is-inline-widescreen { display: inline !important; } } .is-inline-block { display: inline-block; } @media screen and (max-width: 768px) { .is-inline-block-mobile { display: inline-block !important; } } @media screen and (min-width: 769px) { .is-inline-block-tablet { display: inline-block !important; } } @media screen and (min-width: 769px) and (max-width: 979px) { .is-inline-block-tablet-only { display: inline-block !important; } } @media screen and (max-width: 979px) { .is-inline-block-touch { display: inline-block !important; } } @media screen and (min-width: 980px) { .is-inline-block-desktop { display: inline-block !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-inline-block-desktop-only { display: inline-block !important; } } @media screen and (min-width: 1180px) { .is-inline-block-widescreen { display: inline-block !important; } } .is-inline-flex { display: inline-flex; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { display: inline-flex !important; } } @media screen and (min-width: 769px) { .is-inline-flex-tablet { display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 979px) { .is-inline-flex-tablet-only { display: inline-flex !important; } } @media screen and (max-width: 979px) { .is-inline-flex-touch { display: inline-flex !important; } } @media screen and (min-width: 980px) { .is-inline-flex-desktop { display: inline-flex !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-inline-flex-desktop-only { display: inline-flex !important; } } @media screen and (min-width: 1180px) { .is-inline-flex-widescreen { display: inline-flex !important; } } .is-clearfix:after { clear: both; content: " "; display: table; } .is-pulled-left { float: left; } .is-pulled-right { float: right; } .is-clipped { overflow: hidden !important; } .is-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .has-text-centered { text-align: center; } .has-text-left { text-align: left; } .has-text-right { text-align: right; } .is-hidden { display: none !important; } @media screen and (max-width: 768px) { .is-hidden-mobile { display: none !important; } } @media screen and (min-width: 769px) { .is-hidden-tablet { display: none !important; } } @media screen and (min-width: 769px) and (max-width: 979px) { .is-hidden-tablet-only { display: none !important; } } @media screen and (max-width: 979px) { .is-hidden-touch { display: none !important; } } @media screen and (min-width: 980px) { .is-hidden-desktop { display: none !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-hidden-desktop-only { display: none !important; } } @media screen and (min-width: 1180px) { .is-hidden-widescreen { display: none !important; } } .is-disabled { pointer-events: none; } .is-marginless { margin: 0 !important; } .is-paddingless { padding: 0 !important; } .is-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .box { background-color: white; border-radius: 5px; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; padding: 20px; } .box:not(:last-child) { margin-bottom: 20px; } a.box:hover, a.box:focus { box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3c81df; } a.box:active { box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3c81df; } .button { -moz-appearance: none; -webkit-appearance: none; align-items: center; background-color: white; border: 1px solid #dbdbdb; border-radius: 3px; color: #363636; display: inline-flex; font-size: 14px; height: 32px; justify-content: flex-start; line-height: 24px; padding-left: 8px; padding-right: 8px; position: relative; vertical-align: top; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; justify-content: center; padding-left: 10px; padding-right: 10px; text-align: center; white-space: nowrap; } .button:hover { border-color: #b5b5b5; } .button:active, .button:focus, .button.is-active { border-color: #3c81df; outline: none; } .button[disabled], .button.is-disabled { background-color: whitesmoke; border-color: #dbdbdb; cursor: not-allowed; pointer-events: none; } .button[disabled]::-moz-placeholder, .button.is-disabled::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } .button[disabled]::-webkit-input-placeholder, .button.is-disabled::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); } .button[disabled]:-moz-placeholder, .button.is-disabled:-moz-placeholder { color: rgba(54, 54, 54, 0.3); } .button[disabled]:-ms-input-placeholder, .button.is-disabled:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); } .button strong { color: inherit; } .button small { display: block; font-size: 11px; line-height: 1; margin-top: 5px; } .button .icon:first-child, .button .tag:first-child { margin-left: -2px; margin-right: 4px; } .button .icon:last-child, .button .tag:last-child { margin-left: 4px; margin-right: -2px; } .button:hover, .button:focus, .button.is-active { color: #363636; } .button:active { box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } .button.is-white { background-color: white; border-width: 0; color: #0a0a0a; } .button.is-white:hover, .button.is-white:focus, .button.is-white.is-active { background-color: #f2f2f2; border-color: transparent; color: #0a0a0a; } .button.is-white.is-inverted { background-color: #0a0a0a; color: white; } .button.is-white.is-inverted:hover { background-color: black; } .button.is-white.is-loading:after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } .button.is-white.is-outlined { background-color: transparent; border-color: white; border-width: 1px; color: white; } .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { background-color: white; border-color: white; color: #0a0a0a; } .button.is-black { background-color: #0a0a0a; border-width: 0; color: white; } .button.is-black:hover, .button.is-black:focus, .button.is-black.is-active { background-color: black; border-color: transparent; color: white; } .button.is-black.is-inverted { background-color: white; color: #0a0a0a; } .button.is-black.is-inverted:hover { background-color: #f2f2f2; } .button.is-black.is-loading:after { border-color: transparent transparent white white !important; } .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; border-width: 1px; color: #0a0a0a; } .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { background-color: #0a0a0a; border-color: #0a0a0a; color: white; } .button.is-light { background-color: whitesmoke; border-width: 0; color: #363636; } .button.is-light:hover, .button.is-light:focus, .button.is-light.is-active { background-color: #e8e8e8; border-color: transparent; color: #363636; } .button.is-light.is-inverted { background-color: #363636; color: whitesmoke; } .button.is-light.is-inverted:hover { background-color: #292929; } .button.is-light.is-loading:after { border-color: transparent transparent #363636 #363636 !important; } .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; border-width: 1px; color: whitesmoke; } .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { background-color: whitesmoke; border-color: whitesmoke; color: #363636; } .button.is-dark { background-color: #363636; border-width: 0; color: whitesmoke; } .button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active { background-color: #292929; border-color: transparent; color: whitesmoke; } .button.is-dark.is-inverted { background-color: whitesmoke; color: #363636; } .button.is-dark.is-inverted:hover { background-color: #e8e8e8; } .button.is-dark.is-loading:after { border-color: transparent transparent whitesmoke whitesmoke !important; } .button.is-dark.is-outlined { background-color: transparent; border-color: #363636; border-width: 1px; color: #363636; } .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { background-color: #363636; border-color: #363636; color: whitesmoke; } .button.is-primary { background-color: #3c81df; border-width: 0; color: white; } .button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active { background-color: #2673db; border-color: transparent; color: white; } .button.is-primary.is-inverted { background-color: white; color: #3c81df; } .button.is-primary.is-inverted:hover { background-color: #f2f2f2; } .button.is-primary.is-loading:after { border-color: transparent transparent white white !important; } .button.is-primary.is-outlined { background-color: transparent; border-color: #3c81df; border-width: 1px; color: #3c81df; } .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { background-color: #3c81df; border-color: #3c81df; color: white; } .button.is-info { background-color: #00c0ef; border-width: 0; color: white; } .button.is-info:hover, .button.is-info:focus, .button.is-info.is-active { background-color: #00acd6; border-color: transparent; color: white; } .button.is-info.is-inverted { background-color: white; color: #00c0ef; } .button.is-info.is-inverted:hover { background-color: #f2f2f2; } .button.is-info.is-loading:after { border-color: transparent transparent white white !important; } .button.is-info.is-outlined { background-color: transparent; border-color: #00c0ef; border-width: 1px; color: #00c0ef; } .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { background-color: #00c0ef; border-color: #00c0ef; color: white; } .button.is-success { background-color: #6cc788; border-width: 0; color: white; } .button.is-success:hover, .button.is-success:focus, .button.is-success.is-active { background-color: #5ac079; border-color: transparent; color: white; } .button.is-success.is-inverted { background-color: white; color: #6cc788; } .button.is-success.is-inverted:hover { background-color: #f2f2f2; } .button.is-success.is-loading:after { border-color: transparent transparent white white !important; } .button.is-success.is-outlined { background-color: transparent; border-color: #6cc788; border-width: 1px; color: #6cc788; } .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { background-color: #6cc788; border-color: #6cc788; color: white; } .button.is-warning { background-color: #f39c12; border-width: 0; color: white; } .button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active { background-color: #e08e0b; border-color: transparent; color: white; } .button.is-warning.is-inverted { background-color: white; color: #f39c12; } .button.is-warning.is-inverted:hover { background-color: #f2f2f2; } .button.is-warning.is-loading:after { border-color: transparent transparent white white !important; } .button.is-warning.is-outlined { background-color: transparent; border-color: #f39c12; border-width: 1px; color: #f39c12; } .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { background-color: #f39c12; border-color: #f39c12; color: white; } .button.is-danger { background-color: #f56954; border-width: 0; color: white; } .button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active { background-color: #f4543c; border-color: transparent; color: white; } .button.is-danger.is-inverted { background-color: white; color: #f56954; } .button.is-danger.is-inverted:hover { background-color: #f2f2f2; } .button.is-danger.is-loading:after { border-color: transparent transparent white white !important; } .button.is-danger.is-outlined { background-color: transparent; border-color: #f56954; border-width: 1px; color: #f56954; } .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { background-color: #f56954; border-color: #f56954; color: white; } .button.is-link { background-color: transparent; border-width: 0; color: #4a4a4a; text-decoration: underline; } .button.is-link:hover, .button.is-link:focus { background-color: whitesmoke; color: #363636; } .button.is-small { border-radius: 2px; font-size: 11px; height: 24px; line-height: 16px; padding-left: 6px; padding-right: 6px; } .button.is-medium { font-size: 18px; height: 40px; padding-left: 14px; padding-right: 14px; } .button.is-large { font-size: 22px; height: 48px; padding-left: 20px; padding-right: 20px; } .button[disabled], .button.is-disabled { opacity: 0.5; } .button.is-fullwidth { display: flex; width: 100%; } .button.is-loading { color: transparent !important; pointer-events: none; } .button.is-loading:after { animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 16px; position: relative; width: 16px; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; position: absolute !important; } .content { color: #4a4a4a; } .content:not(:last-child) { margin-bottom: 20px; } .content a:not(.button) { border-bottom: 1px solid #dbdbdb; } .content a:not(.button):visited { color: #926dde; } .content a:not(.button):hover { border-bottom-color: #3c81df; } .content li + li { margin-top: 0.25em; } .content blockquote:not(:last-child), .content p:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child) { margin-bottom: 1em; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #363636; font-weight: 300; line-height: 1.125; margin-bottom: 20px; } .content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child) { margin-top: 40px; } .content blockquote { background-color: whitesmoke; border-left: 5px solid #dbdbdb; padding: 1.5em; } .content h1 { font-size: 2em; } .content h2 { font-size: 1.75em; } .content h3 { font-size: 1.5em; } .content h4 { font-size: 1.25em; } .content h5 { font-size: 1.125em; } .content h6 { font-size: 1em; } .content ol { list-style: decimal outside; margin-left: 2em; margin-right: 2em; margin-top: 1em; } .content ul { list-style: disc outside; margin-left: 2em; margin-right: 2em; margin-top: 1em; } .content ul ul { list-style-type: circle; margin-top: 0.5em; } .content ul ul ul { list-style-type: square; } .content.is-medium { font-size: 18px; } .content.is-medium code { font-size: 14px; } .content.is-large { font-size: 24px; } .content.is-large code { font-size: 18px; } .input, .textarea { -moz-appearance: none; -webkit-appearance: none; align-items: center; background-color: white; border: 1px solid #dbdbdb; border-radius: 3px; color: #363636; display: inline-flex; font-size: 14px; height: 32px; justify-content: flex-start; line-height: 24px; padding-left: 8px; padding-right: 8px; position: relative; vertical-align: top; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); max-width: 100%; width: 100%; } .input:hover, .textarea:hover { border-color: #b5b5b5; } .input:active, .input:focus, .input.is-active, .textarea:active, .textarea:focus, .textarea.is-active { border-color: #3c81df; outline: none; } .input[disabled], .input.is-disabled, .textarea[disabled], .textarea.is-disabled { background-color: whitesmoke; border-color: #dbdbdb; cursor: not-allowed; pointer-events: none; } .input[disabled]::-moz-placeholder, .input.is-disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .textarea.is-disabled::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } .input[disabled]::-webkit-input-placeholder, .input.is-disabled::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .textarea.is-disabled::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); } .input[disabled]:-moz-placeholder, .input.is-disabled:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .textarea.is-disabled:-moz-placeholder { color: rgba(54, 54, 54, 0.3); } .input[disabled]:-ms-input-placeholder, .input.is-disabled:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .textarea.is-disabled:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); } .input.is-white, .textarea.is-white { border-color: white; } .input.is-black, .textarea.is-black { border-color: #0a0a0a; } .input.is-light, .textarea.is-light { border-color: whitesmoke; } .input.is-dark, .textarea.is-dark { border-color: #363636; } .input.is-primary, .textarea.is-primary { border-color: #3c81df; } .input.is-info, .textarea.is-info { border-color: #00c0ef; } .input.is-success, .textarea.is-success { border-color: #6cc788; } .input.is-warning, .textarea.is-warning { border-color: #f39c12; } .input.is-danger, .textarea.is-danger { border-color: #f56954; } .input[type="search"], .textarea[type="search"] { border-radius: 290486px; } .input.is-small, .textarea.is-small { border-radius: 2px; font-size: 11px; height: 24px; line-height: 16px; padding-left: 6px; padding-right: 6px; } .input.is-medium, .textarea.is-medium { font-size: 18px; height: 40px; line-height: 32px; padding-left: 10px; padding-right: 10px; } .input.is-large, .textarea.is-large { font-size: 24px; height: 48px; line-height: 40px; padding-left: 12px; padding-right: 12px; } .input.is-fullwidth, .textarea.is-fullwidth { display: block; width: 100%; } .input.is-inline, .textarea.is-inline { display: inline; width: auto; } .textarea { display: block; line-height: 1.2; max-height: 600px; max-width: 100%; min-height: 120px; min-width: 100%; padding: 10px; resize: vertical; } .checkbox, .radio { cursor: pointer; display: inline-block; line-height: 16px; position: relative; vertical-align: top; } .checkbox input, .radio input { cursor: pointer; } .checkbox:hover, .radio:hover { color: #363636; } .checkbox.is-disabled, .radio.is-disabled { color: #dbdbdb; pointer-events: none; } .checkbox.is-disabled input, .radio.is-disabled input { pointer-events: none; } .radio + .radio { margin-left: 10px; } .select { display: inline-block; height: 32px; position: relative; vertical-align: top; } .select select { -moz-appearance: none; -webkit-appearance: none; align-items: center; background-color: white; border: 1px solid #dbdbdb; border-radius: 3px; color: #363636; display: inline-flex; font-size: 14px; height: 32px; justify-content: flex-start; line-height: 24px; padding-left: 8px; padding-right: 8px; position: relative; vertical-align: top; cursor: pointer; display: block; outline: none; padding-right: 36px; } .select select:hover { border-color: #b5b5b5; } .select select:active, .select select:focus, .select select.is-active { border-color: #3c81df; outline: none; } .select select[disabled], .select select.is-disabled { background-color: whitesmoke; border-color: #dbdbdb; cursor: not-allowed; pointer-events: none; } .select select[disabled]::-moz-placeholder, .select select.is-disabled::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } .select select[disabled]::-webkit-input-placeholder, .select select.is-disabled::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); } .select select[disabled]:-moz-placeholder, .select select.is-disabled:-moz-placeholder { color: rgba(54, 54, 54, 0.3); } .select select[disabled]:-ms-input-placeholder, .select select.is-disabled:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); } .select select.is-white { border-color: white; } .select select.is-black { border-color: #0a0a0a; } .select select.is-light { border-color: whitesmoke; } .select select.is-dark { border-color: #363636; } .select select.is-primary { border-color: #3c81df; } .select select.is-info { border-color: #00c0ef; } .select select.is-success { border-color: #6cc788; } .select select.is-warning { border-color: #f39c12; } .select select.is-danger { border-color: #f56954; } .select select:hover { border-color: #b5b5b5; } .select select::ms-expand { display: none; } .select.is-fullwidth { width: 100%; } .select.is-fullwidth select { width: 100%; } .select:after { border: 1px solid #3c81df; border-right: 0; border-top: 0; content: " "; display: block; height: 7px; pointer-events: none; position: absolute; transform: rotate(-45deg); width: 7px; margin-top: -6px; right: 16px; top: 50%; } .select:hover:after { border-color: #363636; } .select.is-small { height: 24px; } .select.is-small select { border-radius: 2px; font-size: 11px; height: 24px; line-height: 16px; padding-left: 6px; padding-right: 6px; padding-right: 28px; } .select.is-medium { height: 40px; } .select.is-medium select { font-size: 18px; height: 40px; line-height: 32px; padding-left: 10px; padding-right: 10px; padding-right: 44px; } .select.is-large { height: 48px; } .select.is-large select { font-size: 24px; height: 48px; line-height: 40px; padding-left: 12px; padding-right: 12px; padding-right: 52px; } .label { color: #363636; display: block; font-weight: bold; } .label:not(:last-child) { margin-bottom: 5px; } .help { display: block; font-size: 11px; margin-top: 5px; } .help.is-white { color: white; } .help.is-black { color: #0a0a0a; } .help.is-light { color: whitesmoke; } .help.is-dark { color: #363636; } .help.is-primary { color: #3c81df; } .help.is-info { color: #00c0ef; } .help.is-success { color: #6cc788; } .help.is-warning { color: #f39c12; } .help.is-danger { color: #f56954; } @media screen and (max-width: 768px) { .control-label { margin-bottom: 5px; } } @media screen and (min-width: 769px) { .control-label { flex-basis: 0; flex-grow: 1; flex-shrink: 0; margin-right: 20px; padding-top: 7px; text-align: right; } } .control { position: relative; text-align: left; } .control:not(:last-child) { margin-bottom: 10px; } .control.has-addons { display: flex; justify-content: flex-start; } .control.has-addons .button, .control.has-addons .input, .control.has-addons .select { border-radius: 0; margin-right: -1px; width: auto; } .control.has-addons .button:hover, .control.has-addons .input:hover, .control.has-addons .select:hover { z-index: 2; } .control.has-addons .button:active, .control.has-addons .button:focus, .control.has-addons .input:active, .control.has-addons .input:focus, .control.has-addons .select:active, .control.has-addons .select:focus { z-index: 3; } .control.has-addons .button:first-child, .control.has-addons .input:first-child, .control.has-addons .select:first-child { border-radius: 3px 0 0 3px; } .control.has-addons .button:first-child select, .control.has-addons .input:first-child select, .control.has-addons .select:first-child select { border-radius: 3px 0 0 3px; } .control.has-addons .button:last-child, .control.has-addons .input:last-child, .control.has-addons .select:last-child { border-radius: 0 3px 3px 0; } .control.has-addons .button:last-child select, .control.has-addons .input:last-child select, .control.has-addons .select:last-child select { border-radius: 0 3px 3px 0; } .control.has-addons .button.is-expanded, .control.has-addons .input.is-expanded, .control.has-addons .select.is-expanded { flex-grow: 1; flex-shrink: 0; } .control.has-addons.has-addons-centered { justify-content: center; } .control.has-addons.has-addons-right { justify-content: flex-end; } .control.has-addons.has-addons-fullwidth .button, .control.has-addons.has-addons-fullwidth .input, .control.has-addons.has-addons-fullwidth .select { flex-grow: 1; flex-shrink: 0; } .control.has-icon > .fa { display: inline-block; font-size: 14px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; width: 24px; color: #dbdbdb; pointer-events: none; position: absolute; top: 4px; z-index: 4; } .control.has-icon .input:focus + .fa { color: #b5b5b5; } .control.has-icon .input.is-small + .fa { font-size: 10.5px; top: 0; } .control.has-icon .input.is-medium + .fa { font-size: 21px; top: 8px; } .control.has-icon .input.is-large + .fa { font-size: 21px; top: 12px; } .control.has-icon:not(.has-icon-right) > .fa { left: 4px; } .control.has-icon:not(.has-icon-right) .input { padding-left: 32px; } .control.has-icon:not(.has-icon-right) .input.is-small { padding-left: 24px; } .control.has-icon:not(.has-icon-right) .input.is-small + .fa { left: 0; } .control.has-icon:not(.has-icon-right) .input.is-medium { padding-left: 40px; } .control.has-icon:not(.has-icon-right) .input.is-medium + .fa { left: 8px; } .control.has-icon:not(.has-icon-right) .input.is-large { padding-left: 48px; } .control.has-icon:not(.has-icon-right) .input.is-large + .fa { left: 12px; } .control.has-icon.has-icon-right > .fa { right: 4px; } .control.has-icon.has-icon-right .input { padding-right: 32px; } .control.has-icon.has-icon-right .input.is-small { padding-right: 24px; } .control.has-icon.has-icon-right .input.is-small + .fa { right: 0; } .control.has-icon.has-icon-right .input.is-medium { padding-right: 40px; } .control.has-icon.has-icon-right .input.is-medium + .fa { right: 8px; } .control.has-icon.has-icon-right .input.is-large { padding-right: 48px; } .control.has-icon.has-icon-right .input.is-large + .fa { right: 12px; } .control.is-grouped { display: flex; justify-content: flex-start; } .control.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 10px; } .control.is-grouped > .control.is-expanded { flex-grow: 1; flex-shrink: 1; } .control.is-grouped.is-grouped-centered { justify-content: center; } .control.is-grouped.is-grouped-right { justify-content: flex-end; } @media screen and (min-width: 769px) { .control.is-horizontal { display: flex; } .control.is-horizontal > .control { display: flex; flex-basis: 0; flex-grow: 5; flex-shrink: 1; } } .control.is-loading:after { animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 16px; position: relative; width: 16px; position: absolute !important; right: 8px; top: 8px; } .image { display: block; position: relative; } .image img { display: block; height: auto; width: 100%; } .image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; height: 100%; width: 100%; } .image.is-square, .image.is-1by1 { padding-top: 100%; } .image.is-4by3 { padding-top: 75%; } .image.is-3by2 { padding-top: 66.6666%; } .image.is-16by9 { padding-top: 56.25%; } .image.is-2by1 { padding-top: 50%; } .image.is-16x16 { height: 16px; width: 16px; } .image.is-24x24 { height: 24px; width: 24px; } .image.is-32x32 { height: 32px; width: 32px; } .image.is-48x48 { height: 48px; width: 48px; } .image.is-64x64 { height: 64px; width: 64px; } .image.is-96x96 { height: 96px; width: 96px; } .image.is-128x128 { height: 128px; width: 128px; } .notification { background-color: whitesmoke; border-radius: 3px; padding: 16px 20px; position: relative; } .notification:not(:last-child) { margin-bottom: 20px; } .notification:after { clear: both; content: " "; display: table; } .notification .delete { border-radius: 0 3px; float: right; margin: -16px -20px 0 20px; } .notification .title, .notification .subtitle, .notification .content { color: inherit; } .notification.is-white { background-color: white; color: #0a0a0a; } .notification.is-black { background-color: #0a0a0a; color: white; } .notification.is-light { background-color: whitesmoke; color: #363636; } .notification.is-dark { background-color: #363636; color: whitesmoke; } .notification.is-primary { background-color: #3c81df; color: white; } .notification.is-info { background-color: #00c0ef; color: white; } .notification.is-success { background-color: #6cc788; color: white; } .notification.is-warning { background-color: #f39c12; color: white; } .notification.is-danger { background-color: #f56954; color: white; } .progress { -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 290486px; display: block; height: 12px; overflow: hidden; padding: 0; width: 100%; } .progress:not(:last-child) { margin-bottom: 20px; } .progress::-webkit-progress-bar { background-color: #dbdbdb; } .progress::-webkit-progress-value { background-color: #4a4a4a; } .progress::-moz-progress-bar { background-color: #4a4a4a; } .progress.is-white::-webkit-progress-value { background-color: white; } .progress.is-white::-moz-progress-bar { background-color: white; } .progress.is-black::-webkit-progress-value { background-color: #0a0a0a; } .progress.is-black::-moz-progress-bar { background-color: #0a0a0a; } .progress.is-light::-webkit-progress-value { background-color: whitesmoke; } .progress.is-light::-moz-progress-bar { background-color: whitesmoke; } .progress.is-dark::-webkit-progress-value { background-color: #363636; } .progress.is-dark::-moz-progress-bar { background-color: #363636; } .progress.is-primary::-webkit-progress-value { background-color: #3c81df; } .progress.is-primary::-moz-progress-bar { background-color: #3c81df; } .progress.is-info::-webkit-progress-value { background-color: #00c0ef; } .progress.is-info::-moz-progress-bar { background-color: #00c0ef; } .progress.is-success::-webkit-progress-value { background-color: #6cc788; } .progress.is-success::-moz-progress-bar { background-color: #6cc788; } .progress.is-warning::-webkit-progress-value { background-color: #f39c12; } .progress.is-warning::-moz-progress-bar { background-color: #f39c12; } .progress.is-danger::-webkit-progress-value { background-color: #f56954; } .progress.is-danger::-moz-progress-bar { background-color: #f56954; } .progress.is-small { height: 8px; } .progress.is-medium { height: 16px; } .progress.is-large { height: 20px; } .table { background-color: white; color: #363636; margin-bottom: 20px; width: 100%; } .table td, .table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; padding: 8px 10px; vertical-align: top; } .table td.is-icon, .table th.is-icon { padding: 5px; text-align: center; white-space: nowrap; width: 1%; } .table td.is-icon .fa, .table th.is-icon .fa { display: inline-block; font-size: 21px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; width: 24px; } .table td.is-icon.is-link, .table th.is-icon.is-link { padding: 0; } .table td.is-icon.is-link > a, .table th.is-icon.is-link > a { padding: 5px; } .table td.is-link, .table th.is-link { padding: 0; } .table td.is-link > a, .table th.is-link > a { display: block; padding: 8px 10px; } .table td.is-link > a:hover, .table th.is-link > a:hover { background-color: #3c81df; color: white; } .table td.is-narrow, .table th.is-narrow { white-space: nowrap; width: 1%; } .table th { color: #363636; text-align: left; } .table tr:hover { background-color: whitesmoke; } .table thead td, .table thead th { border-width: 0 0 2px; color: #7a7a7a; } .table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width: 0; } .table tfoot td, .table tfoot th { border-width: 2px 0 0; color: #7a7a7a; } .table.is-bordered td, .table.is-bordered th { border-width: 1px; } .table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th { border-bottom-width: 1px; } .table.is-narrow td, .table.is-narrow th { padding: 5px 10px; } .table.is-narrow td.is-icon, .table.is-narrow th.is-icon { padding: 2px; } .table.is-narrow td.is-icon.is-link, .table.is-narrow th.is-icon.is-link { padding: 0; } .table.is-narrow td.is-icon.is-link > a, .table.is-narrow th.is-icon.is-link > a { padding: 2px; } .table.is-narrow td.is-link, .table.is-narrow th.is-link { padding: 0; } .table.is-narrow td.is-link > a, .table.is-narrow th.is-link > a { padding: 5px 10px; } .table.is-striped tbody tr:nth-child(even) { background-color: #fafafa; } .table.is-striped tbody tr:nth-child(even):hover { background-color: whitesmoke; } .title, .subtitle { font-weight: 300; word-break: break-word; } .title:not(:last-child), .subtitle:not(:last-child) { margin-bottom: 20px; } .title em, .title span, .subtitle em, .subtitle span { font-weight: 300; } .title a:hover, .subtitle a:hover { border-bottom: 1px solid; } .title strong, .subtitle strong { font-weight: 500; } .title .tag, .subtitle .tag { vertical-align: bottom; } .title { color: #363636; font-size: 28px; line-height: 1; } .title code { display: inline-block; font-size: 28px; } .title strong { color: inherit; } .title + .highlight { margin-top: -10px; } .title + .subtitle { margin-top: -10px; } .title.is-1 { font-size: 48px; } .title.is-1 code { font-size: 40px; } .title.is-2 { font-size: 40px; } .title.is-2 code { font-size: 28px; } .title.is-3 { font-size: 28px; } .title.is-3 code { font-size: 24px; } .title.is-4 { font-size: 24px; } .title.is-4 code { font-size: 18px; } .title.is-5 { font-size: 18px; } .title.is-5 code { font-size: 14px; } .title.is-6 { font-size: 14px; } .title.is-6 code { font-size: 14px; } .title.is-normal { font-weight: 400; } .title.is-normal strong { font-weight: 700; } @media screen and (min-width: 769px) { .title + .subtitle { margin-top: -15px; } } .subtitle { color: #4a4a4a; font-size: 18px; line-height: 1.125; } .subtitle code { border-radius: 3px; display: inline-block; font-size: 14px; padding: 2px 3px; vertical-align: top; } .subtitle strong { color: #363636; } .subtitle + .title { margin-top: -20px; } .subtitle.is-1 { font-size: 48px; } .subtitle.is-1 code { font-size: 40px; } .subtitle.is-2 { font-size: 40px; } .subtitle.is-2 code { font-size: 28px; } .subtitle.is-3 { font-size: 28px; } .subtitle.is-3 code { font-size: 24px; } .subtitle.is-4 { font-size: 24px; } .subtitle.is-4 code { font-size: 18px; } .subtitle.is-5 { font-size: 18px; } .subtitle.is-5 code { font-size: 14px; } .subtitle.is-6 { font-size: 14px; } .subtitle.is-6 code { font-size: 14px; } .subtitle.is-normal { font-weight: 400; } .subtitle.is-normal strong { font-weight: 700; } .block:not(:last-child) { margin-bottom: 20px; } .container { position: relative; } @media screen and (min-width: 980px) { .container { margin: 0 auto; max-width: 960px; } .container.is-fluid { margin: 0 20px; max-width: none; } } @media screen and (min-width: 1180px) { .container { max-width: 1200px; } } .delete { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(10, 10, 10, 0.1); border: none; border-radius: 290486px; cursor: pointer; display: inline-block; height: 24px; outline: none; position: relative; vertical-align: top; width: 24px; } .delete:before, .delete:after { background-color: white; content: ""; display: block; height: 2px; left: 50%; margin-left: -25%; margin-top: -1px; position: absolute; top: 50%; width: 50%; } .delete:before { transform: rotate(45deg); } .delete:after { transform: rotate(-45deg); } .delete:hover { background-color: rgba(10, 10, 10, 0.2); } .delete.is-small { height: 16px; width: 16px; } .delete.is-medium { height: 32px; width: 32px; } .delete.is-large { height: 40px; width: 40px; } .fa { font-size: 21px; text-align: center; vertical-align: top; } .icon { display: inline-block; font-size: 21px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; width: 24px; } .icon .fa { font-size: inherit; line-height: inherit; } .icon.is-small { display: inline-block; font-size: 14px; height: 16px; line-height: 16px; text-align: center; vertical-align: top; width: 16px; } .icon.is-medium { display: inline-block; font-size: 28px; height: 32px; line-height: 32px; text-align: center; vertical-align: top; width: 32px; } .icon.is-large { display: inline-block; font-size: 42px; height: 48px; line-height: 48px; text-align: center; vertical-align: top; width: 48px; } .heading { display: block; font-size: 11px; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } .highlight { font-size: 12px; font-weight: normal; max-width: 100%; overflow: hidden; padding: 0; } .highlight:not(:last-child) { margin-bottom: 20px; } .highlight pre { overflow: auto; max-width: 100%; } .loader { animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 16px; position: relative; width: 16px; } .number { background-color: whitesmoke; border-radius: 290486px; display: inline-block; font-size: 18px; vertical-align: top; } .tag { align-items: center; background-color: whitesmoke; border-radius: 290486px; color: #4a4a4a; display: inline-flex; font-size: 12px; height: 24px; justify-content: center; line-height: 16px; padding-left: 10px; padding-right: 10px; vertical-align: top; white-space: nowrap; } .tag .delete { margin-left: 4px; margin-right: -6px; } .tag.is-white { background-color: white; color: #0a0a0a; } .tag.is-black { background-color: #0a0a0a; color: white; } .tag.is-light { background-color: whitesmoke; color: #363636; } .tag.is-dark { background-color: #363636; color: whitesmoke; } .tag.is-primary { background-color: #3c81df; color: white; } .tag.is-info { background-color: #00c0ef; color: white; } .tag.is-success { background-color: #6cc788; color: white; } .tag.is-warning { background-color: #f39c12; color: white; } .tag.is-danger { background-color: #f56954; color: white; } .tag.is-small { font-size: 11px; height: 20px; padding-left: 8px; padding-right: 8px; } .tag.is-medium { font-size: 14px; height: 32px; padding-left: 14px; padding-right: 14px; } .tag.is-large { font-size: 18px; height: 40px; line-height: 24px; padding-left: 18px; padding-right: 18px; } .tag.is-large .delete { margin-left: 4px; margin-right: -8px; } .card-header { align-items: stretch; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); display: flex; min-height: 40px; } .card-header-title { align-items: flex-start; color: #363636; display: flex; flex-grow: 1; font-weight: bold; padding: 10px; } .card-header-icon { align-items: center; cursor: pointer; display: flex; justify-content: center; width: 40px; } .card-image { display: block; position: relative; } .card-content { padding: 20px; } .card-content .title + .subtitle { margin-top: -20px; } .card-footer { border-top: 1px solid #dbdbdb; align-items: stretch; display: flex; } .card-footer-item { align-items: center; display: flex; flex-grow: 1; justify-content: center; padding: 10px; } .card-footer-item:not(:last-child) { border-right: 1px solid #dbdbdb; } .card { background-color: white; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; max-width: 100%; position: relative; width: 300px; } .card .media:not(:last-child) { margin-bottom: 10px; } .card.is-fullwidth { width: 100%; } .card.is-rounded { border-radius: 5px; } .highlight { background-color: #fdf6e3; color: #586e75; } .highlight .c { color: #93a1a1; } .highlight .err, .highlight .g { color: #586e75; } .highlight .k { color: #859900; } .highlight .l, .highlight .n { color: #586e75; } .highlight .o { color: #859900; } .highlight .x { color: #cb4b16; } .highlight .p { color: #586e75; } .highlight .cm { color: #93a1a1; } .highlight .cp { color: #859900; } .highlight .c1 { color: #93a1a1; } .highlight .cs { color: #859900; } .highlight .gd { color: #2aa198; } .highlight .ge { color: #586e75; font-style: italic; } .highlight .gr { color: #dc322f; } .highlight .gh { color: #cb4b16; } .highlight .gi { color: #859900; } .highlight .go, .highlight .gp { color: #586e75; } .highlight .gs { color: #586e75; font-weight: bold; } .highlight .gu { color: #cb4b16; } .highlight .gt { color: #586e75; } .highlight .kc { color: #cb4b16; } .highlight .kd { color: #268bd2; } .highlight .kn, .highlight .kp { color: #859900; } .highlight .kr { color: #268bd2; } .highlight .kt { color: #dc322f; } .highlight .ld { color: #586e75; } .highlight .m, .highlight .s { color: #2aa198; } .highlight .na { color: #B58900; } .highlight .nb { color: #586e75; } .highlight .nc { color: #268bd2; } .highlight .no { color: #cb4b16; } .highlight .nd { color: #268bd2; } .highlight .ni, .highlight .ne { color: #cb4b16; } .highlight .nf { color: #268bd2; } .highlight .nl, .highlight .nn, .highlight .nx, .highlight .py { color: #586e75; } .highlight .nt, .highlight .nv { color: #268bd2; } .highlight .ow { color: #859900; } .highlight .w { color: #586e75; } .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo { color: #2aa198; } .highlight .sb { color: #93a1a1; } .highlight .sc { color: #2aa198; } .highlight .sd { color: #586e75; } .highlight .s2 { color: #2aa198; } .highlight .se { color: #cb4b16; } .highlight .sh { color: #586e75; } .highlight .si, .highlight .sx { color: #2aa198; } .highlight .sr { color: #dc322f; } .highlight .s1, .highlight .ss { color: #2aa198; } .highlight .bp, .highlight .vc, .highlight .vg, .highlight .vi { color: #268bd2; } .highlight .il { color: #2aa198; } .level-item .title, .level-item .subtitle { margin-bottom: 0; } @media screen and (max-width: 768px) { .level-item:not(:last-child) { margin-bottom: 10px; } } .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { margin-right: 10px; } .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { flex-grow: 1; } @media screen and (max-width: 768px) { .level-left + .level-right { margin-top: 20px; } } @media screen and (min-width: 769px) { .level-left { align-items: center; display: flex; } } @media screen and (min-width: 769px) { .level-right { align-items: center; display: flex; justify-content: flex-end; } } .level { align-items: center; justify-content: space-between; } .level:not(:last-child) { margin-bottom: 20px; } .level code { border-radius: 3px; } .level img { display: inline-block; vertical-align: top; } .level.is-mobile { display: flex; } .level.is-mobile > .level-item:not(:last-child) { margin-bottom: 0; } .level.is-mobile > .level-item:not(.is-narrow) { flex-grow: 1; } @media screen and (min-width: 769px) { .level { display: flex; } .level > .level-item:not(.is-narrow) { flex-grow: 1; } } .media-number, .media-left, .media-right { flex-grow: 0; flex-shrink: 0; } .media-number { background-color: whitesmoke; border-radius: 290486px; display: inline-block; font-size: 18px; height: 32px; line-height: 24px; margin-right: 10px; min-width: 32px; padding: 4px 8px; text-align: center; vertical-align: top; } .media-left { margin-right: 10px; } .media-right { margin-left: 10px; } .media-content { flex-grow: 1; flex-shrink: 1; text-align: left; } .media { align-items: flex-start; display: flex; text-align: left; } .media .content:not(:last-child) { margin-bottom: 10px; } .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); display: flex; padding-top: 10px; } .media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 5px; } .media .media .media { padding-top: 5px; } .media .media .media + .media { margin-top: 5px; } .media + .media { border-top: 1px solid rgba(219, 219, 219, 0.5); margin-top: 10px; padding-top: 10px; } .media.is-large + .media { margin-top: 20px; padding-top: 20px; } @media screen and (min-width: 769px) { .media.is-large .media-number { margin-right: 20px; } } .menu-nav a { display: block; padding: 5px 10px; } .menu-list a { border-radius: 2px; color: #4a4a4a; display: block; padding: 5px 10px; } .menu-list a:hover { background-color: whitesmoke; color: #3c81df; } .menu-list a.is-active { background-color: #3c81df; color: white; } .menu-list li ul { border-left: 1px solid #dbdbdb; margin: 10px; padding-left: 10px; } .menu-label { color: #7a7a7a; font-size: 11px; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } .menu-label:not(:first-child) { margin-top: 20px; } .message-body { border: 1px solid #dbdbdb; border-radius: 3px; padding: 12px 15px; } .message-body strong { color: inherit; } .message-header { background-color: #4a4a4a; border-radius: 3px 3px 0 0; color: white; padding: 7px 10px; } .message-header strong { color: inherit; } .message-header + .message-body { border-radius: 0 0 3px 3px; border-top: none; } .message { background-color: whitesmoke; border-radius: 3px; } .message:not(:last-child) { margin-bottom: 20px; } .message.is-white { background-color: white; } .message.is-white .message-header { background-color: white; color: #0a0a0a; } .message.is-white .message-body { border-color: white; color: #666666; } .message.is-black { background-color: whitesmoke; } .message.is-black .message-header { background-color: #0a0a0a; color: white; } .message.is-black .message-body { border-color: #0a0a0a; color: gray; } .message.is-light { background-color: whitesmoke; } .message.is-light .message-header { background-color: whitesmoke; color: #363636; } .message.is-light .message-body { border-color: whitesmoke; color: #666666; } .message.is-dark { background-color: whitesmoke; } .message.is-dark .message-header { background-color: #363636; color: whitesmoke; } .message.is-dark .message-body { border-color: #363636; color: gray; } .message.is-primary { background-color: #edf4fc; } .message.is-primary .message-header { background-color: #3c81df; color: white; } .message.is-primary .message-body { border-color: #3c81df; color: gray; } .message.is-info { background-color: #ebfbff; } .message.is-info .message-header { background-color: #00c0ef; color: white; } .message.is-info .message-body { border-color: #00c0ef; color: gray; } .message.is-success { background-color: #f0f9f3; } .message.is-success .message-header { background-color: #6cc788; color: white; } .message.is-success .message-body { border-color: #6cc788; color: gray; } .message.is-warning { background-color: #fef7ec; } .message.is-warning .message-header { background-color: #f39c12; color: white; } .message.is-warning .message-body { border-color: #f39c12; color: gray; } .message.is-danger { background-color: #feeeec; } .message.is-danger .message-header { background-color: #f56954; color: white; } .message.is-danger .message-body { border-color: #f56954; color: gray; } .modal-background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background-color: rgba(10, 10, 10, 0.86); } .modal-content, .modal-card { margin: 0 20px; max-height: calc(100vh - 160px); overflow: auto; position: relative; width: 100%; } @media screen and (min-width: 769px) { .modal-content, .modal-card { margin: 0 auto; max-height: calc(100vh - 40px); width: 640px; } } .modal-close { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(10, 10, 10, 0.1); border: none; border-radius: 290486px; cursor: pointer; display: inline-block; height: 24px; outline: none; position: relative; vertical-align: top; width: 24px; background: none; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; } .modal-close:before, .modal-close:after { background-color: white; content: ""; display: block; height: 2px; left: 50%; margin-left: -25%; margin-top: -1px; position: absolute; top: 50%; width: 50%; } .modal-close:before { transform: rotate(45deg); } .modal-close:after { transform: rotate(-45deg); } .modal-close:hover { background-color: rgba(10, 10, 10, 0.2); } .modal-close.is-small { height: 16px; width: 16px; } .modal-close.is-medium { height: 32px; width: 32px; } .modal-close.is-large { height: 40px; width: 40px; } .modal-card { display: flex; flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; } .modal-card-head, .modal-card-foot { align-items: center; background-color: whitesmoke; display: flex; flex-shrink: 0; justify-content: flex-start; padding: 20px; position: relative; } .modal-card-head { border-bottom: 1px solid #dbdbdb; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-card-title { color: #363636; flex-grow: 1; flex-shrink: 0; font-size: 24px; line-height: 1; } .modal-card-foot { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px solid #dbdbdb; } .modal-card-foot .button:not(:last-child) { margin-right: 10px; } .modal-card-body { background-color: white; flex-grow: 1; flex-shrink: 1; overflow: auto; padding: 20px; } .modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; align-items: center; display: none; justify-content: center; overflow: hidden; position: fixed; z-index: 1986; } .modal.is-active { display: flex; } .nav-toggle { cursor: pointer; display: block; height: 50px; position: relative; width: 50px; } .nav-toggle span { background-color: #4a4a4a; display: block; height: 1px; left: 50%; margin-left: -7px; position: absolute; top: 50%; transition: none 86ms ease-out; transition-property: background, left, opacity, transform; width: 15px; } .nav-toggle span:nth-child(1) { margin-top: -6px; } .nav-toggle span:nth-child(2) { margin-top: -1px; } .nav-toggle span:nth-child(3) { margin-top: 4px; } .nav-toggle:hover { background-color: whitesmoke; } .nav-toggle.is-active span { background-color: #3c81df; } .nav-toggle.is-active span:nth-child(1) { margin-left: -5px; transform: rotate(45deg); transform-origin: left top; } .nav-toggle.is-active span:nth-child(2) { opacity: 0; } .nav-toggle.is-active span:nth-child(3) { margin-left: -5px; transform: rotate(-45deg); transform-origin: left bottom; } @media screen and (min-width: 769px) { .nav-toggle { display: none; } } .nav-item { align-items: center; display: flex; flex-grow: 0; flex-shrink: 0; justify-content: center; padding: 10px; } .nav-item a { flex-grow: 1; flex-shrink: 0; } .nav-item img { max-height: 24px; } .nav-item .button + .button { margin-left: 10px; } .nav-item .tag:first-child { margin-right: 5px; } .nav-item .tag:last-child { margin-left: 5px; } @media screen and (max-width: 768px) { .nav-item { justify-content: flex-start; } } .nav-item a, a.nav-item { color: #7a7a7a; } .nav-item a:hover, a.nav-item:hover { color: #363636; } .nav-item a.is-active, a.nav-item.is-active { color: #363636; } .nav-item a.is-tab, a.nav-item.is-tab { border-bottom: 1px solid transparent; border-top: 1px solid transparent; padding-left: 12px; padding-right: 12px; } .nav-item a.is-tab:hover, a.nav-item.is-tab:hover { border-bottom: 1px solid #3c81df; border-top: 1px solid transparent; } .nav-item a.is-tab.is-active, a.nav-item.is-tab.is-active { border-bottom: 3px solid #3c81df; border-top: 3px solid transparent; color: #3c81df; } @media screen and (max-width: 768px) { .nav-menu { background-color: white; box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); left: 0; display: none; right: 0; top: 100%; position: absolute; } .nav-menu .nav-item { border-top: 1px solid rgba(219, 219, 219, 0.5); padding: 10px; } .nav-menu.is-active { display: block; } } @media screen and (min-width: 769px) and (max-width: 979px) { .nav-menu { padding-right: 20px; } } .nav-left { align-items: stretch; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; overflow: hidden; overflow-x: auto; white-space: nowrap; } .nav-center { align-items: stretch; display: flex; justify-content: center; margin-left: auto; margin-right: auto; } @media screen and (min-width: 769px) { .nav-right { align-items: stretch; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 0; justify-content: flex-end; } } .nav { align-items: stretch; background-color: white; display: flex; min-height: 50px; position: relative; text-align: center; z-index: 2; } .nav > .container { align-items: stretch; display: flex; min-height: 50px; width: 100%; } .nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) { padding-left: 0; } .nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) { padding-right: 0; } .container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) { padding-left: 0; } .container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) { padding-right: 0; } .nav.has-shadow { box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } @media screen and (max-width: 979px) { .nav > .container > .nav-left > .nav-item.is-brand:first-child, .container > .nav > .nav-left > .nav-item.is-brand:first-child { padding-left: 20px; } } .pagination { align-items: center; display: flex; justify-content: center; text-align: center; } .pagination a { display: block; min-width: 32px; padding: 3px 8px; } .pagination span { color: #7a7a7a; display: block; margin: 0 4px; } .pagination li { margin: 0 2px; } .pagination ul { align-items: center; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: center; } @media screen and (max-width: 768px) { .pagination { flex-wrap: wrap; } .pagination > a { width: calc(50% - 5px); } .pagination > a:not(:first-child) { margin-left: 10px; } .pagination li { flex-grow: 1; flex-shrink: 0; } .pagination ul { margin-top: 10px; } } @media screen and (min-width: 769px) { .pagination > a:not(:first-child) { order: 1; } } .panel-icon { display: inline-block; font-size: 14px; height: 16px; line-height: 16px; text-align: center; vertical-align: top; width: 16px; color: #7a7a7a; float: left; margin: 0 4px 0 -2px; } .panel-icon .fa { font-size: inherit; line-height: inherit; } .panel-heading { background-color: whitesmoke; border-bottom: 1px solid #dbdbdb; border-radius: 4px 4px 0 0; color: #363636; font-size: 18px; font-weight: 300; padding: 10px; } .panel-list a { color: #4a4a4a; } .panel-list a:hover { color: #3c81df; } .panel-tabs { display: flex; font-size: 11px; padding: 5px 10px 0; justify-content: center; } .panel-tabs a { border-bottom: 1px solid #dbdbdb; margin-bottom: -1px; padding: 5px; } .panel-tabs a.is-active { border-bottom-color: #363636; color: #363636; } .panel-tabs:not(:last-child) { border-bottom: 1px solid #dbdbdb; } .panel-block { color: #363636; display: block; line-height: 16px; padding: 10px; } .panel-block:not(:last-child) { border-bottom: 1px solid #dbdbdb; } a.panel-block:hover { background-color: whitesmoke; } .panel { border: 1px solid #dbdbdb; border-radius: 5px; } .panel:not(:last-child) { margin-bottom: 20px; } .tabs { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; align-items: stretch; display: flex; justify-content: space-between; line-height: 24px; overflow: hidden; overflow-x: auto; white-space: nowrap; } .tabs:not(:last-child) { margin-bottom: 20px; } .tabs a { align-items: center; border-bottom: 1px solid #dbdbdb; color: #4a4a4a; display: flex; justify-content: center; margin-bottom: -1px; padding: 6px 12px; vertical-align: top; } .tabs a:hover { border-bottom-color: #363636; color: #363636; } .tabs li { display: block; } .tabs li.is-active a { border-bottom-color: #3c81df; color: #3c81df; } .tabs ul { align-items: center; border-bottom: 1px solid #dbdbdb; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; } .tabs ul.is-left { padding-right: 10px; } .tabs ul.is-center { flex: none; justify-content: center; padding-left: 10px; padding-right: 10px; } .tabs ul.is-right { justify-content: flex-end; padding-left: 10px; } .tabs .icon:first-child { margin-right: 8px; } .tabs .icon:last-child { margin-left: 8px; } .tabs.is-centered ul { justify-content: center; } .tabs.is-right ul { justify-content: flex-end; } .tabs.is-boxed a { border: 1px solid transparent; border-radius: 3px 3px 0 0; padding-bottom: 5px; padding-top: 5px; } .tabs.is-boxed a:hover { background-color: whitesmoke; border-bottom-color: #dbdbdb; } .tabs.is-boxed li.is-active a { background-color: white; border-color: #dbdbdb; border-bottom-color: transparent !important; } .tabs.is-fullwidth li { flex-grow: 1; flex-shrink: 0; } .tabs.is-toggle a { border: 1px solid #dbdbdb; margin-bottom: 0; padding-bottom: 5px; padding-top: 5px; position: relative; } .tabs.is-toggle a:hover { background-color: whitesmoke; border-color: #b5b5b5; z-index: 2; } .tabs.is-toggle li + li { margin-left: -1px; } .tabs.is-toggle li:first-child a { border-radius: 3px 0 0 3px; } .tabs.is-toggle li:last-child a { border-radius: 0 3px 3px 0; } .tabs.is-toggle li.is-active a { background-color: #3c81df; border-color: #3c81df; color: white; z-index: 1; } .tabs.is-toggle ul { border-bottom: none; } .tabs.is-small { font-size: 11px; } .tabs.is-small a { padding: 2px 8px; } .tabs.is-small.is-boxed a, .tabs.is-small.is-toggle a { padding-bottom: 1px; padding-top: 1px; } .tabs.is-medium { font-size: 18px; } .tabs.is-medium a { padding: 10px 16px; } .tabs.is-medium.is-boxed a, .tabs.is-medium.is-toggle a { padding-bottom: 9px; padding-top: 9px; } .tabs.is-large { font-size: 28px; } .tabs.is-large a { padding: 14px 20px; } .tabs.is-large.is-boxed a, .tabs.is-large.is-toggle a { padding-bottom: 13px; padding-top: 13px; } .column { display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; padding: 10px; } .columns.is-mobile > .column.is-narrow { flex: none; } .columns.is-mobile > .column.is-full { flex: none; width: 100%; } .columns.is-mobile > .column.is-three-quarters { flex: none; width: 75%; } .columns.is-mobile > .column.is-two-thirds { flex: none; width: 66.6666%; } .columns.is-mobile > .column.is-half { flex: none; width: 50%; } .columns.is-mobile > .column.is-one-third { flex: none; width: 33.3333%; } .columns.is-mobile > .column.is-one-quarter { flex: none; width: 25%; } .columns.is-mobile > .column.is-offset-three-quarters { margin-left: 75%; } .columns.is-mobile > .column.is-offset-two-thirds { margin-left: 66.6666%; } .columns.is-mobile > .column.is-offset-half { margin-left: 50%; } .columns.is-mobile > .column.is-offset-one-third { margin-left: 33.3333%; } .columns.is-mobile > .column.is-offset-one-quarter { margin-left: 25%; } .columns.is-mobile > .column.is-1 { flex: none; width: 8.33333%; } .columns.is-mobile > .column.is-offset-1 { margin-left: 8.33333%; } .columns.is-mobile > .column.is-2 { flex: none; width: 16.66667%; } .columns.is-mobile > .column.is-offset-2 { margin-left: 16.66667%; } .columns.is-mobile > .column.is-3 { flex: none; width: 25%; } .columns.is-mobile > .column.is-offset-3 { margin-left: 25%; } .columns.is-mobile > .column.is-4 { flex: none; width: 33.33333%; } .columns.is-mobile > .column.is-offset-4 { margin-left: 33.33333%; } .columns.is-mobile > .column.is-5 { flex: none; width: 41.66667%; } .columns.is-mobile > .column.is-offset-5 { margin-left: 41.66667%; } .columns.is-mobile > .column.is-6 { flex: none; width: 50%; } .columns.is-mobile > .column.is-offset-6 { margin-left: 50%; } .columns.is-mobile > .column.is-7 { flex: none; width: 58.33333%; } .columns.is-mobile > .column.is-offset-7 { margin-left: 58.33333%; } .columns.is-mobile > .column.is-8 { flex: none; width: 66.66667%; } .columns.is-mobile > .column.is-offset-8 { margin-left: 66.66667%; } .columns.is-mobile > .column.is-9 { flex: none; width: 75%; } .columns.is-mobile > .column.is-offset-9 { margin-left: 75%; } .columns.is-mobile > .column.is-10 { flex: none; width: 83.33333%; } .columns.is-mobile > .column.is-offset-10 { margin-left: 83.33333%; } .columns.is-mobile > .column.is-11 { flex: none; width: 91.66667%; } .columns.is-mobile > .column.is-offset-11 { margin-left: 91.66667%; } .columns.is-mobile > .column.is-12 { flex: none; width: 100%; } .columns.is-mobile > .column.is-offset-12 { margin-left: 100%; } @media screen and (max-width: 768px) { .column.is-narrow-mobile { flex: none; } .column.is-full-mobile { flex: none; width: 100%; } .column.is-three-quarters-mobile { flex: none; width: 75%; } .column.is-two-thirds-mobile { flex: none; width: 66.6666%; } .column.is-half-mobile { flex: none; width: 50%; } .column.is-one-third-mobile { flex: none; width: 33.3333%; } .column.is-one-quarter-mobile { flex: none; width: 25%; } .column.is-offset-three-quarters-mobile { margin-left: 75%; } .column.is-offset-two-thirds-mobile { margin-left: 66.6666%; } .column.is-offset-half-mobile { margin-left: 50%; } .column.is-offset-one-third-mobile { margin-left: 33.3333%; } .column.is-offset-one-quarter-mobile { margin-left: 25%; } .column.is-1-mobile { flex: none; width: 8.33333%; } .column.is-offset-1-mobile { margin-left: 8.33333%; } .column.is-2-mobile { flex: none; width: 16.66667%; } .column.is-offset-2-mobile { margin-left: 16.66667%; } .column.is-3-mobile { flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { flex: none; width: 33.33333%; } .column.is-offset-4-mobile { margin-left: 33.33333%; } .column.is-5-mobile { flex: none; width: 41.66667%; } .column.is-offset-5-mobile { margin-left: 41.66667%; } .column.is-6-mobile { flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { flex: none; width: 58.33333%; } .column.is-offset-7-mobile { margin-left: 58.33333%; } .column.is-8-mobile { flex: none; width: 66.66667%; } .column.is-offset-8-mobile { margin-left: 66.66667%; } .column.is-9-mobile { flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { flex: none; width: 83.33333%; } .column.is-offset-10-mobile { margin-left: 83.33333%; } .column.is-11-mobile { flex: none; width: 91.66667%; } .column.is-offset-11-mobile { margin-left: 91.66667%; } .column.is-12-mobile { flex: none; width: 100%; } .column.is-offset-12-mobile { margin-left: 100%; } } @media screen and (min-width: 769px) { .column.is-narrow, .column.is-narrow-tablet { flex: none; } .column.is-full, .column.is-full-tablet { flex: none; width: 100%; } .column.is-three-quarters, .column.is-three-quarters-tablet { flex: none; width: 75%; } .column.is-two-thirds, .column.is-two-thirds-tablet { flex: none; width: 66.6666%; } .column.is-half, .column.is-half-tablet { flex: none; width: 50%; } .column.is-one-third, .column.is-one-third-tablet { flex: none; width: 33.3333%; } .column.is-one-quarter, .column.is-one-quarter-tablet { flex: none; width: 25%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { margin-left: 75%; } .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; } .column.is-offset-half, .column.is-offset-half-tablet { margin-left: 50%; } .column.is-offset-one-third, .column.is-offset-one-third-tablet { margin-left: 33.3333%; } .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { margin-left: 25%; } .column.is-1, .column.is-1-tablet { flex: none; width: 8.33333%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; } .column.is-2, .column.is-2-tablet { flex: none; width: 16.66667%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66667%; } .column.is-3, .column.is-3-tablet { flex: none; width: 25%; } .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4, .column.is-4-tablet { flex: none; width: 33.33333%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333%; } .column.is-5, .column.is-5-tablet { flex: none; width: 41.66667%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66667%; } .column.is-6, .column.is-6-tablet { flex: none; width: 50%; } .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7, .column.is-7-tablet { flex: none; width: 58.33333%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333%; } .column.is-8, .column.is-8-tablet { flex: none; width: 66.66667%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66667%; } .column.is-9, .column.is-9-tablet { flex: none; width: 75%; } .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10, .column.is-10-tablet { flex: none; width: 83.33333%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333%; } .column.is-11, .column.is-11-tablet { flex: none; width: 91.66667%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66667%; } .column.is-12, .column.is-12-tablet { flex: none; width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; } } @media screen and (min-width: 980px) { .column.is-narrow-desktop { flex: none; } .column.is-full-desktop { flex: none; width: 100%; } .column.is-three-quarters-desktop { flex: none; width: 75%; } .column.is-two-thirds-desktop { flex: none; width: 66.6666%; } .column.is-half-desktop { flex: none; width: 50%; } .column.is-one-third-desktop { flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { flex: none; width: 25%; } .column.is-offset-three-quarters-desktop { margin-left: 75%; } .column.is-offset-two-thirds-desktop { margin-left: 66.6666%; } .column.is-offset-half-desktop { margin-left: 50%; } .column.is-offset-one-third-desktop { margin-left: 33.3333%; } .column.is-offset-one-quarter-desktop { margin-left: 25%; } .column.is-1-desktop { flex: none; width: 8.33333%; } .column.is-offset-1-desktop { margin-left: 8.33333%; } .column.is-2-desktop { flex: none; width: 16.66667%; } .column.is-offset-2-desktop { margin-left: 16.66667%; } .column.is-3-desktop { flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { flex: none; width: 33.33333%; } .column.is-offset-4-desktop { margin-left: 33.33333%; } .column.is-5-desktop { flex: none; width: 41.66667%; } .column.is-offset-5-desktop { margin-left: 41.66667%; } .column.is-6-desktop { flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { flex: none; width: 58.33333%; } .column.is-offset-7-desktop { margin-left: 58.33333%; } .column.is-8-desktop { flex: none; width: 66.66667%; } .column.is-offset-8-desktop { margin-left: 66.66667%; } .column.is-9-desktop { flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { flex: none; width: 83.33333%; } .column.is-offset-10-desktop { margin-left: 83.33333%; } .column.is-11-desktop { flex: none; width: 91.66667%; } .column.is-offset-11-desktop { margin-left: 91.66667%; } .column.is-12-desktop { flex: none; width: 100%; } .column.is-offset-12-desktop { margin-left: 100%; } } @media screen and (min-width: 1180px) { .column.is-narrow-widescreen { flex: none; } .column.is-full-widescreen { flex: none; width: 100%; } .column.is-three-quarters-widescreen { flex: none; width: 75%; } .column.is-two-thirds-widescreen { flex: none; width: 66.6666%; } .column.is-half-widescreen { flex: none; width: 50%; } .column.is-one-third-widescreen { flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { flex: none; width: 25%; } .column.is-offset-three-quarters-widescreen { margin-left: 75%; } .column.is-offset-two-thirds-widescreen { margin-left: 66.6666%; } .column.is-offset-half-widescreen { margin-left: 50%; } .column.is-offset-one-third-widescreen { margin-left: 33.3333%; } .column.is-offset-one-quarter-widescreen { margin-left: 25%; } .column.is-1-widescreen { flex: none; width: 8.33333%; } .column.is-offset-1-widescreen { margin-left: 8.33333%; } .column.is-2-widescreen { flex: none; width: 16.66667%; } .column.is-offset-2-widescreen { margin-left: 16.66667%; } .column.is-3-widescreen { flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { flex: none; width: 33.33333%; } .column.is-offset-4-widescreen { margin-left: 33.33333%; } .column.is-5-widescreen { flex: none; width: 41.66667%; } .column.is-offset-5-widescreen { margin-left: 41.66667%; } .column.is-6-widescreen { flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { flex: none; width: 58.33333%; } .column.is-offset-7-widescreen { margin-left: 58.33333%; } .column.is-8-widescreen { flex: none; width: 66.66667%; } .column.is-offset-8-widescreen { margin-left: 66.66667%; } .column.is-9-widescreen { flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { flex: none; width: 83.33333%; } .column.is-offset-10-widescreen { margin-left: 83.33333%; } .column.is-11-widescreen { flex: none; width: 91.66667%; } .column.is-offset-11-widescreen { margin-left: 91.66667%; } .column.is-12-widescreen { flex: none; width: 100%; } .column.is-offset-12-widescreen { margin-left: 100%; } } .columns { margin-left: -10px; margin-right: -10px; margin-top: -10px; } .columns:last-child { margin-bottom: -10px; } .columns:not(:last-child) { margin-bottom: 10px; } .columns.is-centered { justify-content: center; } .columns.is-gapless { margin-left: 0; margin-right: 0; margin-top: 0; } .columns.is-gapless:last-child { margin-bottom: 0; } .columns.is-gapless:not(:last-child) { margin-bottom: 20px; } .columns.is-gapless > .column { margin: 0; padding: 0; } @media screen and (min-width: 769px) { .columns.is-grid { flex-wrap: wrap; } .columns.is-grid > .column { max-width: 33.3333%; padding: 10px; width: 33.3333%; } .columns.is-grid > .column + .column { margin-left: 0; } } .columns.is-mobile { display: flex; } .columns.is-multiline { flex-wrap: wrap; } .columns.is-vcentered { align-items: center; } @media screen and (min-width: 769px) { .columns:not(.is-desktop) { display: flex; } } @media screen and (min-width: 980px) { .columns.is-desktop { display: flex; } } .tile { align-items: stretch; display: block; flex-basis: auto; flex-grow: 1; flex-shrink: 1; min-height: min-content; } .tile.is-ancestor { margin-left: -10px; margin-right: -10px; margin-top: -10px; } .tile.is-ancestor:last-child { margin-bottom: -10px; } .tile.is-ancestor:not(:last-child) { margin-bottom: 10px; } .tile.is-child { margin: 0 !important; } .tile.is-parent { padding: 10px; } .tile.is-vertical { flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 20px !important; } @media screen and (min-width: 769px) { .tile:not(.is-child) { display: flex; } .tile.is-1 { flex: none; width: 8.33333%; } .tile.is-2 { flex: none; width: 16.66667%; } .tile.is-3 { flex: none; width: 25%; } .tile.is-4 { flex: none; width: 33.33333%; } .tile.is-5 { flex: none; width: 41.66667%; } .tile.is-6 { flex: none; width: 50%; } .tile.is-7 { flex: none; width: 58.33333%; } .tile.is-8 { flex: none; width: 66.66667%; } .tile.is-9 { flex: none; width: 75%; } .tile.is-10 { flex: none; width: 83.33333%; } .tile.is-11 { flex: none; width: 91.66667%; } .tile.is-12 { flex: none; width: 100%; } } .hero-video { bottom: 0; left: 0; position: absolute; right: 0; top: 0; overflow: hidden; } .hero-video video { left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { opacity: 0.3; } @media screen and (max-width: 768px) { .hero-video { display: none; } } .hero-buttons { margin-top: 20px; } @media screen and (max-width: 768px) { .hero-buttons .button { display: flex; } .hero-buttons .button:not(:last-child) { margin-bottom: 10px; } } @media screen and (min-width: 769px) { .hero-buttons { display: flex; justify-content: center; } .hero-buttons .button:not(:last-child) { margin-right: 20px; } } .hero-head, .hero-foot { flex-shrink: 0; } .hero-body { flex-grow: 1; flex-shrink: 0; padding: 40px 20px; } @media screen and (min-width: 1240px) { .hero-body { padding-left: 0; padding-right: 0; } } .hero { align-items: stretch; background-color: white; display: flex; flex-direction: column; justify-content: space-between; } .hero .nav { background: none; box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); } .hero .tabs ul { border-bottom: none; } .hero.is-white { background-color: white; color: #0a0a0a; } .hero.is-white .title { color: #0a0a0a; } .hero.is-white .title a, .hero.is-white .title strong { color: inherit; } .hero.is-white .subtitle { color: rgba(10, 10, 10, 0.9); } .hero.is-white .subtitle a, .hero.is-white .subtitle strong { color: #0a0a0a; } .hero.is-white .nav { box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); } @media screen and (max-width: 768px) { .hero.is-white .nav-menu { background-color: white; } } .hero.is-white a.nav-item, .hero.is-white .nav-item a:not(.button) { color: rgba(10, 10, 10, 0.7); } .hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active, .hero.is-white .nav-item a:not(.button):hover, .hero.is-white .nav-item a:not(.button).is-active { color: #0a0a0a; } .hero.is-white .tabs a { color: #0a0a0a; opacity: 0.9; } .hero.is-white .tabs a:hover { opacity: 1; } .hero.is-white .tabs li.is-active a { opacity: 1; } .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { color: #0a0a0a; } .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { background-color: #0a0a0a; border-color: #0a0a0a; color: white; } .hero.is-white.is-bold { background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } @media screen and (max-width: 768px) { .hero.is-white .nav-toggle span { background-color: #0a0a0a; } .hero.is-white .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-white .nav-toggle.is-active span { background-color: #0a0a0a; } .hero.is-white .nav-menu .nav-item { border-top-color: rgba(10, 10, 10, 0.2); } } .hero.is-black { background-color: #0a0a0a; color: white; } .hero.is-black .title { color: white; } .hero.is-black .title a, .hero.is-black .title strong { color: inherit; } .hero.is-black .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-black .subtitle a, .hero.is-black .subtitle strong { color: white; } .hero.is-black .nav { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } @media screen and (max-width: 768px) { .hero.is-black .nav-menu { background-color: #0a0a0a; } } .hero.is-black a.nav-item, .hero.is-black .nav-item a:not(.button) { color: rgba(255, 255, 255, 0.7); } .hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active, .hero.is-black .nav-item a:not(.button):hover, .hero.is-black .nav-item a:not(.button).is-active { color: white; } .hero.is-black .tabs a { color: white; opacity: 0.9; } .hero.is-black .tabs a:hover { opacity: 1; } .hero.is-black .tabs li.is-active a { opacity: 1; } .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { color: white; } .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { background-color: white; border-color: white; color: #0a0a0a; } .hero.is-black.is-bold { background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } @media screen and (max-width: 768px) { .hero.is-black .nav-toggle span { background-color: white; } .hero.is-black .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-black .nav-toggle.is-active span { background-color: white; } .hero.is-black .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); } } .hero.is-light { background-color: whitesmoke; color: #363636; } .hero.is-light .title { color: #363636; } .hero.is-light .title a, .hero.is-light .title strong { color: inherit; } .hero.is-light .subtitle { color: rgba(54, 54, 54, 0.9); } .hero.is-light .subtitle a, .hero.is-light .subtitle strong { color: #363636; } .hero.is-light .nav { box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); } @media screen and (max-width: 768px) { .hero.is-light .nav-menu { background-color: whitesmoke; } } .hero.is-light a.nav-item, .hero.is-light .nav-item a:not(.button) { color: rgba(54, 54, 54, 0.7); } .hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active, .hero.is-light .nav-item a:not(.button):hover, .hero.is-light .nav-item a:not(.button).is-active { color: #363636; } .hero.is-light .tabs a { color: #363636; opacity: 0.9; } .hero.is-light .tabs a:hover { opacity: 1; } .hero.is-light .tabs li.is-active a { opacity: 1; } .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { color: #363636; } .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { background-color: #363636; border-color: #363636; color: whitesmoke; } .hero.is-light.is-bold { background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%); } @media screen and (max-width: 768px) { .hero.is-light .nav-toggle span { background-color: #363636; } .hero.is-light .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-light .nav-toggle.is-active span { background-color: #363636; } .hero.is-light .nav-menu .nav-item { border-top-color: rgba(54, 54, 54, 0.2); } } .hero.is-dark { background-color: #363636; color: whitesmoke; } .hero.is-dark .title { color: whitesmoke; } .hero.is-dark .title a, .hero.is-dark .title strong { color: inherit; } .hero.is-dark .subtitle { color: rgba(245, 245, 245, 0.9); } .hero.is-dark .subtitle a, .hero.is-dark .subtitle strong { color: whitesmoke; } .hero.is-dark .nav { box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); } @media screen and (max-width: 768px) { .hero.is-dark .nav-menu { background-color: #363636; } } .hero.is-dark a.nav-item, .hero.is-dark .nav-item a:not(.button) { color: rgba(245, 245, 245, 0.7); } .hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active, .hero.is-dark .nav-item a:not(.button):hover, .hero.is-dark .nav-item a:not(.button).is-active { color: whitesmoke; } .hero.is-dark .tabs a { color: whitesmoke; opacity: 0.9; } .hero.is-dark .tabs a:hover { opacity: 1; } .hero.is-dark .tabs li.is-active a { opacity: 1; } .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { color: whitesmoke; } .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { background-color: whitesmoke; border-color: whitesmoke; color: #363636; } .hero.is-dark.is-bold { background-image: linear-gradient(141deg, #1f1919 0%, #363636 71%, #463f3f 100%); } @media screen and (max-width: 768px) { .hero.is-dark .nav-toggle span { background-color: whitesmoke; } .hero.is-dark .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-dark .nav-toggle.is-active span { background-color: whitesmoke; } .hero.is-dark .nav-menu .nav-item { border-top-color: rgba(245, 245, 245, 0.2); } } .hero.is-primary { background-color: #3c81df; color: white; } .hero.is-primary .title { color: white; } .hero.is-primary .title a, .hero.is-primary .title strong { color: inherit; } .hero.is-primary .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-primary .subtitle a, .hero.is-primary .subtitle strong { color: white; } .hero.is-primary .nav { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } @media screen and (max-width: 768px) { .hero.is-primary .nav-menu { background-color: #3c81df; } } .hero.is-primary a.nav-item, .hero.is-primary .nav-item a:not(.button) { color: rgba(255, 255, 255, 0.7); } .hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active, .hero.is-primary .nav-item a:not(.button):hover, .hero.is-primary .nav-item a:not(.button).is-active { color: white; } .hero.is-primary .tabs a { color: white; opacity: 0.9; } .hero.is-primary .tabs a:hover { opacity: 1; } .hero.is-primary .tabs li.is-active a { opacity: 1; } .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { color: white; } .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { background-color: white; border-color: white; color: #3c81df; } .hero.is-primary.is-bold { background-image: linear-gradient(141deg, #1585d3 0%, #3c81df 71%, #4d75e8 100%); } @media screen and (max-width: 768px) { .hero.is-primary .nav-toggle span { background-color: white; } .hero.is-primary .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-primary .nav-toggle.is-active span { background-color: white; } .hero.is-primary .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); } } .hero.is-info { background-color: #00c0ef; color: white; } .hero.is-info .title { color: white; } .hero.is-info .title a, .hero.is-info .title strong { color: inherit; } .hero.is-info .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-info .subtitle a, .hero.is-info .subtitle strong { color: white; } .hero.is-info .nav { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } @media screen and (max-width: 768px) { .hero.is-info .nav-menu { background-color: #00c0ef; } } .hero.is-info a.nav-item, .hero.is-info .nav-item a:not(.button) { color: rgba(255, 255, 255, 0.7); } .hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active, .hero.is-info .nav-item a:not(.button):hover, .hero.is-info .nav-item a:not(.button).is-active { color: white; } .hero.is-info .tabs a { color: white; opacity: 0.9; } .hero.is-info .tabs a:hover { opacity: 1; } .hero.is-info .tabs li.is-active a { opacity: 1; } .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { color: white; } .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { background-color: white; border-color: white; color: #00c0ef; } .hero.is-info.is-bold { background-image: linear-gradient(141deg, #00b6bc 0%, #00c0ef 71%, #0aa6ff 100%); } @media screen and (max-width: 768px) { .hero.is-info .nav-toggle span { background-color: white; } .hero.is-info .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-info .nav-toggle.is-active span { background-color: white; } .hero.is-info .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); } } .hero.is-success { background-color: #6cc788; color: white; } .hero.is-success .title { color: white; } .hero.is-success .title a, .hero.is-success .title strong { color: inherit; } .hero.is-success .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-success .subtitle a, .hero.is-success .subtitle strong { color: white; } .hero.is-success .nav { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } @media screen and (max-width: 768px) { .hero.is-success .nav-menu { background-color: #6cc788; } } .hero.is-success a.nav-item, .hero.is-success .nav-item a:not(.button) { color: rgba(255, 255, 255, 0.7); } .hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active, .hero.is-success .nav-item a:not(.button):hover, .hero.is-success .nav-item a:not(.button).is-active { color: white; } .hero.is-success .tabs a { color: white; opacity: 0.9; } .hero.is-success .tabs a:hover { opacity: 1; } .hero.is-success .tabs li.is-active a { opacity: 1; } .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { color: white; } .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { background-color: white; border-color: white; color: #6cc788; } .hero.is-success.is-bold { background-image: linear-gradient(141deg, #3ac64e 0%, #6cc788 71%, #7ad2a4 100%); } @media screen and (max-width: 768px) { .hero.is-success .nav-toggle span { background-color: white; } .hero.is-success .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-success .nav-toggle.is-active span { background-color: white; } .hero.is-success .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); } } .hero.is-warning { background-color: #f39c12; color: white; } .hero.is-warning .title { color: white; } .hero.is-warning .title a, .hero.is-warning .title strong { color: inherit; } .hero.is-warning .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-warning .subtitle a, .hero.is-warning .subtitle strong { color: white; } .hero.is-warning .nav { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } @media screen and (max-width: 768px) { .hero.is-warning .nav-menu { background-color: #f39c12; } } .hero.is-warning a.nav-item, .hero.is-warning .nav-item a:not(.button) { color: rgba(255, 255, 255, 0.7); } .hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active, .hero.is-warning .nav-item a:not(.button):hover, .hero.is-warning .nav-item a:not(.button).is-active { color: white; } .hero.is-warning .tabs a { color: white; opacity: 0.9; } .hero.is-warning .tabs a:hover { opacity: 1; } .hero.is-warning .tabs li.is-active a { opacity: 1; } .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { color: white; } .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { background-color: white; border-color: white; color: #f39c12; } .hero.is-warning.is-bold { background-image: linear-gradient(141deg, #d25e00 0%, #f39c12 71%, #facb25 100%); } @media screen and (max-width: 768px) { .hero.is-warning .nav-toggle span { background-color: white; } .hero.is-warning .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-warning .nav-toggle.is-active span { background-color: white; } .hero.is-warning .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); } } .hero.is-danger { background-color: #f56954; color: white; } .hero.is-danger .title { color: white; } .hero.is-danger .title a, .hero.is-danger .title strong { color: inherit; } .hero.is-danger .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-danger .subtitle a, .hero.is-danger .subtitle strong { color: white; } .hero.is-danger .nav { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } @media screen and (max-width: 768px) { .hero.is-danger .nav-menu { background-color: #f56954; } } .hero.is-danger a.nav-item, .hero.is-danger .nav-item a:not(.button) { color: rgba(255, 255, 255, 0.7); } .hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active, .hero.is-danger .nav-item a:not(.button):hover, .hero.is-danger .nav-item a:not(.button).is-active { color: white; } .hero.is-danger .tabs a { color: white; opacity: 0.9; } .hero.is-danger .tabs a:hover { opacity: 1; } .hero.is-danger .tabs li.is-active a { opacity: 1; } .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { color: white; } .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { background-color: white; border-color: white; color: #f56954; } .hero.is-danger.is-bold { background-image: linear-gradient(141deg, #fe1821 0%, #f56954 71%, #fa9468 100%); } @media screen and (max-width: 768px) { .hero.is-danger .nav-toggle span { background-color: white; } .hero.is-danger .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-danger .nav-toggle.is-active span { background-color: white; } .hero.is-danger .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); } } @media screen and (min-width: 769px) { .hero.is-medium .hero-body { padding-bottom: 120px; padding-top: 120px; } } @media screen and (min-width: 769px) { .hero.is-large .hero-body { padding-bottom: 240px; padding-top: 240px; } } .hero.is-fullheight { min-height: 100vh; } .hero.is-fullheight .hero-body { align-items: center; display: flex; } .hero.is-fullheight .hero-body > .container { flex-grow: 1; flex-shrink: 1; } .section { background-color: white; padding: 40px 20px; } @media screen and (min-width: 980px) { .section.is-medium { padding: 120px 20px; } .section.is-large { padding: 240px 20px; } } .footer { background-color: whitesmoke; padding: 40px 20px 80px; } .footer a, .footer a:visited { color: #4a4a4a; } .footer a:hover, .footer a:visited:hover { color: #363636; } .footer a:not(.icon), .footer a:visited:not(.icon) { border-bottom: 1px solid #dbdbdb; } .footer a:not(.icon):hover, .footer a:visited:not(.icon):hover { border-bottom-color: #3c81df; } .checkbox.is-disabled, .radio.is-disabled { opacity: .6; cursor: not-allowed; color: inherit; } .input, .textarea { box-shadow: none; } .affix { position: fixed; } .alert { position: relative; min-width: 240px; backface-visibility: hidden; transform: translate3d(0, 0, 0); pointer-events: all; } .alert.has-icon { padding-left: 45px; } .alert .title { margin-bottom: 5px; font-weight: 500; font-size: 16px; } .alert .notification-content { margin-top: 0px; } .wrap-icon { position: absolute; left: 10px; top: 50%; margin-top: -11px; width: 25px; height: 25px; } .wrap-icon i { font-size: 21px; } .aside { position: fixed; z-index: 1986; bottom: 0; left: 0; right: 0; top: 0; transition: all .3s ease; } .aside .close { font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; cursor: pointer; filter: alpha(opacity=20); opacity: .2; font-family: Arial,sans-serif; } .aside .close:focus, .aside .close:hover { filter: alpha(opacity=50); opacity: .5; } .aside .modal-card { width: 450px; max-width: 100%; margin: 0; position: absolute; left: 0; top: 0; bottom: 0; max-height: 100%; border-radius: 0; } .aside .modal-card .modal-card-head, .aside .modal-card .modal-card-foot { border-radius: 0; } .aside.aside-right .modal-card { left: auto; right: 0; } .breadcrumb li { display: inline-block; margin-left: 0 !important; padding-left: 0 !important; } .breadcrumb li a.active { color: #666; cursor: text; } .breadcrumb li i { vertical-align: baseline; margin-right: 3px; } .breadcrumb-separator { margin-left: 3px; margin-right: 2px; } .blu-checkbox { padding-left: 20px; user-select: none; } .blu-checkbox input[type="checkbox"] { cursor: pointer; opacity: 0; outline: none !important; position: absolute; } .blu-checkbox:before { background-color: #ffffff; border-radius: 2px; border: 1px solid gainsboro; content: ""; display: inline-block; width: 16px; height: 16px; left: 0; position: absolute; transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out; outline: none !important; } .blu-checkbox.on:after { font: normal normal normal 14px/1 FontAwesome; content: "\F00C"; color: #7a7d84; display: inline-block; font-size: 11px; height: 16px; left: 0; padding-left: 3px; padding-top: 1px; position: absolute; top: 2px; width: 16px; transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out; } .blu-checkbox.is-primary.on:before { background-color: #3c81df; border-color: #3c81df; } .blu-checkbox.is-primary.on:after { color: #fff; } .card-header-title { font-weight: 500; } .collapse-item .card-header { cursor: pointer; } .collapse-item .card-content { padding: 0 20px; } .collapse-item .card-content .content { padding: 20px 0; } .collapse-item .card-header-icon { transition: transform .377s ease; } .collapse-item.is-active > .card-header .card-header-icon { transform: rotate(90deg); } .data-table td, .data-table th { word-wrap: break-word; word-break: break-all; } .data-table thead tr { background-color: #f6f7f8; } .data-table thead tr .icon { vertical-align: middle; } .data-table thead tr .filter-key { cursor: pointer; } .data-table thead tr .is-sorting { background-color: #fafafa; } .data-table thead tr th { position: relative; } .data-table .sortable { cursor: pointer; } .data-table .sortable:hover { background-color: #fafafa; } .data-table .sort-trigger { position: absolute; right: 5px; top: 50%; margin-top: -10px; } .data-table .sort-trigger .fa { vertical-align: baseline; } .data-table .sort-trigger.sort-asc { margin-top: -6px; } .data-table .sort-trigger.sort-desc { margin-top: -13px; } .data-table-header .table { margin-bottom: 0; } .data-table-header .table th { border-bottom: none; } .table.is-bordered th { border-color: #e6e3e3; } .table-toolbar.level { margin-bottom: 10px; } .datepicker .has-icon i { -webkit-transition: all .3s; transition: all .3s; } .datepicker .has-icon .fa-times { display: none; cursor: pointer; pointer-events: all; } .datepicker .has-icon:hover .fa-times { display: inline-block; } .datepicker .has-icon:hover .fa-calendar { display: none; } .flatpickr-input { appearance: none; -webkit-appearance: none; -moz-appearance: none; } .blu-ipt-number .button .icon { margin: 0; } .blu-ipt-number.is-disabled { opacity: .5; } .menu { background-color: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); } .menu.is-dark { background-color: #2e3e4e; color: rgba(255, 255, 255, 0.87); } .menu.is-dark .menu-label, .menu.is-dark .menu-list a { color: rgba(255, 255, 255, 0.9); opacity: 1; } .menu.is-dark .menu-list a.is-active { background-color: rgba(0, 0, 0, 0.075); } .menu.is-dark .menu-list a:hover { background-color: rgba(0, 0, 0, 0.075); } .menu.is-dark .menu-list.float { background-color: #2e3e4e; border: 1px solid #2e3e4e; } .menu-label:not(:first-child) { margin-top: 15px; } .menu-label { padding: 10px 7px; margin-bottom: 0; } .menu-list li { position: relative; } .menu-list li ul { border-left: none; margin: 0; padding-left: 0; } .menu-list > li li a { padding-left: 50px; } .menu-list > li li li a { padding-left: 80px; } .menu-list > li.is-active { background-color: rgba(0, 0, 0, 0.065); } .menu-list.float { position: absolute; left: 100%; top: 0; min-width: 180px; background-color: #fff; border: 1px solid #ddd; } .menu-list.float > li a { padding-left: 16px; } .menu-list .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: rgba(120, 130, 140, 0.13); } .menu-list a { padding: 5px 16px; line-height: 25px; border-radius: 0; color: #000; opacity: .75; } .menu-list a i { width: 15px; margin-right: 15px; line-height: 25px; } .menu-list a .nav-right { float: right; } .menu-list a .nav-right i { margin-right: 0; } .has-children .fa { transition: transform .377s ease; } .has-children.is-open .nav-right .fa { transform: rotate(180deg); } .modal { transition: all .3s ease; } .modal.align-baseline { align-items: baseline; } .modal-background { transition: opacity .3s ease; } .modal-card { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); border-radius: 5px; } .modal-card-head, .modal-card-foot { background-color: #fff; padding: 16px; } .modal-card-head { border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .modal-card-foot { border-top: 1px solid rgba(120, 130, 140, 0.13); justify-content: flex-end; } .modal-card-title { font-size: 16px; font-weight: 500; } .align-baseline .modal-card { margin-top: 120px; } .modal-enter { opacity: 0; } .modal-leave-active { opacity: 0; } .modal-enter .modal-card, .modal-leave-active .modal-card { -webkit-transform: scale(1.1); transform: scale(1.1); } .close { font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; cursor: pointer; filter: alpha(opacity=20); opacity: .2; font-family: Arial,sans-serif; } .close:focus, .close:hover { filter: alpha(opacity=50); opacity: .5; } .modal-confirm .modal-card { width: 400px; } .modal-confirm .modal-card .media.is-primary .media-left { color: #3c81df; } .modal-confirm .modal-card .media.is-info .media-left { color: #00c0ef; } .modal-confirm .modal-card .media.is-warning .media-left { color: #f39c12; } .modal-confirm .modal-card .media.is-danger .media-left { color: #f56954; } .modal-confirm .modal-card .media-left { font-size: 20px; } @keyframes spinAround { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .notifications { position: fixed; top: 20px; right: 0; z-index: 1257; pointer-events: none; } .notifications.top-center { right: 0; left: 0; margin: 0 auto; } .notifications.top-left { right: auto; left: 0; } .notifications.bottom-left { top: auto; bottom: 20px; right: auto; left: 0; } .notifications.bottom-center { top: auto; bottom: 20px; right: 0; left: 0; margin: 0 auto; } .notifications.bottom-right { top: auto; bottom: 20px; } @media screen and (min-width: 769px) { .notifications { max-width: 320px; } } .notifications .notification { margin: 10px; } .notifications .notification.has-icon { padding-left: 45px; } .notifications .notification.is-default { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); background-color: #fff; } .notifications .notification .close { float: right; margin: -13px -14px 0 20px; } .pagination { font-size: 13px; } .pagination.is-small { font-size: 12px; } .pagination.is-left { justify-content: flex-start; } .pagination.is-right { justify-content: flex-end; } .pagination ul { flex-grow: 0; } .pagination ul i { line-height: 24px; } .pagination ul .is-small i { line-height: 17px; } .pagination .btn-jumper { width: 32px; cursor: pointer; } .pagination .btn-jumper a { display: none; } .pagination .btn-jumper:after { content: "\2022\2022\2022"; display: block; letter-spacing: 2px; color: #ccc; text-align: center; font-size: 12px; font-family: Arial; margin: 0 3px; } .pagination .btn-jumper:hover a { display: block; } .pagination .btn-jumper:hover:after { display: none; } .pagination .input { display: inline-block; width: 45px; vertical-align: baseline; } .pagination input::-webkit-outer-spin-button, .pagination input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .popover-confirm { max-width: 210px; } .popover-content .media-left { font-size: 20px; } .popover-footer { text-align: right; margin: 0 14px 9px; } .popover { z-index: 1060; max-width: 276px; padding: 1px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover-arrow, .popover-arrow::after { display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; /*margin: 10px;*/ } .popover-arrow { border-width: 10px; position: absolute; } .popover-arrow::after { content: ""; border-width: 9px; } .popover[x-placement^="bottom"] { margin-top: 15px; } .popover[x-placement^="bottom"] .popover-arrow { border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.25); top: -10px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .popover[x-placement^="bottom"] .popover-arrow:after { top: 1px; margin-left: -9px; border-top-width: 0; border-bottom-color: #fff; } .popover[x-placement^="top"] { margin-bottom: 15px; } .popover[x-placement^="top"] .popover-arrow { border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; bottom: -10px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .popover[x-placement^="top"] .popover-arrow:after { bottom: 1px; border-top-color: #fff; border-bottom-width: 0; margin-left: -9px; } .popover[x-placement^="left"] { margin-right: 15px; } .popover[x-placement^="left"] .popover-arrow { border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); right: -10px; top: calc(50% - 5px); } .popover[x-placement^="left"] .popover-arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; margin-top: -9px; } .popover[x-placement^="right"] { margin-left: 15px; } .popover[x-placement^="right"] .popover-arrow { border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); left: -10px; top: calc(50% - 5px); } .popover[x-placement^="right"] .popover-arrow:after { left: 1px; border-left-width: 0; border-right-color: #fff; margin-top: -9px; } .progress-wrap { position: relative; } .progress-wrap.info-outside { margin-right: 40px; } .progress-wrap.info-outside .progress-info { position: absolute; right: -40px; color: #7a7a7a; } .progress { display: block; width: 100%; height: 1rem; margin-bottom: 1rem; border-radius: .25rem; overflow: hidden; background-color: rgba(0, 0, 0, 0.065); } .progress-bar { display: inline-block; float: left; height: 100%; text-align: center; border-radius: .25rem; background-color: #0074d9; font-size: .8em; color: rgba(255, 255, 255, 0.9); -webkit-transition: width .6s ease; transition: width .6s ease; } .progress-bar.is-info { background-color: #00c0ef; } .progress-bar.is-danger { background-color: #f56954; } .progress-bar.is-danger { background-color: #f56954; } .progress-bar.is-warning { background-color: #f39c12; } .progress-bar.is-success { background-color: #6cc788; } .progress-bar.is-large { font-size: 1em; } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress-bar.animated, .progress.animated .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .blu-radio { padding-left: 20px; user-select: none; } .blu-radio input[type="radio"] { cursor: pointer; opacity: 0; outline: none !important; position: absolute; } .blu-radio:before { background-color: #ffffff; border-radius: 100%; border: 2px solid #3c81df; content: ""; display: inline-block; width: 16px; height: 16px; left: 0; position: absolute; transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; outline: none !important; } .blu-radio.on:after { content: ''; position: absolute; width: 0; height: 0; top: 4px; left: 4px; border: 4px solid; border-color: #3c81df; border-radius: 100%; transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; } .blu-radio.is-primary.on:after { color: #fff; } .radio-button input[type="radio"] { cursor: pointer; opacity: 0; outline: none !important; position: absolute; } .scroll-top { cursor: pointer; position: fixed; line-height: 40px; bottom: 50px; right: 50px; color: #fff; background-color: rgba(0, 0, 0, 0.6); padding: 0 8px; /*display: none;*/ -webkit-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; border-radius: 4px; } .scroll-top:hover { background-color: rgba(0, 0, 0, 0.8); } .scroll-top .icon { vertical-align: middle; } .step-panel { flex: 1 1; } .step-panel[class*="leave-active"] { overflow: hidden; position: absolute; transform: translateX(0); transform: translateY(0); } .steps-wrap { margin-left: 0; margin-right: 0; display: block; } .step-header { margin-left: 0; margin-right: 0; display: flex; } .step-header .step-item { position: relative; display: block; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .step-header .step-item i { line-height: 23px; } .line .step-item:last-child { flex-grow: 0; } .step-content { position: relative; margin: 25px 0 10px; padding: 12px 20px; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .step-left { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .step-icon { width: 26px; height: 26px; font-size: 16px; line-height: 26px; color: #fff; text-align: center; background: #d2d6de; border-radius: 50%; } .step-desc { padding-left: 40px; margin-left: -5px; padding-right: 5px; } .step-desc .step-title { font-weight: bold; } .pills .step-item { background-color: #f3f7f9; padding: 10px; } .pills .step-item.is-active { color: #fff; background-color: #3c81df; } .pills .step-item.is-active .step-icon { color: #3c81df; background-color: #fff; } .pills .step-item .step-description { width: 80%; margin-left: 35px; } .line .step-item .step-desc { position: relative; display: inline-block; z-index: 8; background-color: #fff; } .line .step-item .step-left { z-index: 9; } .line .step-item .step-icon i { vertical-align: text-top; } .line .step-item.is-active .step-icon { background-color: #3c81df; } .line .step-item:before, .line .step-item:after { position: absolute; top: 50%; width: 100%; height: 2px; content: ""; background-color: rgba(0, 0, 0, 0.065); -webkit-transition: all .4s ease; transition: all .4s ease; } .line .step-item:after { width: 0; background-color: #62a8ea; } .line .step-item.is-done:after { width: 100%; } .line .step-item.is-done .step-icon { background-color: #62a8ea; } .line .step-item:before, .line .step-item:after { left: 20px; } .line .step-item:last-child:before, .line .step-item:last-child:after { width: 0; } .line .step-item .step-description { position: absolute; width: 80%; left: 35px; } .switch-wrap { position: relative; display: inline-block; padding-left: 60px; min-height: 20px; } .switch-wrap.is-small { padding-left: 48px; } .switch-wrap.is-small .switchery { width: 40px; height: 18px; } .switch-wrap.is-small .switchery > small { width: 18px; height: 18px; } .switch-wrap.is-small .switchery.on > small { left: 22px; } .switch-wrap.is-small .text { margin-left: 22px; } .switchery { position: absolute; left: 0; margin-top: -2px; border: 1px solid #ddd; border-radius: 100px; cursor: pointer; display: inline-block; width: 48px; height: 22px; transition: border .4s, box-shadow .4s; background-color: white; border-color: #e9e9e9; box-shadow: #e9e9e9 0px 0px 0px 0px inset; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .switchery.has-text { width: 56px; } .switchery.has-text.on > small { left: 34px; } .switchery .text { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 13px; color: #999; margin-left: 25px; } .switchery > small { position: absolute; top: 0; left: 0; width: 22px; transition: background-color 0.4s, left 0.2s; border-radius: 100px; background-color: #fff; height: 22px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .switchery.on { background-color: #3c81df; border-color: #3c81df; box-shadow: #3c81df 0px 0px 0px 12px inset; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; } .switchery.on > small { left: 26px; } .switchery.on .text { text-align: right; margin-left: 5px; color: #fff; } .switchery.is-info.on { background-color: #00c0ef; border-color: #00c0ef; box-shadow: #00c0ef 0px 0px 0px 12px inset; } .switchery.is-success.on { background-color: #6cc788; border-color: #6cc788; box-shadow: #6cc788 0px 0px 0px 12px inset; } .switchery.is-warning.on { background-color: #f39c12; border-color: #f39c12; box-shadow: #f39c12 0px 0px 0px 12px inset; } .switchery.is-danger.on { background-color: #f56954; border-color: #f56954; box-shadow: #f56954 0px 0px 0px 12px inset; } .tabs { position: relative; flex: 1; } .tabs .tab-list { flex: 0 1 auto; } .tabs .tab-list li { padding: 0; margin: 0; line-height: 24px; } .tabs .tab-content { flex-direction: column; overflow: hidden; position: relative; margin: 10px; flex: 1 1; } .tabs .tab-pane { user-select: text; -moz-user-select: text; -ms-user-select: text; -webkit-user-select: text; width: 100%; flex: 1 1; } .tabs .tab-pane.is-active { transform: translateZ(0); } .tabs .tab-pane[class*="leave-active"] { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateX(0); transform: translateY(0); } .tabs.is-layout-top { flex-direction: column; } .tabs.is-layout-bottom { flex-direction: column-reverse; } .tabs.is-layout-left { flex-direction: row; overflow-x: hidden; overflow-y: auto; } .tabs.is-layout-left .tab-list { flex-direction: column; align-items: flex-start; max-width: calc(100% / 5); border-bottom: none; border-right: 1px solid #b5b5b5; } .tabs.is-layout-left li { width: 100%; } .tabs.is-layout-left li a { border-bottom: none; border-right: 1px solid #b5b5b5; margin-bottom: 0; margin-right: -1px; justify-content: flex-end; } .tabs.is-layout-left li a:hover { border-right-color: #363636; } .tabs.is-layout-left li.is-active a { border-right-color: #00c0ef; } .tabs.is-layout-right { flex-direction: row-reverse; overflow-x: hidden; overflow-y: auto; } .tabs.is-layout-right .tab-list { flex-direction: column; align-items: flex-end; justify-content: flex-start; max-width: calc(100% / 5); border-bottom: none; border-left: 1px solid #b5b5b5; } .tabs.is-layout-right .tab-list li { width: 100%; } .tabs.is-layout-right .tab-list li a { border-bottom: none; border-left: 1px solid #b5b5b5; margin-bottom: 0; margin-left: -1px; justify-content: flex-start; } .tabs.is-layout-right .tab-list li a:hover { border-left-color: #363636; } .tabs.is-layout-right .tab-list li.is-active a { border-left-color: #00c0ef; } .is-slideshow .tab-content { margin: 0; } .is-slideshow .tab-list { display: block; position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; border: none; text-align: center; list-style: none; } .is-slideshow .tab-list li { display: inline-block; width: 10px; height: 10px; margin: 1px 2px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: transparent; border: 1px solid #fff; border-radius: 10px; } .is-slideshow .tab-list li a { border: none; } .is-slideshow .tab-list li.is-active { background: #fff; } .is-slideshow .tab-list li.is-active a { /*background: #fff;*/ } .is-square { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .timeline { position: relative; border-left: 1px solid rgba(120, 130, 140, 0.13); } .timeline-item { position: relative; border-color: rgba(120, 130, 140, 0.13); padding-bottom: 1px; } .timeline-item:before { content: ''; position: absolute; border-color: inherit; border-width: 4px; border-style: solid; border-radius: 50%; width: 15px; height: 15px; margin-left: -8px; top: 2px; left: 0; } .timeline-item .timeline-item-main { margin-left: 24px; padding-bottom: 16px; } .timeline-item .timeline-icon { position: absolute; left: -10px; z-index: 1; width: 20px; height: 20px; border-width: 10px; background: #d2d6de; border-radius: 50%; text-align: center; } .timeline-item .timeline-icon i { margin-top: 4px; font-size: 12px; } .timeline-item .timeline-item-date { font-size: .85em; } .timeline-item.is-primary:before { border-color: #3c81df; } .timeline-item.is-primary .timeline-icon { background: #3c81df; color: #fff; } .timeline-item.is-info:before { border-color: #3c81df; } .timeline-item.is-info .timeline-icon { background: #00c0ef; color: #fff; } .timeline-item.is-success:before { border-color: #3c81df; } .timeline-item.is-success .timeline-icon { background: #6cc788; color: #fff; } .timeline-item.is-warning:before { border-color: #f39c12; } .timeline-item.is-warning .timeline-icon { background: #f39c12; color: #fff; } .timeline-item.is-danger:before { border-color: #f56954; } .timeline-item.is-danger .timeline-icon { background: #f56954; color: #fff; } .tooltip { background: #383838; color: #fff; padding: 8px 10px; font-size: 12px; /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/ line-height: 12px; white-space: nowrap; /*text-shadow: 0 -1px 0 #000;*/ box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; } .tooltip, .tooltip-arrow { z-index: 1000000; pointer-events: none; } .tooltip[x-placement^="bottom"] { margin-top: 8px; } .tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0 5px 5px 5px; border-color: transparent transparent #383838 transparent; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="top"] { margin-bottom: 8px; } .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-color: #383838 transparent transparent transparent; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="right"] { margin-left: 8px; } .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-color: transparent #383838 transparent transparent; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip[x-placement^="left"] { margin-right: 8px; } .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #383838; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url(../fonts/fontawesome-webfont.eot); src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2) format("woff2"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../img/fontawesome-webfont.svg#fontawesomeregular) format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\F000"; } .fa-music:before { content: "\F001"; } .fa-search:before { content: "\F002"; } .fa-envelope-o:before { content: "\F003"; } .fa-heart:before { content: "\F004"; } .fa-star:before { content: "\F005"; } .fa-star-o:before { content: "\F006"; } .fa-user:before { content: "\F007"; } .fa-film:before { content: "\F008"; } .fa-th-large:before { content: "\F009"; } .fa-th:before { content: "\F00A"; } .fa-th-list:before { content: "\F00B"; } .fa-check:before { content: "\F00C"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\F00D"; } .fa-search-plus:before { content: "\F00E"; } .fa-search-minus:before { content: "\F010"; } .fa-power-off:before { content: "\F011"; } .fa-signal:before { content: "\F012"; } .fa-gear:before, .fa-cog:before { content: "\F013"; } .fa-trash-o:before { content: "\F014"; } .fa-home:before { content: "\F015"; } .fa-file-o:before { content: "\F016"; } .fa-clock-o:before { content: "\F017"; } .fa-road:before { content: "\F018"; } .fa-download:before { content: "\F019"; } .fa-arrow-circle-o-down:before { content: "\F01A"; } .fa-arrow-circle-o-up:before { content: "\F01B"; } .fa-inbox:before { content: "\F01C"; } .fa-play-circle-o:before { content: "\F01D"; } .fa-rotate-right:before, .fa-repeat:before { content: "\F01E"; } .fa-refresh:before { content: "\F021"; } .fa-list-alt:before { content: "\F022"; } .fa-lock:before { content: "\F023"; } .fa-flag:before { content: "\F024"; } .fa-headphones:before { content: "\F025"; } .fa-volume-off:before { content: "\F026"; } .fa-volume-down:before { content: "\F027"; } .fa-volume-up:before { content: "\F028"; } .fa-qrcode:before { content: "\F029"; } .fa-barcode:before { content: "\F02A"; } .fa-tag:before { content: "\F02B"; } .fa-tags:before { content: "\F02C"; } .fa-book:before { content: "\F02D"; } .fa-bookmark:before { content: "\F02E"; } .fa-print:before { content: "\F02F"; } .fa-camera:before { content: "\F030"; } .fa-font:before { content: "\F031"; } .fa-bold:before { content: "\F032"; } .fa-italic:before { content: "\F033"; } .fa-text-height:before { content: "\F034"; } .fa-text-width:before { content: "\F035"; } .fa-align-left:before { content: "\F036"; } .fa-align-center:before { content: "\F037"; } .fa-align-right:before { content: "\F038"; } .fa-align-justify:before { content: "\F039"; } .fa-list:before { content: "\F03A"; } .fa-dedent:before, .fa-outdent:before { content: "\F03B"; } .fa-indent:before { content: "\F03C"; } .fa-video-camera:before { content: "\F03D"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\F03E"; } .fa-pencil:before { content: "\F040"; } .fa-map-marker:before { content: "\F041"; } .fa-adjust:before { content: "\F042"; } .fa-tint:before { content: "\F043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\F044"; } .fa-share-square-o:before { content: "\F045"; } .fa-check-square-o:before { content: "\F046"; } .fa-arrows:before { content: "\F047"; } .fa-step-backward:before { content: "\F048"; } .fa-fast-backward:before { content: "\F049"; } .fa-backward:before { content: "\F04A"; } .fa-play:before { content: "\F04B"; } .fa-pause:before { content: "\F04C"; } .fa-stop:before { content: "\F04D"; } .fa-forward:before { content: "\F04E"; } .fa-fast-forward:before { content: "\F050"; } .fa-step-forward:before { content: "\F051"; } .fa-eject:before { content: "\F052"; } .fa-chevron-left:before { content: "\F053"; } .fa-chevron-right:before { content: "\F054"; } .fa-plus-circle:before { content: "\F055"; } .fa-minus-circle:before { content: "\F056"; } .fa-times-circle:before { content: "\F057"; } .fa-check-circle:before { content: "\F058"; } .fa-question-circle:before { content: "\F059"; } .fa-info-circle:before { content: "\F05A"; } .fa-crosshairs:before { content: "\F05B"; } .fa-times-circle-o:before { content: "\F05C"; } .fa-check-circle-o:before { content: "\F05D"; } .fa-ban:before { content: "\F05E"; } .fa-arrow-left:before { content: "\F060"; } .fa-arrow-right:before { content: "\F061"; } .fa-arrow-up:before { content: "\F062"; } .fa-arrow-down:before { content: "\F063"; } .fa-mail-forward:before, .fa-share:before { content: "\F064"; } .fa-expand:before { content: "\F065"; } .fa-compress:before { content: "\F066"; } .fa-plus:before { content: "\F067"; } .fa-minus:before { content: "\F068"; } .fa-asterisk:before { content: "\F069"; } .fa-exclamation-circle:before { content: "\F06A"; } .fa-gift:before { content: "\F06B"; } .fa-leaf:before { content: "\F06C"; } .fa-fire:before { content: "\F06D"; } .fa-eye:before { content: "\F06E"; } .fa-eye-slash:before { content: "\F070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\F071"; } .fa-plane:before { content: "\F072"; } .fa-calendar:before { content: "\F073"; } .fa-random:before { content: "\F074"; } .fa-comment:before { content: "\F075"; } .fa-magnet:before { content: "\F076"; } .fa-chevron-up:before { content: "\F077"; } .fa-chevron-down:before { content: "\F078"; } .fa-retweet:before { content: "\F079"; } .fa-shopping-cart:before { content: "\F07A"; } .fa-folder:before { content: "\F07B"; } .fa-folder-open:before { content: "\F07C"; } .fa-arrows-v:before { content: "\F07D"; } .fa-arrows-h:before { content: "\F07E"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\F080"; } .fa-twitter-square:before { content: "\F081"; } .fa-facebook-square:before { content: "\F082"; } .fa-camera-retro:before { content: "\F083"; } .fa-key:before { content: "\F084"; } .fa-gears:before, .fa-cogs:before { content: "\F085"; } .fa-comments:before { content: "\F086"; } .fa-thumbs-o-up:before { content: "\F087"; } .fa-thumbs-o-down:before { content: "\F088"; } .fa-star-half:before { content: "\F089"; } .fa-heart-o:before { content: "\F08A"; } .fa-sign-out:before { content: "\F08B"; } .fa-linkedin-square:before { content: "\F08C"; } .fa-thumb-tack:before { content: "\F08D"; } .fa-external-link:before { content: "\F08E"; } .fa-sign-in:before { content: "\F090"; } .fa-trophy:before { content: "\F091"; } .fa-github-square:before { content: "\F092"; } .fa-upload:before { content: "\F093"; } .fa-lemon-o:before { content: "\F094"; } .fa-phone:before { content: "\F095"; } .fa-square-o:before { content: "\F096"; } .fa-bookmark-o:before { content: "\F097"; } .fa-phone-square:before { content: "\F098"; } .fa-twitter:before { content: "\F099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\F09A"; } .fa-github:before { content: "\F09B"; } .fa-unlock:before { content: "\F09C"; } .fa-credit-card:before { content: "\F09D"; } .fa-feed:before, .fa-rss:before { content: "\F09E"; } .fa-hdd-o:before { content: "\F0A0"; } .fa-bullhorn:before { content: "\F0A1"; } .fa-bell:before { content: "\F0F3"; } .fa-certificate:before { content: "\F0A3"; } .fa-hand-o-right:before { content: "\F0A4"; } .fa-hand-o-left:before { content: "\F0A5"; } .fa-hand-o-up:before { content: "\F0A6"; } .fa-hand-o-down:before { content: "\F0A7"; } .fa-arrow-circle-left:before { content: "\F0A8"; } .fa-arrow-circle-right:before { content: "\F0A9"; } .fa-arrow-circle-up:before { content: "\F0AA"; } .fa-arrow-circle-down:before { content: "\F0AB"; } .fa-globe:before { content: "\F0AC"; } .fa-wrench:before { content: "\F0AD"; } .fa-tasks:before { content: "\F0AE"; } .fa-filter:before { content: "\F0B0"; } .fa-briefcase:before { content: "\F0B1"; } .fa-arrows-alt:before { content: "\F0B2"; } .fa-group:before, .fa-users:before { content: "\F0C0"; } .fa-chain:before, .fa-link:before { content: "\F0C1"; } .fa-cloud:before { content: "\F0C2"; } .fa-flask:before { content: "\F0C3"; } .fa-cut:before, .fa-scissors:before { content: "\F0C4"; } .fa-copy:before, .fa-files-o:before { content: "\F0C5"; } .fa-paperclip:before { content: "\F0C6"; } .fa-save:before, .fa-floppy-o:before { content: "\F0C7"; } .fa-square:before { content: "\F0C8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\F0C9"; } .fa-list-ul:before { content: "\F0CA"; } .fa-list-ol:before { content: "\F0CB"; } .fa-strikethrough:before { content: "\F0CC"; } .fa-underline:before { content: "\F0CD"; } .fa-table:before { content: "\F0CE"; } .fa-magic:before { content: "\F0D0"; } .fa-truck:before { content: "\F0D1"; } .fa-pinterest:before { content: "\F0D2"; } .fa-pinterest-square:before { content: "\F0D3"; } .fa-google-plus-square:before { content: "\F0D4"; } .fa-google-plus:before { content: "\F0D5"; } .fa-money:before { content: "\F0D6"; } .fa-caret-down:before { content: "\F0D7"; } .fa-caret-up:before { content: "\F0D8"; } .fa-caret-left:before { content: "\F0D9"; } .fa-caret-right:before { content: "\F0DA"; } .fa-columns:before { content: "\F0DB"; } .fa-unsorted:before, .fa-sort:before { content: "\F0DC"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\F0DD"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\F0DE"; } .fa-envelope:before { content: "\F0E0"; } .fa-linkedin:before { content: "\F0E1"; } .fa-rotate-left:before, .fa-undo:before { content: "\F0E2"; } .fa-legal:before, .fa-gavel:before { content: "\F0E3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\F0E4"; } .fa-comment-o:before { content: "\F0E5"; } .fa-comments-o:before { content: "\F0E6"; } .fa-flash:before, .fa-bolt:before { content: "\F0E7"; } .fa-sitemap:before { content: "\F0E8"; } .fa-umbrella:before { content: "\F0E9"; } .fa-paste:before, .fa-clipboard:before { content: "\F0EA"; } .fa-lightbulb-o:before { content: "\F0EB"; } .fa-exchange:before { content: "\F0EC"; } .fa-cloud-download:before { content: "\F0ED"; } .fa-cloud-upload:before { content: "\F0EE"; } .fa-user-md:before { content: "\F0F0"; } .fa-stethoscope:before { content: "\F0F1"; } .fa-suitcase:before { content: "\F0F2"; } .fa-bell-o:before { content: "\F0A2"; } .fa-coffee:before { content: "\F0F4"; } .fa-cutlery:before { content: "\F0F5"; } .fa-file-text-o:before { content: "\F0F6"; } .fa-building-o:before { content: "\F0F7"; } .fa-hospital-o:before { content: "\F0F8"; } .fa-ambulance:before { content: "\F0F9"; } .fa-medkit:before { content: "\F0FA"; } .fa-fighter-jet:before { content: "\F0FB"; } .fa-beer:before { content: "\F0FC"; } .fa-h-square:before { content: "\F0FD"; } .fa-plus-square:before { content: "\F0FE"; } .fa-angle-double-left:before { content: "\F100"; } .fa-angle-double-right:before { content: "\F101"; } .fa-angle-double-up:before { content: "\F102"; } .fa-angle-double-down:before { content: "\F103"; } .fa-angle-left:before { content: "\F104"; } .fa-angle-right:before { content: "\F105"; } .fa-angle-up:before { content: "\F106"; } .fa-angle-down:before { content: "\F107"; } .fa-desktop:before { content: "\F108"; } .fa-laptop:before { content: "\F109"; } .fa-tablet:before { content: "\F10A"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\F10B"; } .fa-circle-o:before { content: "\F10C"; } .fa-quote-left:before { content: "\F10D"; } .fa-quote-right:before { content: "\F10E"; } .fa-spinner:before { content: "\F110"; } .fa-circle:before { content: "\F111"; } .fa-mail-reply:before, .fa-reply:before { content: "\F112"; } .fa-github-alt:before { content: "\F113"; } .fa-folder-o:before { content: "\F114"; } .fa-folder-open-o:before { content: "\F115"; } .fa-smile-o:before { content: "\F118"; } .fa-frown-o:before { content: "\F119"; } .fa-meh-o:before { content: "\F11A"; } .fa-gamepad:before { content: "\F11B"; } .fa-keyboard-o:before { content: "\F11C"; } .fa-flag-o:before { content: "\F11D"; } .fa-flag-checkered:before { content: "\F11E"; } .fa-terminal:before { content: "\F120"; } .fa-code:before { content: "\F121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\F122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\F123"; } .fa-location-arrow:before { content: "\F124"; } .fa-crop:before { content: "\F125"; } .fa-code-fork:before { content: "\F126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\F127"; } .fa-question:before { content: "\F128"; } .fa-info:before { content: "\F129"; } .fa-exclamation:before { content: "\F12A"; } .fa-superscript:before { content: "\F12B"; } .fa-subscript:before { content: "\F12C"; } .fa-eraser:before { content: "\F12D"; } .fa-puzzle-piece:before { content: "\F12E"; } .fa-microphone:before { content: "\F130"; } .fa-microphone-slash:before { content: "\F131"; } .fa-shield:before { content: "\F132"; } .fa-calendar-o:before { content: "\F133"; } .fa-fire-extinguisher:before { content: "\F134"; } .fa-rocket:before { content: "\F135"; } .fa-maxcdn:before { content: "\F136"; } .fa-chevron-circle-left:before { content: "\F137"; } .fa-chevron-circle-right:before { content: "\F138"; } .fa-chevron-circle-up:before { content: "\F139"; } .fa-chevron-circle-down:before { content: "\F13A"; } .fa-html5:before { content: "\F13B"; } .fa-css3:before { content: "\F13C"; } .fa-anchor:before { content: "\F13D"; } .fa-unlock-alt:before { content: "\F13E"; } .fa-bullseye:before { content: "\F140"; } .fa-ellipsis-h:before { content: "\F141"; } .fa-ellipsis-v:before { content: "\F142"; } .fa-rss-square:before { content: "\F143"; } .fa-play-circle:before { content: "\F144"; } .fa-ticket:before { content: "\F145"; } .fa-minus-square:before { content: "\F146"; } .fa-minus-square-o:before { content: "\F147"; } .fa-level-up:before { content: "\F148"; } .fa-level-down:before { content: "\F149"; } .fa-check-square:before { content: "\F14A"; } .fa-pencil-square:before { content: "\F14B"; } .fa-external-link-square:before { content: "\F14C"; } .fa-share-square:before { content: "\F14D"; } .fa-compass:before { content: "\F14E"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\F150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\F151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\F152"; } .fa-euro:before, .fa-eur:before { content: "\F153"; } .fa-gbp:before { content: "\F154"; } .fa-dollar:before, .fa-usd:before { content: "\F155"; } .fa-rupee:before, .fa-inr:before { content: "\F156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\F157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\F158"; } .fa-won:before, .fa-krw:before { content: "\F159"; } .fa-bitcoin:before, .fa-btc:before { content: "\F15A"; } .fa-file:before { content: "\F15B"; } .fa-file-text:before { content: "\F15C"; } .fa-sort-alpha-asc:before { content: "\F15D"; } .fa-sort-alpha-desc:before { content: "\F15E"; } .fa-sort-amount-asc:before { content: "\F160"; } .fa-sort-amount-desc:before { content: "\F161"; } .fa-sort-numeric-asc:before { content: "\F162"; } .fa-sort-numeric-desc:before { content: "\F163"; } .fa-thumbs-up:before { content: "\F164"; } .fa-thumbs-down:before { content: "\F165"; } .fa-youtube-square:before { content: "\F166"; } .fa-youtube:before { content: "\F167"; } .fa-xing:before { content: "\F168"; } .fa-xing-square:before { content: "\F169"; } .fa-youtube-play:before { content: "\F16A"; } .fa-dropbox:before { content: "\F16B"; } .fa-stack-overflow:before { content: "\F16C"; } .fa-instagram:before { content: "\F16D"; } .fa-flickr:before { content: "\F16E"; } .fa-adn:before { content: "\F170"; } .fa-bitbucket:before { content: "\F171"; } .fa-bitbucket-square:before { content: "\F172"; } .fa-tumblr:before { content: "\F173"; } .fa-tumblr-square:before { content: "\F174"; } .fa-long-arrow-down:before { content: "\F175"; } .fa-long-arrow-up:before { content: "\F176"; } .fa-long-arrow-left:before { content: "\F177"; } .fa-long-arrow-right:before { content: "\F178"; } .fa-apple:before { content: "\F179"; } .fa-windows:before { content: "\F17A"; } .fa-android:before { content: "\F17B"; } .fa-linux:before { content: "\F17C"; } .fa-dribbble:before { content: "\F17D"; } .fa-skype:before { content: "\F17E"; } .fa-foursquare:before { content: "\F180"; } .fa-trello:before { content: "\F181"; } .fa-female:before { content: "\F182"; } .fa-male:before { content: "\F183"; } .fa-gittip:before, .fa-gratipay:before { content: "\F184"; } .fa-sun-o:before { content: "\F185"; } .fa-moon-o:before { content: "\F186"; } .fa-archive:before { content: "\F187"; } .fa-bug:before { content: "\F188"; } .fa-vk:before { content: "\F189"; } .fa-weibo:before { content: "\F18A"; } .fa-renren:before { content: "\F18B"; } .fa-pagelines:before { content: "\F18C"; } .fa-stack-exchange:before { content: "\F18D"; } .fa-arrow-circle-o-right:before { content: "\F18E"; } .fa-arrow-circle-o-left:before { content: "\F190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\F191"; } .fa-dot-circle-o:before { content: "\F192"; } .fa-wheelchair:before { content: "\F193"; } .fa-vimeo-square:before { content: "\F194"; } .fa-turkish-lira:before, .fa-try:before { content: "\F195"; } .fa-plus-square-o:before { content: "\F196"; } .fa-space-shuttle:before { content: "\F197"; } .fa-slack:before { content: "\F198"; } .fa-envelope-square:before { content: "\F199"; } .fa-wordpress:before { content: "\F19A"; } .fa-openid:before { content: "\F19B"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\F19C"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\F19D"; } .fa-yahoo:before { content: "\F19E"; } .fa-google:before { content: "\F1A0"; } .fa-reddit:before { content: "\F1A1"; } .fa-reddit-square:before { content: "\F1A2"; } .fa-stumbleupon-circle:before { content: "\F1A3"; } .fa-stumbleupon:before { content: "\F1A4"; } .fa-delicious:before { content: "\F1A5"; } .fa-digg:before { content: "\F1A6"; } .fa-pied-piper-pp:before { content: "\F1A7"; } .fa-pied-piper-alt:before { content: "\F1A8"; } .fa-drupal:before { content: "\F1A9"; } .fa-joomla:before { content: "\F1AA"; } .fa-language:before { content: "\F1AB"; } .fa-fax:before { content: "\F1AC"; } .fa-building:before { content: "\F1AD"; } .fa-child:before { content: "\F1AE"; } .fa-paw:before { content: "\F1B0"; } .fa-spoon:before { content: "\F1B1"; } .fa-cube:before { content: "\F1B2"; } .fa-cubes:before { content: "\F1B3"; } .fa-behance:before { content: "\F1B4"; } .fa-behance-square:before { content: "\F1B5"; } .fa-steam:before { content: "\F1B6"; } .fa-steam-square:before { content: "\F1B7"; } .fa-recycle:before { content: "\F1B8"; } .fa-automobile:before, .fa-car:before { content: "\F1B9"; } .fa-cab:before, .fa-taxi:before { content: "\F1BA"; } .fa-tree:before { content: "\F1BB"; } .fa-spotify:before { content: "\F1BC"; } .fa-deviantart:before { content: "\F1BD"; } .fa-soundcloud:before { content: "\F1BE"; } .fa-database:before { content: "\F1C0"; } .fa-file-pdf-o:before { content: "\F1C1"; } .fa-file-word-o:before { content: "\F1C2"; } .fa-file-excel-o:before { content: "\F1C3"; } .fa-file-powerpoint-o:before { content: "\F1C4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\F1C5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\F1C6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\F1C7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\F1C8"; } .fa-file-code-o:before { content: "\F1C9"; } .fa-vine:before { content: "\F1CA"; } .fa-codepen:before { content: "\F1CB"; } .fa-jsfiddle:before { content: "\F1CC"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\F1CD"; } .fa-circle-o-notch:before { content: "\F1CE"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\F1D0"; } .fa-ge:before, .fa-empire:before { content: "\F1D1"; } .fa-git-square:before { content: "\F1D2"; } .fa-git:before { content: "\F1D3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\F1D4"; } .fa-tencent-weibo:before { content: "\F1D5"; } .fa-qq:before { content: "\F1D6"; } .fa-wechat:before, .fa-weixin:before { content: "\F1D7"; } .fa-send:before, .fa-paper-plane:before { content: "\F1D8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\F1D9"; } .fa-history:before { content: "\F1DA"; } .fa-circle-thin:before { content: "\F1DB"; } .fa-header:before { content: "\F1DC"; } .fa-paragraph:before { content: "\F1DD"; } .fa-sliders:before { content: "\F1DE"; } .fa-share-alt:before { content: "\F1E0"; } .fa-share-alt-square:before { content: "\F1E1"; } .fa-bomb:before { content: "\F1E2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\F1E3"; } .fa-tty:before { content: "\F1E4"; } .fa-binoculars:before { content: "\F1E5"; } .fa-plug:before { content: "\F1E6"; } .fa-slideshare:before { content: "\F1E7"; } .fa-twitch:before { content: "\F1E8"; } .fa-yelp:before { content: "\F1E9"; } .fa-newspaper-o:before { content: "\F1EA"; } .fa-wifi:before { content: "\F1EB"; } .fa-calculator:before { content: "\F1EC"; } .fa-paypal:before { content: "\F1ED"; } .fa-google-wallet:before { content: "\F1EE"; } .fa-cc-visa:before { content: "\F1F0"; } .fa-cc-mastercard:before { content: "\F1F1"; } .fa-cc-discover:before { content: "\F1F2"; } .fa-cc-amex:before { content: "\F1F3"; } .fa-cc-paypal:before { content: "\F1F4"; } .fa-cc-stripe:before { content: "\F1F5"; } .fa-bell-slash:before { content: "\F1F6"; } .fa-bell-slash-o:before { content: "\F1F7"; } .fa-trash:before { content: "\F1F8"; } .fa-copyright:before { content: "\F1F9"; } .fa-at:before { content: "\F1FA"; } .fa-eyedropper:before { content: "\F1FB"; } .fa-paint-brush:before { content: "\F1FC"; } .fa-birthday-cake:before { content: "\F1FD"; } .fa-area-chart:before { content: "\F1FE"; } .fa-pie-chart:before { content: "\F200"; } .fa-line-chart:before { content: "\F201"; } .fa-lastfm:before { content: "\F202"; } .fa-lastfm-square:before { content: "\F203"; } .fa-toggle-off:before { content: "\F204"; } .fa-toggle-on:before { content: "\F205"; } .fa-bicycle:before { content: "\F206"; } .fa-bus:before { content: "\F207"; } .fa-ioxhost:before { content: "\F208"; } .fa-angellist:before { content: "\F209"; } .fa-cc:before { content: "\F20A"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\F20B"; } .fa-meanpath:before { content: "\F20C"; } .fa-buysellads:before { content: "\F20D"; } .fa-connectdevelop:before { content: "\F20E"; } .fa-dashcube:before { content: "\F210"; } .fa-forumbee:before { content: "\F211"; } .fa-leanpub:before { content: "\F212"; } .fa-sellsy:before { content: "\F213"; } .fa-shirtsinbulk:before { content: "\F214"; } .fa-simplybuilt:before { content: "\F215"; } .fa-skyatlas:before { content: "\F216"; } .fa-cart-plus:before { content: "\F217"; } .fa-cart-arrow-down:before { content: "\F218"; } .fa-diamond:before { content: "\F219"; } .fa-ship:before { content: "\F21A"; } .fa-user-secret:before { content: "\F21B"; } .fa-motorcycle:before { content: "\F21C"; } .fa-street-view:before { content: "\F21D"; } .fa-heartbeat:before { content: "\F21E"; } .fa-venus:before { content: "\F221"; } .fa-mars:before { content: "\F222"; } .fa-mercury:before { content: "\F223"; } .fa-intersex:before, .fa-transgender:before { content: "\F224"; } .fa-transgender-alt:before { content: "\F225"; } .fa-venus-double:before { content: "\F226"; } .fa-mars-double:before { content: "\F227"; } .fa-venus-mars:before { content: "\F228"; } .fa-mars-stroke:before { content: "\F229"; } .fa-mars-stroke-v:before { content: "\F22A"; } .fa-mars-stroke-h:before { content: "\F22B"; } .fa-neuter:before { content: "\F22C"; } .fa-genderless:before { content: "\F22D"; } .fa-facebook-official:before { content: "\F230"; } .fa-pinterest-p:before { content: "\F231"; } .fa-whatsapp:before { content: "\F232"; } .fa-server:before { content: "\F233"; } .fa-user-plus:before { content: "\F234"; } .fa-user-times:before { content: "\F235"; } .fa-hotel:before, .fa-bed:before { content: "\F236"; } .fa-viacoin:before { content: "\F237"; } .fa-train:before { content: "\F238"; } .fa-subway:before { content: "\F239"; } .fa-medium:before { content: "\F23A"; } .fa-yc:before, .fa-y-combinator:before { content: "\F23B"; } .fa-optin-monster:before { content: "\F23C"; } .fa-opencart:before { content: "\F23D"; } .fa-expeditedssl:before { content: "\F23E"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\F240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\F241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\F242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\F243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\F244"; } .fa-mouse-pointer:before { content: "\F245"; } .fa-i-cursor:before { content: "\F246"; } .fa-object-group:before { content: "\F247"; } .fa-object-ungroup:before { content: "\F248"; } .fa-sticky-note:before { content: "\F249"; } .fa-sticky-note-o:before { content: "\F24A"; } .fa-cc-jcb:before { content: "\F24B"; } .fa-cc-diners-club:before { content: "\F24C"; } .fa-clone:before { content: "\F24D"; } .fa-balance-scale:before { content: "\F24E"; } .fa-hourglass-o:before { content: "\F250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\F251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\F252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\F253"; } .fa-hourglass:before { content: "\F254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\F255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\F256"; } .fa-hand-scissors-o:before { content: "\F257"; } .fa-hand-lizard-o:before { content: "\F258"; } .fa-hand-spock-o:before { content: "\F259"; } .fa-hand-pointer-o:before { content: "\F25A"; } .fa-hand-peace-o:before { content: "\F25B"; } .fa-trademark:before { content: "\F25C"; } .fa-registered:before { content: "\F25D"; } .fa-creative-commons:before { content: "\F25E"; } .fa-gg:before { content: "\F260"; } .fa-gg-circle:before { content: "\F261"; } .fa-tripadvisor:before { content: "\F262"; } .fa-odnoklassniki:before { content: "\F263"; } .fa-odnoklassniki-square:before { content: "\F264"; } .fa-get-pocket:before { content: "\F265"; } .fa-wikipedia-w:before { content: "\F266"; } .fa-safari:before { content: "\F267"; } .fa-chrome:before { content: "\F268"; } .fa-firefox:before { content: "\F269"; } .fa-opera:before { content: "\F26A"; } .fa-internet-explorer:before { content: "\F26B"; } .fa-tv:before, .fa-television:before { content: "\F26C"; } .fa-contao:before { content: "\F26D"; } .fa-500px:before { content: "\F26E"; } .fa-amazon:before { content: "\F270"; } .fa-calendar-plus-o:before { content: "\F271"; } .fa-calendar-minus-o:before { content: "\F272"; } .fa-calendar-times-o:before { content: "\F273"; } .fa-calendar-check-o:before { content: "\F274"; } .fa-industry:before { content: "\F275"; } .fa-map-pin:before { content: "\F276"; } .fa-map-signs:before { content: "\F277"; } .fa-map-o:before { content: "\F278"; } .fa-map:before { content: "\F279"; } .fa-commenting:before { content: "\F27A"; } .fa-commenting-o:before { content: "\F27B"; } .fa-houzz:before { content: "\F27C"; } .fa-vimeo:before { content: "\F27D"; } .fa-black-tie:before { content: "\F27E"; } .fa-fonticons:before { content: "\F280"; } .fa-reddit-alien:before { content: "\F281"; } .fa-edge:before { content: "\F282"; } .fa-credit-card-alt:before { content: "\F283"; } .fa-codiepie:before { content: "\F284"; } .fa-modx:before { content: "\F285"; } .fa-fort-awesome:before { content: "\F286"; } .fa-usb:before { content: "\F287"; } .fa-product-hunt:before { content: "\F288"; } .fa-mixcloud:before { content: "\F289"; } .fa-scribd:before { content: "\F28A"; } .fa-pause-circle:before { content: "\F28B"; } .fa-pause-circle-o:before { content: "\F28C"; } .fa-stop-circle:before { content: "\F28D"; } .fa-stop-circle-o:before { content: "\F28E"; } .fa-shopping-bag:before { content: "\F290"; } .fa-shopping-basket:before { content: "\F291"; } .fa-hashtag:before { content: "\F292"; } .fa-bluetooth:before { content: "\F293"; } .fa-bluetooth-b:before { content: "\F294"; } .fa-percent:before { content: "\F295"; } .fa-gitlab:before { content: "\F296"; } .fa-wpbeginner:before { content: "\F297"; } .fa-wpforms:before { content: "\F298"; } .fa-envira:before { content: "\F299"; } .fa-universal-access:before { content: "\F29A"; } .fa-wheelchair-alt:before { content: "\F29B"; } .fa-question-circle-o:before { content: "\F29C"; } .fa-blind:before { content: "\F29D"; } .fa-audio-description:before { content: "\F29E"; } .fa-volume-control-phone:before { content: "\F2A0"; } .fa-braille:before { content: "\F2A1"; } .fa-assistive-listening-systems:before { content: "\F2A2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\F2A3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\F2A4"; } .fa-glide:before { content: "\F2A5"; } .fa-glide-g:before { content: "\F2A6"; } .fa-signing:before, .fa-sign-language:before { content: "\F2A7"; } .fa-low-vision:before { content: "\F2A8"; } .fa-viadeo:before { content: "\F2A9"; } .fa-viadeo-square:before { content: "\F2AA"; } .fa-snapchat:before { content: "\F2AB"; } .fa-snapchat-ghost:before { content: "\F2AC"; } .fa-snapchat-square:before { content: "\F2AD"; } .fa-pied-piper:before { content: "\F2AE"; } .fa-first-order:before { content: "\F2B0"; } .fa-yoast:before { content: "\F2B1"; } .fa-themeisle:before { content: "\F2B2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\F2B3"; } .fa-fa:before, .fa-font-awesome:before { content: "\F2B4"; } .fa-handshake-o:before { content: "\F2B5"; } .fa-envelope-open:before { content: "\F2B6"; } .fa-envelope-open-o:before { content: "\F2B7"; } .fa-linode:before { content: "\F2B8"; } .fa-address-book:before { content: "\F2B9"; } .fa-address-book-o:before { content: "\F2BA"; } .fa-vcard:before, .fa-address-card:before { content: "\F2BB"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\F2BC"; } .fa-user-circle:before { content: "\F2BD"; } .fa-user-circle-o:before { content: "\F2BE"; } .fa-user-o:before { content: "\F2C0"; } .fa-id-badge:before { content: "\F2C1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\F2C2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\F2C3"; } .fa-quora:before { content: "\F2C4"; } .fa-free-code-camp:before { content: "\F2C5"; } .fa-telegram:before { content: "\F2C6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\F2C7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\F2C8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\F2C9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\F2CA"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\F2CB"; } .fa-shower:before { content: "\F2CC"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\F2CD"; } .fa-podcast:before { content: "\F2CE"; } .fa-window-maximize:before { content: "\F2D0"; } .fa-window-minimize:before { content: "\F2D1"; } .fa-window-restore:before { content: "\F2D2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\F2D3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\F2D4"; } .fa-bandcamp:before { content: "\F2D5"; } .fa-grav:before { content: "\F2D6"; } .fa-etsy:before { content: "\F2D7"; } .fa-imdb:before { content: "\F2D8"; } .fa-ravelry:before { content: "\F2D9"; } .fa-eercast:before { content: "\F2DA"; } .fa-microchip:before { content: "\F2DB"; } .fa-snowflake-o:before { content: "\F2DC"; } .fa-superpowers:before { content: "\F2DD"; } .fa-wpexplorer:before { content: "\F2DE"; } .fa-meetup:before { content: "\F2E0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*! * vue2-animate v1.0.4 * (c) 2016 Simon Asika * Released under the MIT License. * Documentation: https://github.com/asika32764/vue2-animate */ @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounce-enter-active, .bounceIn, .bounce-leave-active, .bounceOut { animation-duration: 0.3s; animation-fill-mode: both; } .bounce-enter-active, .bounceIn { animation-name: bounceIn; } .bounce-leave-active, .bounceOut { animation-name: bounceOut; } .bounceUp-enter-active, .bounceInUp, .bounceUp-leave-active, .bounceOutUp { animation-duration: 0.3s; animation-fill-mode: both; } .bounceUp-enter-active, .bounceInUp { animation-name: bounceInUp; } .bounceUp-leave-active, .bounceOutUp { animation-name: bounceOutUp; } .bounceRight-enter-active, .bounceInRight, .bounceRight-leave-active, .bounceOutRight { animation-duration: 0.3s; animation-fill-mode: both; } .bounceRight-enter-active, .bounceInRight { animation-name: bounceInRight; } .bounceRight-leave-active, .bounceOutRight { animation-name: bounceOutRight; } .bounceLeft-enter-active, .bounceInLeft, .bounceLeft-leave-active, .bounceOutLeft { animation-duration: 0.3s; animation-fill-mode: both; } .bounceLeft-enter-active, .bounceInLeft { animation-name: bounceInLeft; } .bounceLeft-leave-active, .bounceOutLeft { animation-name: bounceOutLeft; } .bounceDown-enter-active, .bounceInDown, .bounceDown-leave-active, .bounceOutDown { animation-duration: 0.3s; animation-fill-mode: both; } .bounceDown-enter-active, .bounceInDown { animation-name: bounceInDown; } .bounceDown-leave-active, .bounceOutDown { animation-name: bounceOutDown; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fade-enter-active, .fadeIn, .fade-leave-active, .fadeOut { animation-duration: 0.3s; animation-fill-mode: both; } .fade-enter-active, .fadeIn { animation-name: fadeIn; } .fade-leave-active, .fadeOut { animation-name: fadeOut; } .fadeUpBig-enter-active, .fadeInUpBig, .fadeUpBig-leave-active, .fadeOutUpBig { animation-duration: 0.3s; animation-fill-mode: both; } .fadeUpBig-enter-active, .fadeInUpBig { animation-name: fadeInUpBig; } .fadeUpBig-leave-active, .fadeOutUpBig { animation-name: fadeOutUpBig; } .fadeUp-enter-active, .fadeInUp, .fadeUp-leave-active, .fadeOutUp { animation-duration: 0.3s; animation-fill-mode: both; } .fadeUp-enter-active, .fadeInUp { animation-name: fadeInUp; } .fadeUp-leave-active, .fadeOutUp { animation-name: fadeOutUp; } .fadeRightBig-enter-active, .fadeInRightBig, .fadeRightBig-leave-active, .fadeOutRightBig { animation-duration: 0.3s; animation-fill-mode: both; } .fadeRightBig-enter-active, .fadeInRightBig { animation-name: fadeInRightBig; } .fadeRightBig-leave-active, .fadeOutRightBig { animation-name: fadeOutRightBig; } .fadeRight-enter-active, .fadeInRight, .fadeRight-leave-active, .fadeOutRight { animation-duration: 0.3s; animation-fill-mode: both; } .fadeRight-enter-active, .fadeInRight { animation-name: fadeInRight; } .fadeRight-leave-active, .fadeOutRight { animation-name: fadeOutRight; } .fadeLeftBig-enter-active, .fadeInLeftBig, .fadeLeftBig-leave-active, .fadeOutLeftBig { animation-duration: 0.3s; animation-fill-mode: both; } .fadeLeftBig-enter-active, .fadeInLeftBig { animation-name: fadeInLeftBig; } .fadeLeftBig-leave-active, .fadeOutLeftBig { animation-name: fadeOutLeftBig; } .fadeLeft-enter-active, .fadeInLeft, .fadeLeft-leave-active, .fadeOutLeft { animation-duration: 0.3s; animation-fill-mode: both; } .fadeLeft-enter-active, .fadeInLeft { animation-name: fadeInLeft; } .fadeLeft-leave-active, .fadeOutLeft { animation-name: fadeOutLeft; } .fadeDownBig-enter-active, .fadeInDownBig, .fadeDownBig-leave-active, .fadeOutDownBig { animation-duration: 0.3s; animation-fill-mode: both; } .fadeDownBig-enter-active, .fadeInDownBig { animation-name: fadeInDownBig; } .fadeDownBig-leave-active, .fadeOutDownBig { animation-name: fadeOutDownBig; } .fadeDown-enter-active, .fadeInDown, .fadeDown-leave-active, .fadeOutDown { animation-duration: 0.3s; animation-fill-mode: both; } .fadeDown-enter-active, .fadeInDown { animation-name: fadeInDown; } .fadeDown-leave-active, .fadeOutDown { animation-name: fadeOutDown; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotate-enter-active, .rotateIn, .rotate-leave-active, .rotateOut { animation-duration: 0.3s; animation-fill-mode: both; } .rotate-enter-active, .rotateIn { animation-name: rotateIn; } .rotate-leave-active, .rotateOut { animation-name: rotateOut; } .rotateUpRight-enter-active, .rotateInUpRight, .rotateUpRight-leave-active, .rotateOutUpRight { animation-duration: 0.3s; animation-fill-mode: both; } .rotateUpRight-enter-active, .rotateInUpRight { animation-name: rotateInUpRight; } .rotateUpRight-leave-active, .rotateOutUpRight { animation-name: rotateOutUpRight; } .rotateUpLeft-enter-active, .rotateInUpLeft, .rotateUpLeft-leave-active, .rotateOutUpLeft { animation-duration: 0.3s; animation-fill-mode: both; } .rotateUpLeft-enter-active, .rotateInUpLeft { animation-name: rotateInUpLeft; } .rotateUpLeft-leave-active, .rotateOutUpLeft { animation-name: rotateOutUpLeft; } .rotateDownRight-enter-active, .rotateInDownRight, .rotateDownRight-leave-active, .rotateOutDownRight { animation-duration: 0.3s; animation-fill-mode: both; } .rotateDownRight-enter-active, .rotateInDownRight { animation-name: rotateInDownRight; } .rotateDownRight-leave-active, .rotateOutDownRight { animation-name: rotateOutDownRight; } .rotateDownLeft-enter-active, .rotateInDownLeft, .rotateDownLeft-leave-active, .rotateOutDownLeft { animation-duration: 0.3s; animation-fill-mode: both; } .rotateDownLeft-enter-active, .rotateInDownLeft { animation-name: rotateInDownLeft; } .rotateDownLeft-leave-active, .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slide-enter-active, .slideIn, .slide-leave-active, .slideOut { animation-duration: 0.3s; animation-fill-mode: both; } .slide-enter-active, .slideIn { animation-name: slideIn; } .slide-leave-active, .slideOut { animation-name: slideOut; } .slideUp-enter-active, .slideInUp, .slideUp-leave-active, .slideOutUp { animation-duration: 0.3s; animation-fill-mode: both; } .slideUp-enter-active, .slideInUp { animation-name: slideInUp; } .slideUp-leave-active, .slideOutUp { animation-name: slideOutUp; } .slideRight-enter-active, .slideInRight, .slideRight-leave-active, .slideOutRight { animation-duration: 0.3s; animation-fill-mode: both; } .slideRight-enter-active, .slideInRight { animation-name: slideInRight; } .slideRight-leave-active, .slideOutRight { animation-name: slideOutRight; } .slideLeft-enter-active, .slideInLeft, .slideLeft-leave-active, .slideOutLeft { animation-duration: 0.3s; animation-fill-mode: both; } .slideLeft-enter-active, .slideInLeft { animation-name: slideInLeft; } .slideLeft-leave-active, .slideOutLeft { animation-name: slideOutLeft; } .slideDown-enter-active, .slideInDown, .slideDown-leave-active, .slideOutDown { animation-duration: 0.3s; animation-fill-mode: both; } .slideDown-enter-active, .slideInDown { animation-name: slideInDown; } .slideDown-leave-active, .slideOutDown { animation-name: slideOutDown; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoom-enter-active, .zoomIn, .zoom-leave-active, .zoomOut { animation-duration: 0.3s; animation-fill-mode: both; } .zoom-enter-active, .zoomIn { animation-name: zoomIn; } .zoom-leave-active, .zoomOut { animation-name: zoomOut; } .zoomUp-enter-active, .zoomInUp, .zoomUp-leave-active, .zoomOutUp { animation-duration: 0.3s; animation-fill-mode: both; } .zoomUp-enter-active, .zoomInUp { animation-name: zoomInUp; } .zoomUp-leave-active, .zoomOutUp { animation-name: zoomOutUp; } .zoomRight-enter-active, .zoomInRight, .zoomRight-leave-active, .zoomOutRight { animation-duration: 0.3s; animation-fill-mode: both; } .zoomRight-enter-active, .zoomInRight { animation-name: zoomInRight; } .zoomRight-leave-active, .zoomOutRight { animation-name: zoomOutRight; } .zoomLeft-enter-active, .zoomInLeft, .zoomLeft-leave-active, .zoomOutLeft { animation-duration: 0.3s; animation-fill-mode: both; } .zoomLeft-enter-active, .zoomInLeft { animation-name: zoomInLeft; } .zoomLeft-leave-active, .zoomOutLeft { animation-name: zoomOutLeft; } .zoomDown-enter-active, .zoomInDown, .zoomDown-leave-active, .zoomOutDown { animation-duration: 0.3s; animation-fill-mode: both; } .zoomDown-enter-active, .zoomInDown { animation-name: zoomInDown; } .zoomDown-leave-active, .zoomOutDown { animation-name: zoomOutDown; } html { overflow-x: visible; overflow-y: visible; } .dropdown-content { padding: 3px 0; } .popper-dropdown { border-radius: 3px; } .popper-dropdown .menu-list a i { margin-right: 5px; } .popper-dropdown[x-placement^="bottom"] { margin-top: 5px; } .radio-button input[type="radio"] { cursor: pointer; opacity: 0; outline: none !important; position: absolute; } /*# sourceMappingURL=vue-blu.css.map*/